@charset "UTF-8";
/**
 * Hommel - CSS: Layout & Content
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2010-05
 *
 * hacer con amor
 *
 */



/* ------------------------------------------ */
/* Contentbase */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { font-size: 100.01%; }

.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.floatbox { overflow: hidden; }

.hideme, dfn, #nav-first a { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
.print { display: none; }



/* ------------------------------------------ */
/* Ausrichtung */
#margins { margin: 0 auto; padding: 80px 0 0 0; width: 940px; }
#page { background: #fff; position: relative; }



/* ------------------------------------------ */
/* Header */
#header { position: absolute; top: 0; left: 0; z-index: 101; }
#header h1 { padding: 35px 0 0 15px; }
#header h1 img { opacity: .3; }
#header h1 a:hover img, #header h1 a:active img, #header h1 a:focus img { opacity: 1; }
#start #header h1 { display: none; }

/* Sprungnavigation */
#nav-first { position: absolute; top: 0; left: 0; z-index: 67; }
#nav-first ul, #nav-first li { list-style: none; margin: 0; padding: 0; }
#nav-first a { position: absolute; left: -1000em; top: -1000em; }
/**/#nav-first a:focus { background: #37b0c3; color: #fff; display: block; line-height: 1.1em; height: auto; padding: .4em 1em; position: absolute; top: 0; left: 0; outline: none; text-decoration: none; white-space: nowrap; width: auto; }



/* ------------------------------------------ */
/* Main */
#main { min-height: 540px; }
#col1 { float: left; padding: 130px 0 0 0; width: 685px; }
#col2 { float: right; padding: 130px 0 0 0; margin: 0 10px 0 0; min-height: 410px; position: relative; width: 230px; }
.hidecol2 #col1 { padding: 0; width: 940px; }
.hidecol2 #col2 { display: none; }
.col1full #col1 { padding: 0; }



/* ------------------------------------------ */
/* Navigationen */
#navigations { min-height: 120px; padding: 10px 0 0 0; }
#navigations ul { float: left; list-style: none; margin: 0 0 0 50px; padding: 0; }
#navigations #nav-main ul { margin-left: 15px; }
#navigations li { display: inline; margin: 0; padding: 0; }
#navigations li a, #navigations li strong { color: #b2b5b4; display: block; font-size: 1.1em; font-weight: normal; text-decoration: none; white-space: nowrap; }
#navigations li.open a, #navigations li strong, #navigations li a:hover, #navigations li a:active, #navigations li a:focus { color: #454646; }
#navigations #nav-news li a, #navigations #nav-news li strong { background: url(../images/ico_ar1.gif) 0 .3em no-repeat; padding-left: 12px; }
#navigations #nav-news li a span.date, #navigations #nav-news li strong span.date { padding-right: .5em; }
#navigations #nav-news li a:hover, #navigations #nav-news li a:active, #navigations #nav-news li a:focus, #navigations #nav-news li.open a, #navigations #nav-news li strong { background-image: url(../images/ico_ar2.gif); }

/* Metanavigation */
#nav-meta { }
#nav-meta ul { float: right; list-style: none; margin: 0; padding: 0; }
#nav-meta li { display: inline; margin: 0; padding: 0; }
#nav-meta a, #nav-meta strong { color: #fff; float: left; margin: 0 0 0 .1em; padding: .1em .8em; }
#nav-meta a:hover, #nav-meta a:active, #nav-meta a:focus { text-decoration: underline; }
#nav-meta strong { background: #fff; color: #454646; font-weight: normal;}



/* ------------------------------------------ */
/* Footer */
#footer { background: #b2b2b2; }



