html{background: url(../images/background-strip.jpg) top center repeat-x #f7f7f7;}
body{font: 110%/125% Arial, Helvetica, sans-serif;margin:0;padding:0;color: #444;background: url(../images/background.jpg) top center no-repeat;}
*{border:0;margin:0;padding:0}html{overflow-y:scroll}
.clear{clear:both;float:none}
#wrapper{width:955px;margin:0 auto;padding:0;overflow:hidden}
.leftdiv{float:left;width:620px;padding-left:35px}
.rightdiv{float:left;width:300px}
#branding{margin-top:35px;height:63px;width:407px;background: url(../images/branding.png) top left no-repeat;}
#claim{margin:90px 0 20px 0;height:112px;width:561px;}
h1 { font-family: 'Cabin', arial, serif; font-size:55px; line-height:95%;color:#575c5f;font-weight:normal;text-shadow: 0px 1px 0px #e5e5ee;}
h2 { margin-bottom:14px;font-family: 'Cabin', arial, serif; font-size:50px; line-height:95%;color:#575c5f;font-weight:normal;margin-top:100px;text-shadow: 0px 1px 0px #e5e5ee;}
h3 { font-family: 'Cabin', arial, serif; font-size:22px; line-height:120%;border-bottom: 1px solid #c5c5c5; color:#575c5f;font-weight:normal;padding-bottom:5px;margin-top:40px;text-shadow: 0px 2px 0px #e5e5ee;}
.button{
	display:table-cell;
	vertical-align:middle;
	width:200px;
	height:60px;
	color:#FFFFFF;
	background-color:#006699;
	border:#003366 1px solid;
	cursor:pointer;
}
#menue{margin:33px 0 20px 4px;padding:0;text-align:left;}
#menue ul{list-style-type:none;margin:0;padding:0}
#menue li{display:inline;margin:0;padding:0;float:left}
#menue li a{font-family: Arial;
color: #ffffff;
font-size: 18px;
padding: 8px;
margin-right:14px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
border: none;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f24d94), to(#f03083));
background: -moz-linear-gradient(top, #f24d94, #f03083);}
#menue li a:hover{ background: #c32d6e;}
.nav{position:absolute;top:-50px;height:1px;width:1px;}
.magenta{color:#f1287f}
p{font-size:0.9em;padding:0;margin:0}
ul{margin:0;padding:2px 0 0 16px}
li{padding-left:6px;padding-bottom:6px;list-style-type:square;font-size:0.9em;line-height:1.2em;text-align:left}
.thumbs{float:left; margin-top:34px;text-align:center;color:#777;font-size:75%;line-height:130%}
.thumbs-th{float:left; margin-top:30px;}
img{border:none}
.pt20{padding-top:20px}
.mt20{margin-top:20px}
.mt40{margin-top:50px}
.ml30{margin-left:34px}
.ml40{margin-left:40px}
.ref-big{background:url(../images/bg-image-big.png) top left no-repeat; padding:6px 6px 12px 6px;}
.ref-th{background:url(../images/bg-image-th.png) top left no-repeat; padding:3px 3px 8px 3px;}
a{color: #e92d7b;border:none}
a:hover{color: #2fb0c0;}
a:focus {
	outline: none;
}

#footer{height:265px;background:url(../images/bg-footer.png) top left repeat-x}
#footer-cont{margin: 0 auto;width:960px;height:265px;background:url(../images/bg-footer-cont.png) top center no-repeat}
#footer-cont a{font-size:75%}
form#Kontaktformular { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
	width:520px;
	margin:20px auto;
	padding:0 0 10px 0;
	font-size:16px;
}

form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea {
	font:inherit;
	color:#444;
	width:370px;
	height:26px;
	margin:0 0 10px 0;
	padding:4px;
	display:block;
	float:left;
}

form#Kontaktformular input, form#Kontaktformular textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #f7f7f7;
	background-color:#ddd;
	color:#333;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #ccc;
}

form#Kontaktformular textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:140px;
	width:370px;
	margin-bottom:10px;
	
}

form#Kontaktformular input:focus, form#Kontaktformular textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #DA267C;	
}

form#Kontaktformular label {							/* Feldbeschriftungen */
	text-align:left;				
	width:90px;						
	padding:0;
	margin:0;			
}

form#Kontaktformular legend {
	display:none;
}

form#Kontaktformular fieldset {						/* Formularabschnitte */
	border:none;
	padding:0;
}

form#Kontaktformular input#submit {				/* Gestaltung des Submit-Buttons */
	width:184px;
	height:36px;
	cursor:pointer;
	background:url(../images/send-mail.png) top left no-repeat;
}


form#Kontaktformular input#submit:hover {				/* Gestaltung des Submit-Buttons */
	width:184px;
	height:36px;
	cursor:pointer;
	background:url(../images/send-mail.png) bottom left no-repeat;
}

form#Kontaktformular fieldset#submitbox {			/* Element zur Ausrichtung des Submit-Buttons */
	width:184px;
	height:36px;
	margin-left:180px;
	padding:0;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	clear:both;
}

form#Kontaktformular fieldset#adresse {			/* Formularabschnitt mit den Adressdaten */
	margin:0;
}


form#Kontaktformular input.radio {					/* Anpassungen für Radio-Buttons - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	padding-top:0;
	margin-left:0;
	border:none;
	background:transparent;
}

* html form#Kontaktformular input.radio {			/* Für die Radio-Buttons im IE ein etwas anderer Abstand... */
	margin-top:2px;
}

form#Kontaktformular label.radio {					/* Beschriftungen für Radio-Buttons */
	width:auto;
}



form#Kontaktformular label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background:url(../images/required.png) top right no-repeat;	
}

.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
	color:#f1287f !important;
	font-weight:bold !important;
}

p#fehlermeldung {			/* Die Fehlermeldung */
	display:none;
	background:#f2f2f2;
	
	padding:20px;
	margin:0 0 15px 0;
	color:#333;
	font-size:100%;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border:3px solid #f1287f;
}

form#Kontaktformular br {
	clear:left;
}

form#Kontaktformular input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}
#panel {
	height: 940px;
	display: none;
}
.slide {
	margin:0;
	padding: 0;
	height:34px;
	background: url(../images/btn-slide.png) left top no-repeat;
}

.btn-slide {
	margin-top:30px;
	padding:0;
	background: url(../images/btn-slide.png) left top no-repeat;
	width: 619px;
	height: 34px;
	display: block;
}
.active {
	margin:0;padding:0;background-position: 0 -34px; height: 34px;
}
        .activator{margin-top:150px;margin-right:60px;float:right;color:#999;cursor:pointer}
        .overlay{
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:fixed;
            top:-800px;
            left:10%;
            right:30%;
            background-color:#f2f2f2;
            color:#666666;
			font-size:70%;
			line-height:90%;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 10px;
            -webkit-border-radius:10px;
            -khtml-border-radius:10px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(../images/cancel.png) repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }