@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;}

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

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */

html, body, #wrap {height: 100%;}

body #wrap {
    height: auto;
    min-height: 100%;
}

body {
	background-color: #000;
	font-family: 'Titillium Web', sans-serif; background-image: url(../img/background.jpg); 
	background-repeat: repeat-x; 
	background-attachment: fixed;
}	

#wrap {
	margin: 0px auto;
	width: 960px;
	}

#top {width: 926px; height: 70px; background-color: #fff; padding-left: 34px; }
#top ul {float:right; margin-right: 40px; margin-top:31px; height:36px; } 
#top ul li{ display: inline; padding-left: 10px;}
#top a {color:#072f66; text-decoration: none; font-size: 0.75em; font-weight: 600; letter-spacing: 0.1em; padding-bottom:16px; }
#top a:hover { background-image: url(../img/navarrow2.jpg); background-repeat: no-repeat; background-position: bottom, center; }
#top a:active {color:#072f66;}
#top a:focus { color: #ccc;}

#header {width: 960px; background-color: #777; height: 263px; background-image: url(../img/header2.jpg); background-repeat: no-repeat; position: relative; }

#header h1 {color:#fff; margin-left: 40px;}
#header h1 span { font-size: 1.5em;}
#header h1 {font-size: 1.30em; padding-top: 50px; font-weight:500; }
#header h2 {font-size: 0.9em; font-weight: 400; color: #fff; margin-left: 40px; margin-top:40px; line-height: 1.20em; }
#header h2 span {font-size: 2.2em; background-image: url(../img/phone.png); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 40px; }

#main {width: 960px; background-color: #000; padding-bottom: 400px; }

#content { width: 557px; margin-left:40px; float:left; clear:right; padding-top:50px; }
#content h2 {font-size: 1.3em; font-weight:500; color: #fff;}
#content em { color: #6f8bb4; line-height: 2.2em; font-size: 1.2em;}
#content div {padding-bottom: 100px; background-color: #000; height:175px; display:table}
#content p {color: #ccc; font-size: 0.95em; text-align: left; line-height: 1.40em; letter-spacing: 0.01em; font-weight: 400; letter-spacing: 0.02em; padding-bottom: 100px; padding-top:20px;}
#content p.zitat {background-color: #2c4365; min-height: 129px; width: 235px; float:right; font-size: 0.9em; font-style: italic; font-weight: 100; padding: 50px 25px 0px 35px; margin-bottom:50px; display:table-cell;vertical-align: middle; margin: 0 auto;} 
#content img {float:left; clear: right;}

#sidebar { width:232px; float:left; padding-top:60px; margin-left:90px; border-bottom: 1px solid #777; background-color: transparent; padding-bottom: 10px;}
#sidebar h4.icon1 {background-image:url(../img/iconmonstr-gear-6-icon.png); background-size: 54px 54px; background-repeat: no-repeat; padding: 5px 0 0px 70px;}
#sidebar h4.icon2 {background-image:url(../img/iconmonstr-wrench-7-icon-64.png); background-size: 54px 54px; background-repeat: no-repeat; padding: 5px 0 0px 70px;}
#sidebar h4.icon3 {background-image:url(../img/iconmonstr-time-9-icon-64.png); background-size: 62px 60px; background-position: -4px top; background-repeat: no-repeat; padding: 8px 0 9px 70px;}
#sidebar h4 {font-size: 0.90em; width: 212px; letter-spacing: 0.01em; font-weight: 500; color: #ccc; line-height:1.2em; margin-left: -40px; height: 80px;}
#sidebar h3 {color: #fff; width: 100%; border-top: 1px solid #777; font-size: 0.95em; padding-top:10px; margin-top:44px;}
#sidebar li {list-style:none; font-size: 0.85em; margin-left:-40px; letter-spacing: 0.01em; color: #fff; font-weight: 400;}
#sidebar p {color: #6f8bb4; font-size: 0.95em; padding: 10px 0 10px 0; font-weight: bold; line-height: 1.3em;}

div#gallery { width: 556px; background-color: #000; margin-left: 40px; margin-top: 0px; height: 276px; float:left; clear:right;}
div#gallery ul { list-style-type: none; padding-left:0; float:left;}
div#gallery li {display:inline; margin-left:1px; float:left; clear:right;}
div#gallery li.auf {margin-top:/*-6px*/-2px;}
div#gallery p {width: 466px; background-color: #2c4365; color:#fff; float:right; margin-top:/*-6*/0px; padding: 25px 20px 25px 70px; background-image: url(../img/lupe.gif); background-repeat: no-repeat; background-position: 20px, center; font-size: 0.7em; text-align: left; }
div#gallery p span {font-size: 1.4em; font-weight:600; position:relative; padding-right:140px;}
div#gallery + img {float:right; margin-top: 0px; margin-right: 40px;}