/* ------------------------------------------ */
/* Formatierungen */
body { background: #b2b2b2; color: #666; font-family: "Cantarell","Gill Sans", Arial, Helvetica, sans-serif; font-size: 75.00%; }
textarea { font-family: "Cantarell","Gill Sans", Arial, Helvetica, sans-serif; font-size: 1em; }

h3 { color: #37b0c3; font-size: 1em; font-weight: normal; line-height: 1.3em; margin: 0 0 1em 0; padding: 0; }
h3.grau { color: #666; }
h4 { color: #37b0c3; font-size: 1em; font-weight: normal; line-height: 1.3em; margin: 1em 0 1em 0; }
h5 { font-size: 1em; font-weight: normal; margin: 1em 0 .6em 0; }
h6 { font-size: 1em; font-style: italic; }

p { line-height: 1.3em; margin: 0 0 1em 0; }

ul, ol { line-height: 1.3em; margin: 0 0 .8em 1em }
li { line-height: 1.6em; margin-left: 1em; }

a { color: #37b0c3; text-decoration: none; }
a:focus, a:hover, a:active { text-decoration: underline; }
a img { border: 0; }

acronym, abbr { cursor: help; }

.float-left { float: left; margin: .2em 1em 0.4em 0; }
.float-right { float: right; margin: .2em 0 0.4em 1em; }

.first { margin-top: 0; }
.xl { font-size: 1.2em; }
.xs { font-size: .8em; }
.c { text-align: center; }
.r { text-align: right; }
.uc { text-transform: uppercase; }

div.hr { border-top: 1px #cfcfcf dotted; height: 1px; margin: 1em 0; overflow: hidden; }
div.hr hr { visibility: hidden; }

table { border-collapse: collapse; margin: 0 0 1.2em 0; }
table th, table td { padding: .4em; line-height: 140%; text-align: left; vertical-align: top; }



/* ------------------------------------------ */
/* Content */
p.posbottom { margin: 0; position: absolute; bottom: 0; }

/* Einbledungen, wenn JS aktiviert ist */
.js #navigations ul, .js .fadein { opacity: 0; filter: alpha(opacity=00) }

/* Spezielle Formatierung der Definitionsliste */
dl { margin: 0 0 .3em 0; padding: 0; overflow: hidden; }
dl dt { line-height: 1.3em; float: left; font-weight: bold; margin: 0; padding: 0 .6em 0 0; }
dl dd { line-height: 1.3em; margin: 0; padding: 0; }

/* Slideshow */
#slideshow, #slideshow-v2 { height: 410px; position: relative; overflow: hidden; width: 685px; }
.hidecol2 #slideshow, .hidecol2 #slideshow-v2 { height: 540px; width: 940px; }
#slideshow img, #slideshow-v2 img { height: 410px; width: 685px;}
.hidecol2 #slideshow img, .hidecol2 #slideshow-v2 img { height: 540px; width: 940px;}
#slidenav { color: #b2b5b4; position: absolute; top: 550px; right: 15px; z-index: 99; }
#slidenav a { background: url(../images/ico_al1.gif) 0 2px no-repeat; float: left; height: 14px; width: 11px; }
#slidenav a#th-next { background-image: url(../images/ico_ar1.gif); }
#slidenav a#th-prev:hover, #slidenav a#th-prev:active, #slidenav a#th-prev:focus { background-image: url(../images/ico_al2.gif); }
#slidenav a#th-next:hover, #slidenav a#th-next:active, #slidenav a#th-next:focus { background-image: url(../images/ico_ar2.gif); }
#slidenav a img { display: none; }
#slidenav span { float: left; padding: 0 2em; }

/* Zitat */
#zitat { background: #fff; display: none; height: 410px; position: absolute; top: 0; left: 0; width: 685px; z-index: 99; }
.js #zitat { display: block; }
.hidecol2 #zitat { height: 540px; width: 940px; }

/* Registrierung */
#registration { background: rgba(255, 255, 255, 0.95); padding: 1em; position: absolute; top: 155px; right: 280px; width: 400px; z-index: 111; }

/* Formulare */
form { margin: 0 0 1em 0; padding: 0; overflow: hidden; }
form fieldset { background: #f9f9f9; border: 1px #dfdfdf solid; margin: 0 0 1.5em 0; padding: 0.5em 1em; overflow: hidden; }
form legend { background: #f9f9f9; border: 1px #dfdfdf solid; border-bottom: 0; color: #001e35; font-family: georgia, times, serif; font-weight: normal; padding: .4em 1em; }
form div.type-text, form.yform div.type-select, form.yform div.type-check, form.yform div.type-button { margin: 0.5em 0; position: relative; overflow: hidden; }
form label { cursor: pointer; display: block; }
form .type-text input, form .type-text textarea { display: block; padding: 0.2em 0.3em; position: relative; width: 58.5%; }
form .type-select select { cursor: pointer; display: block; padding: 0.2em 2px 0.2em 1px; position: relative; width: 60%; }
form .type-select select optgroup { font-style: normal; font-weight: bold; }
form .type-check input { cursor: pointer; }
form .type-check label { display: inline; }
form .type-text input, form .type-text textarea, form .type-select select { background: #fff; border: 1px solid #e8e8e8; }
form div input:focus, form div select:focus, form div textarea:focus,
form div input:hover, form div select:hover, form div textarea:hover,
form div input:active, form div select:active, form div textarea:active { background: #fff; }
form .type-button input { background: #37b0c3; border: 1px #37b0c3 solid; color: #fff; cursor: pointer; padding: .2em 1em; width: auto; }
form div.type-button input:focus, form div.type-button input:hover, form div.type-button input:active { background: #fff; border: 1px #37b0c3 solid; color: #37b0c3; }
form input[type=hidden] { display: none !important; }
.error .message { color: #37b0c3; font-weight: normal; }
/* Darstellung als Spalten */
.columnar div.type-text label, .columnar div.type-select label { float: left; width: 30%; }
.columnar div.type-check, .columnar div.type-button { padding: .3em 0 .3em 30%; }
.columnar div.type-text input, .columnar div.type-text textarea { width: 65%; }
.columnar div.type-select select { width: 65%; }