div#upload { width: 960px; height: 480px; padding:0px 0; background-image:url(../img/formhg3.jpg); background-repeat:no-repeat; margin-top: 100px; } 
form#info {width:630px; float:left; clear:right;}
form#info fieldset#persdaten {width: 310px; padding: 20px 0; border:none; margin-top:70px; margin-left:5px;}
form#info fieldset#persdaten ul {list-style-type: none;}
form#info fieldset#persdaten li {float:left; width: 330px; margin: 0 0 12px 0;}
form#info li input {width: 204px; border: 1px solid #7292c2; float: left; height: 20px;}
form#info fieldset#persdaten li label {color: #fff; cursor:pointer; width:100px; float:left; }
form#info .inputmedium {width:160px;}
form#info .inputsmall {width:38px;}
form#info .inputspace {margin: 0 3px 0 0;}
form#info li {font-size: 0.8em; color: #fff;}
form#info fieldset#optional {border:none; margin-left: -10px;}
form#info fieldset#optional ul {list-style-type: none; background-color: #fff; margin-top:-25px; width: 350px;}
form#info fieldset#optional li {width: 139px; margin: 0 0 22px 0px; float:left; display:inline;}
form#info fieldset#optional li.abstandlinks {margin-left: 40px;}
form#info fieldset#optional li input[type=checkbox] {width: 28px; height: 14px; margin-top: 2px; float:right; cursor:pointer;}
form#info input[type="submit"]{width:200px; height:40px; margin-left:239px;; cursor:pointer; color: #fff; font-size:1.3em; font-weight: 400; text-align: center; background-color: #6883aa; border: 1px solid #fff; margin-top:19px;}
[title~="pflichtfeld"] {color: lawngreen; font-size: 1em; font-style: normal; vertical-align: 4px;}
form#info input[type="submit"]:hover {background-color: #2c4365; color: #fff;}

.custom-upload {
    background-color: #6883aa;
    border: 1px solid #fff;
    cursor: pointer;
    color: #fff;
    padding: 4px 10px;
	margin-left: /*239*/14px;
	position:relative;
	top: 28px;

}

.custom-upload:hover {background-color: #2c4365;}
.custom-upload input {
    left: -9999px; 
    position: absolute;
}

div#upload h6 {float: left; width: 290px; color:#fff; margin-right: 40px; clear:right; text-align:left; line-height: 1.25em; margin-left:-10px; margin-top:85px; font-size: 1.3em; color: #fff; font-weight: 500;}
div#upload p {float: left; width: 500px; color:#fff; clear:right; text-align:left; line-height: 1.25em; margin-left:-210px; margin-top: 50px;}

div#map {width:880px; margin-bottom:100px; padding:80px 40px 40px; height: 100%; background-color: #fff;}
div#map>div {float:left;} 
div#map_canvas_custom_22617 {width:556px; height:278px; float:left; clear:right;}
div#map p.mapbottom { background-image: url(../img/location2.gif); background-repeat: no-repeat; background-position: 13px, center; width: 493px; background-color: #2c4365; color:#fff; margin-top: /*-12*/px; padding: /*24px*/ 24px 0px 44px 63px; clear:both; font-size: 1em; font-weight:600; height: 0px; /*neu*/}
/*a.geomap_link_22617 {font:8px Arial; text-decoration:none; text-align: right; width: 551px; float:left; background-color:#F0EDE5; padding-right: 5px;}*/
div#anschrift {background-color: #fff; width:231px; height:360px; float:right; margin-left: 78px; position:relative;} 
div#anschrift h5, div#anschrift p {margin-left: 18px; margin-top: 20px;}
div#anschrift h5 { color:#2c4365; font-size:1.20em; font-weight:600;}
div#anschrift p { color:#666; float:left; font-size: 0.85em;}


#footer {position: relative; width: 960px; 	margin: -400px auto 0 auto; height: 400px; clear:both; background-image: url(../img/footer.jpg); background-repeat: no-repeat; background-position:center bottom; background-color: #000;}
#footer div {float:left; }
#footer div h3 {margin-left: 40px; color: #fff; width: 250px; font-size: 1.01em; font-weight: 400; margin-top: -7px;}
#footer div p {margin-left: 40px; color: #fff; }
#footer div address {margin-left: 0px; color: #fff; width: 225px; font-size: 0.8em; display:inline-block; padding-bottom: 30px; float:left; margin-top:29px;}
#foooter div h3, span { font-size: 0.58em; font-weight:200;}
#footer p { font-size: 0.75em; font-weight: 100; margin-top: 5px;}
#footer p span {color: #6883aa; font-size: 1em; font-weight: 600; line-height: 2em;}
#footer address span {color: #6883aa; font-size: 1em; font-weight: 600; line-height: 1.6em;}
#footer img {margin-left:40px; margin-top: 20px; padding-right: 20px; float:left;}
#footer p.copy {text-align: center; color: white; font-size: 0.7em; width: 960px; position: absolute; bottom: 3px;}




div#kontakt {float:right; width: 320px;}
div#kontakt form#kontaktformular fieldset {border:none; margin-top: -6px;}
div#kontakt form#kontaktformular label {font-size: 0.75em; font-weight: 500; width: 100px; color:#7292c2; line-height: 3em;}
div#kontakt form#kontaktformular fieldset legend {margin-left: 38px; color: #fff;}
div#kontakt form#kontaktformular fieldset ul {list-style-type: none; height: 276px;}
div#kontakt form#kontaktformular li {height: 22px;} 
div#kontakt form#kontaktformular li input[type="text"] { width: 223px; height: 10px;}           
div#kontakt form#kontaktformular li textarea { height: 7em; width: 226px; margin-top: 5px;}
div#kontakt form#kontaktformular li input[type="submit"] {width: 80px; color: #fff; border:1px solid #fff; background-color: #2c4365; cursor: pointer; margin-top: 100px; margin-left: 1px; font-weight: bold; height: 30px;}
div#kontakt form#kontaktformular li input[type="submit"]:hover { background-color:#6883aa;}