@import url('reset.css');

@font-face {
	font-family: 'BrandonGrotesque-Regular';
	src: url('../fonts/BrandonGrotesque-Regular.eot?') format('eot'), 
	     url('../fonts/BrandonGrotesque-Regular.woff') format('woff'), 
	     url('../fonts/BrandonGrotesque-Regular.ttf')  format('truetype'),
	     url('../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
}

@font-face {
	font-family: 'BrandonGrotesque-Bold';
	src: url('../fonts/BrandonGrotesque-Bold.eot?') format('eot'), 
	     url('../fonts/BrandonGrotesque-Bold.otf')  format('opentype'),
	     url('../fonts/BrandonGrotesque-Bold.woff') format('woff'), 
	     url('../fonts/BrandonGrotesque-Bold.ttf')  format('truetype'),
	     url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
}

@font-face {
	font-family: 'HelveticaNeue-Light';
	src: url('../fonts/HelveticaNeue-Light.eot?') format('eot'), 
	     url('../fonts/HelveticaNeue-Light.otf')  format('opentype'),
	     url('../fonts/HelveticaNeue-Light.woff') format('woff'), 
	     url('../fonts/HelveticaNeue-Light.ttf')  format('truetype'),
	     url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
}

@font-face {
	font-family: 'HelveticaNeue-Thin';
	src: url('../fonts/HelveticaNeue-Thin.eot?') format('eot'), 
	     url('../fonts/HelveticaNeue-Thin.otf')  format('opentype'),
	     url('../fonts/HelveticaNeue-Thin.woff') format('woff'), 
	     url('../fonts/HelveticaNeue-Thin.ttf')  format('truetype'),
	     url('../fonts/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
}

@font-face {
	font-family: 'SEGOEUIL';
	src: url('../fonts/SEGOEUIL.eot');
	src: local('SEGOEUIL'), url('../fonts/SEGOEUIL.woff') format('woff'), url('../fonts/SEGOEUIL.ttf') format('truetype');
}

html {height:100%; overflow-y: scroll; width:100%; }
body {margin: 0 auto; height:100%; width: 100%; font-family: 'HelveticaNeue-Thin';}
#page {margin: 0 auto; width: 100%;}

.wf {font-family: 'BrandonGrotesque-Regular' !important; text-transform:uppercase;}
#sachsen .wf {font-family: 'SEGOEUIL' !important; text-transform: none;}
p {font-size:16px; line-height:24px; color:#7e726a;}
strong { font-weight:bold; font-family: 'HelveticaNeue-Light';}

/* --- HEADER --- */
#header_container {height:140px; left:0; position:fixed; width:100%; top:0;	background-color:#fff; z-index:10;}
#header {margin: 0 auto; height: 140px;	width: 920px; padding-left:20px; padding-right:20px;}
#logo {float:left; margin-top:28px;	margin-left:80px; width:auto; height:70px; color:#5e5e5e;}
#sachsen #logo {float:left;	margin-top:52px; margin-left:0px; width:100%; color:#5e5e5e;}
#sachsen #logo img {float:left; margin-left:20px;}

#logo h1 {font-size:56px; line-height:60px;}
#sachsen #logo h1 {font-size:42px; line-height:normal; float:right; margin-top:12px; margin-right:20px;}
#sachsen #logo h1 strong {color:#e59906}
#logo h2 {font-size:22px; line-height:22px;}
h3 {font-size:30px; line-height:33px; color:#5e5e5e;}

#projektbutton {float:right; margin-right:70px; margin-top:50px; height:50px; width:140px; background-color:#1590c1; text-align:center; border-radius:6px;	position:relative;}
#projektbutton a {display:block; z-index:1; position:absolute; bottom:0; left:0; height:100%; width:100%; color:#FFF; font-size:16px; line-height:18px}
#projektbutton a:hover {text-decoration:none; background-color:#0e77a1; border-radius:6px;}
#projektbutton span {margin-top:8px; display:block;}

/*CONTENT*/
#content_container {background: #efefef; min-height:700px; padding-top:140px; min-width:960px; padding-bottom:20px;	padding-left:20px; padding-right:20px;}

.col {width:945px; margin-left: 15px;}
.colleft {float:left; width:457px; margin-left:15px;}
.colright {float:right; width:457px; margin-right:15px;}
#sachsen .colright p {margin-bottom:20px;}

#nav {margin: 0 auto; width:960px; min-height:46px;	margin-top:30px; font-family: 'BrandonGrotesque-Regular' !important;}
#nav .colleft, #nav .colright {position: relative;height:46px;}
#nav .colleft a, #nav .colright a {display:block; z-index:1; position:absolute; bottom:0; left:0; height:100%; width:100%; color:#FFF; background-color:#cac5c1; font-size:22px; }
#nav .colleft a:hover, #nav .colright a:hover {background-color:#5e5e5e; text-decoration:none;}
#sachsen #nav .colleft a:hover, #sachsen #nav .colright a:hover {background-color:#e59906}
#nav span {margin-top:10px; margin-left:15px; display:block;}
.aktiv a {background-color:#5e5e5e !important;}
#sachsen .aktiv a {background-color:#e59906 !important;}

#content {margin: 0 auto; width:960px; min-height:700px; background-color: #FFF; -moz-box-shadow: 5px 5px 5px  #999;  -webkit-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999; border:1px solid #5e5e5e; padding-bottom:12px;}

/*INDEX*/
#content .colleft, #content .colright  {margin-top:25px;}

#searchwarpper {margin-left:35px; margin-right:35px; margin-top:30px; margin-bottom:30px;}
#sachsen #searchwarpper {width:417px; margin-left:20px;}
#selectwrapper {height:40px; padding-bottom:30px}
#send {float:right; background-color:#cac5c1; height:40px; width:155px; position:relative;}
#send a {display:block; z-index:1; position:absolute; bottom:0; left:0; height:100%; width:100%; color:#FFF; background-color:#cac5c1; font-size:20px; text-align:center; text-decoration:none;}
#send a:hover {background-color:#5e5e5e;}
#send span { line-height:40px;}

#linkright {height:20px; float:right;}

#map {width:615px; height:850px; border:1px solid #7e726a; margin-left:15px; margin-bottom:25px; float:left;}
#thumbcol {width:300px; margin-right:15px; float:right;}
.thumb {height:150px;}
.thumbinfo a {color:#7e726a;}
.thumbinfo p {padding-top:8px; font-size:14px; line-height:18px; padding-bottom:20px;}

/*DETAIL PAGES*/
.details .col {margin-right:0px; width:930px;}
.details .colleft {margin-left:0px; width:472px; margin-bottom:25px;}
.details .colright { margin-bottom:25px;}

#headlinewrapper {float:left; margin-top:70px; margin-bottom:14px;}
#headlinewrapper h3 {float:left;}
#headlinewrapper a {color:#5e5e5e;}
#headlinewrapper p {float:left; font-size:12px; line-height:24px; margin-left:25px; margin-top:11px; }
#headlinewrapper p.wf strong {font-family: 'BrandonGrotesque-Bold';}

#backbt {float:right; height:40px;  margin-top:54px; width:100px; text-align:center; position:relative; margin-right:-10px;}
#backbt a {display:block; z-index:1; position:absolute; bottom:0; left:0; height:100%; width:100%; color:#FFF; font-size:16px; line-height:18px; padding-left:15px; background-color:#cac5c1; background-image:url(../images/bt_pfeil_p.png);background-repeat:no-repeat;}
#sachsen #backbt a {font-size:20px;}
#backbt a:hover {background-color:#5e5e5e; text-decoration:none;background-image:url(../images/bt_pfeil_a.png);}
#backbt span {line-height:40px;}

.bigimg img {margin-bottom:8px}
.bigimg p {margin-bottom:25px; font-size:14px; line-height:18px;}

.details .thumwrapper  {float:left; width:221px; margin-left:15px;}
.details .thumwrapper  .thumb {height:165px;}
.thumbinfo {}
.details .thumwrapper  .thumbinfo p {padding-bottom:25px;}
.colleft #map {width:455px; margin-left:0px; height:400px; margin-left:15px;}

/*RESULTS PAGES*/
#backbt.search { width:120px; margin-right:6px;}
.col .thumbwrapper {float:left; margin-right:15px; width:300px;}
.thumb.my  {float:right; background-color:#ecf5f9; position:relative; width:298px; height:148px; border: 1px solid #1590c1; text-align:center; margin-bottom:8px;}
.thumb.my a  {display:block; z-index:1; position:absolute; bottom:0; left:0; height:100%; width:100%; color:#1590c1; background-color:#ecf5f9; font-size:20px; font-size:16p; text-decoration:none;}
.thumb.my a span {display:block; margin-top:45px;}
#headlinewrapper p.result {font-size:14px; line-height:22px; margin-bottom:2px; }
#sachsen #headlinewrapper p.result {font-size:14px; line-height:18px; margin-bottom:2px; margin-top:14px; }

/*TEXT PAGES*/
.col.txt {width:930px; margin-right:15px; margin-bottom:12px;}
.col.txt h3 {margin-bottom:12px; margin-top:25px;}
.txt a {color:#7e726a;}
#sachsen .txt a:hover {color:#e59906}
.txt ul{list-style: none outside none;margin-left: 0px;}
.txt ul li 	{background: url(../images/li_bullet.gif) no-repeat 0px 12px; padding-left:10px}

/*SELECT MENUES*/
.selectitem {float:left; margin-right:15px;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; width:228px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#000000;text-decoration:none; }
.dropdown dt a:hover,  {color:#000000; border: 1px solid #7e726a; height:38px;}
.dropdown dt a:focus { color:#000000; border: 1px solid #7e726a;}
.dropdown dt a {background: url(../images/arrow.png) no-repeat scroll 190px center; display:block; 
				border:1px solid #7e726a; width:210px; padding:5px; padding-left:10px; padding-right:10px; height:28px; line-height:28px;}
.dropdown dt a span {cursor:pointer; display:block; width:220px;}
.dropdown dd ul { background:#fff none repeat scroll 0 0; border:1px solid #7e726a; border-top:none; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; padding-bottom:0px; position:absolute; top:0px; width:230px; list-style:none; margin-top:-3px; }
.dropdown dd ul li {background-image:url(../images/bg_line.gif); background-repeat: no-repeat; background-position:top; margin-top:-1px; }			  
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; padding-left:10px; padding-right:10px; display:block;height:30px;line-height:30px;}
.dropdown dd ul li a:hover { background-color:#cac5c1; background-image:url(../images/bg_line.gif); text-decoration:none;}

.selectitem2 {float:left; margin-right:15px;}
.dropdown2 dd, .dropdown2 dt, .dropdown2 ul { margin:0px; padding:0px; width:228px; }
.dropdown2 dd { position:relative; }
.dropdown2 a, .dropdown2 a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown2 a:hover { color:#000000;text-decoration:none; }
.dropdown2 dt a:hover,  {color:#000000; border: 1px solid #7e726a; height:38px;}
.dropdown2 dt a:focus { color:#000000; border: 1px solid #7e726a;}
.dropdown2 dt a {background: url(../images/arrow.png) no-repeat scroll 190px center; display:block; 
				border:1px solid #7e726a; width:210px; padding:5px; padding-left:10px; padding-right:10px; height:28px; line-height:28px;}
.dropdown2 dt a span {cursor:pointer; display:block; width:220px;}
.dropdown2 dd ul { background:#fff none repeat scroll 0 0; border:1px solid #7e726a; border-top:none; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; padding-bottom:0px; position:absolute; top:0px; width:230px; list-style:none; margin-top:-3px; }
.dropdown2 dd ul li {background-image:url(../images/bg_line.gif); background-repeat: no-repeat; background-position:top; margin-top:-1px; }			  
.dropdown2 span.value { display:none;}
.dropdown2 dd ul li a { padding:5px; padding-left:10px; padding-right:10px; display:block;height:30px;line-height:30px;}
.dropdown2 dd ul li a:hover { background-color:#cac5c1; background-image:url(../images/bg_line.gif); text-decoration:none;}

.selectitem3 {float:left; margin-right:0px;}
.dropdown3 dd, .dropdown3 dt, .dropdown3 ul { margin:0px; padding:0px; width:228px; }
.dropdown3 dd { position:relative; }
.dropdown3 a, .dropdown3 a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown3 a:hover { color:#000000;text-decoration:none; }
.dropdown3 dt a:hover,  {color:#000000; border: 1px solid #7e726a; height:38px;}
.dropdown3 dt a:focus { color:#000000; border: 1px solid #7e726a;}
.dropdown3 dt a {background: url(../images/arrow.png) no-repeat scroll 190px center; display:block; 
				border:1px solid #7e726a; width:210px; padding:5px; padding-left:10px; padding-right:10px; height:28px; line-height:28px;}
.dropdown3 dt a span {cursor:pointer; display:block; width:220px;}
.dropdown3 dd ul { background:#fff none repeat scroll 0 0; border:1px solid #7e726a; border-top:none; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; padding-bottom:0px; position:absolute; top:0px; width:230px; list-style:none; margin-top:-3px; }
.dropdown3 dd ul li {background-image:url(../images/bg_line.gif); background-repeat: no-repeat; background-position:top; margin-top:-1px; }			  
.dropdown3 span.value { display:none;}
.dropdown3 dd ul li a { padding:5px; padding-left:10px; padding-right:10px; display:block;height:30px;line-height:30px;}
.dropdown3 dd ul li a:hover { background-color:#cac5c1; background-image:url(../images/bg_line.gif); text-decoration:none;}
		
#sachsen .selectitem2 {float:left; margin-right:15px; margin-bottom:8px;}
#sachsen .dropdown2 dd, #sachsen .dropdown2 dt, #sachsen .dropdown2 ul { margin:0px; padding:0px; width:405px; }
#sachsen .dropdown2 dd { position:relative;background-color:#cac5c1 }
#sachsen .dropdown2 a, #sachsen .dropdown2 a:visited { color:#816c5b; text-decoration:none; outline:none;}
#sachsen .dropdown2 a:hover { color:#000000;text-decoration:none; }
#sachsen .dropdown2 dt a:hover,  {color:#000000; border: 1px solid #7e726a; height:38px;}
#sachsen .dropdown2 dt a:focus { color:#000000; border: 1px solid #7e726a;}
#sachsen .dropdown2 dt a {background: url(../images/arrow.png) no-repeat scroll 380px center; display:block; 
				border:1px solid #7e726a; width:395px; padding:5px; padding-left:10px; padding-right:10px; height:28px; line-height:28px;}
#sachsen .dropdown2 dt a span {cursor:pointer; display:block; width:415px;}
#sachsen .dropdown2 dd ul { background:#fff none repeat scroll 0 0; border:1px solid #7e726a; border-top:none; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; padding-bottom:0px; position:absolute; top:0px; width:415px; list-style:none; margin-top:-3px; z-index:2}
#sachsen .dropdown2 dd ul li {background-image:url(../images/bg_line_sachsen.gif); background-repeat: no-repeat; background-position:top; margin-top:-1px; }			  
#sachsen .dropdown2 span.value { display:none;}
#sachsen .dropdown2 dd ul li a { padding:5px; padding-left:10px; padding-right:10px; display:block;height:30px;line-height:30px;}
#sachsen .dropdown2 dd ul li a:hover { background-color:#cac5c1; background-image:url(../images/bg_line.gif); text-decoration:none;}

select {display:none;}

/*CHECKBOXEN*/
.checkwrapper {float:left; width:auto; margin-right:20px; margin-top:4px;}

input[type="checkbox"] {position: absolute; clip: rect(0,0,0,0);}
label {cursor: pointer;color:#7e726a}
input[type="checkbox"].check1:focus + label {}
input[type="checkbox"].check1 + label { background: transparent url("../images/bt_check_gebaut.gif") no-repeat 0 0; padding-left: 45px; padding-top:0; height:33px; line-height:33px; display:block;}
input[type="checkbox"].check1:checked + label {background-position: 0 -33px;}
input[type="checkbox"].check2:focus + label {}
input[type="checkbox"].check2 + label {background: transparent url("../images/bt_check_geplant.gif") no-repeat 0 0; padding-left: 45px; padding-top:0; height:33px; line-height:33px; display:block;}
input[type="checkbox"].check2:checked + label {background-position: 0 -33px;}

/*FORMULAR*/
#content.formular {padding-bottom:100px;}
.formular .colleft {margin-top:0px !important;}
#formwarpper {margin-left:20px;}

.formular .selectitem3 {float:left;}
.formular .dropdown3 dd, .formular .dropdown3 dt, .formular .dropdown3 ul { margin:0px; padding:0px; width:435px !importand; }
.formular .dropdown3 dd { position:relative; }
.formular .dropdown3 a, .formular .dropdown3 a:visited { color:#816c5b; text-decoration:none; outline:none;;}
.formular .dropdown3 a:hover { color:#000000;text-decoration:none; }
.formular .dropdown3 dt a:hover,  {color:#000000; border: 1px solid #7e726a; height:38px;}
.formular .dropdown3 dt a:focus { color:#000000; border: 1px solid #7e726a;}
.formular .dropdown3 dt a {background: url(../images/arrow.png) no-repeat scroll 395px center; display:block; 
				border:1px solid #7e726a; width:415px; padding:5px; padding-left:10px; padding-right:10px; height:28px; line-height:28px;}
.formular .dropdown3 dt a span {cursor:pointer; display:block; width:427px; }
.formular .dropdown3 dd ul { background:#fff none repeat scroll 0 0; border:1px solid #7e726a; border-top:none; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; padding-bottom:0px; position:absolute; top:0px; width:435px; list-style:none; margin-top:-3px; }
.formular .dropdown3 dd ul li {background-image:url(../images/bg_form_line.gif); background-repeat: no-repeat; background-position:top; margin-top:-1px; }			  
.formular .dropdown3 span.value { display:none;}
.formular .dropdown3 dd ul li a { padding:5px; padding-left:10px; padding-right:0px; display:block;height:30px;line-height:30px;}
.formular .dropdown3 dd ul li a:hover { background-color:#cac5c1; background-image:url(../images/bg_line.gif); text-decoration:none;}

#kontaktform input {width:425px; border: 1px solid #7e726a; height:38px; margin-top:10px; font-family: 'HelveticaNeue-Thin'; font-size:16px; padding-left:10px; float:left; margin-right:15px;}
input.small {width:199px; }
textarea  {width:878px; height:195px;border: 1px solid #7e726a;font-family: 'HelveticaNeue-Thin'; font-size:16px; padding-left:10px; margin-top:10px; margin-bottom:4px; padding-top:5px; resize:none;}
.formular #send{margin-right:35px; margin-top:3px; margin-bottom:25px;}
.formular p {float:left;}

/*FOOTER*/
#footer {width:960px; height: 55px; margin: 0 auto;	padding-left:20px;padding-right:20px; display:table;}
#footercontent {vertical-align:middle; display: table-cell; text-align:center;}
#sachsen #footercontent {vertical-align:middle; display: table-row ; text-align:center;}
#footer a {color:#7e726a; text-decoration: none; margin-right:10px;}
#footer a img  {height:20px; display: inline; padding-bottom:4px; padding-right:5px;}
#footer a.sachs  {font-family: 'SEGOEUIL' !important; text-transform: none; font-size:14px;}
#footer .sachs strong {color:#e59906}
#sachsen #footer a {color:#7e726a; text-decoration: none; margin-right:10px;}
#sachsen #footer a:hover {text-decoration: underline; color:#000000;}
#footer a:hover {text-decoration: underline; color:#000000;}
#sachsen .footercolleft {display:table-cell; width:50%; text-align:right;padding-right:10px;height:55px;vertical-align:middle;font-family: 'BrandonGrotesque-Regular' !important; text-transform:uppercase; line-height:12px; font-size:20px}
#sachsen .footercolleft a {margin-right:0px !important;}
#sachsen .footercolright {display:table-cell; width:50%; text-align:left; vertical-align:middle;height:55px; padding-left:10px;}

/*LINKS*/
a {color:#000000; text-decoration: none;}
a:hover, a:active {color:#000000; text-decoration: underline;}
#sachsen .colright p a {color:#e59906 !important;}

/*PDF*/

.pdf #header_container {height:60px; left:0; position:fixed; width:100%; top:0; background-color:#fff; z-index:10;}
.pdf #header {margin: 0 auto; height: 60px; width: 920px; padding-left:20px; padding-right:20px;}
.pdf #logo {float:right; margin-top:20px; margin-left:80px; width:auto; height:auto; color:#000000;}
.pdf #logo h1 {font-size:25px; line-height:25px;}
.pdf #logo h2 {font-size:10px; line-height:10px; white-space:nowrap;}
.pdf h3 {color:#000;}
.pdf p {color:#000;}
.pdf #content_container {background:#ffffff; min-height:inherit; padding-top:60px; min-width:960px; padding-bottom:40px; padding-left:20px; padding-right:20px;}
.pdf #content {margin: 0 auto; width:960px; min-height:inherit; background-color: #FFF; -moz-box-shadow: 0 0 0  #FFF;  -webkit-box-shadow: 0 0 0  #FFF; box-shadow: 0 0 0 #FFF; border:none; padding-bottom:12px;}
.pdf #headlinewrapper {margin-top:0px;}
.pdf #headlinewrapper p {display:none;}
.pdf .bigimg p {margin-bottom:0px; color:#000;}
.pdf .details .colleft {margin-bottom:0px;}
.pdf #nav {display:none;}
.pdf #backbt {display:none;}
.pdf #projektbutton {display:none;}
.pdf #content.details {padding-bottom:0px;}
#footer_container, #sachsen #footer_container{bottom:0; height:40px;position:fixed; width:100%; z-index:10; background-color:#ffffff}
#footer_container strong {font-family: 'BrandonGrotesque-Bold';}
.pdf #footer, #sachsen .pdf #footer {width:930px; height: 40px; margin: 0 auto; padding-left:20px;padding-right:20px; display:table;}
.pdf #footercontent, #sachsen .pdf #footercontent { vertical-align:middle; display: table-cell; text-align: left; border-top: solid 1px #000;}

/*PDF SACHSEN*/
#sachsen .pdf #logo {float:right; margin-top:20px; margin-left:80px; width:auto; height:auto; color:#000000;}
#sachsen .pdf #logo img {height:29px;  width:82px; margin-right:20px; }
#sachsen .pdf #logo h1 {font-size:15px; line-height:15px; margin-right:0px;}
#sachsen .pdf #footer a {color:#000;}




/* added by nico */
.dropdown dd ul, .dropdown2 dd ul, .dropdown3 dd ul {
  z-index: 1;
}

#sachsen .colright .details p {
  margin-bottom:0px;
}

b { font-weight:normal; font-family: 'HelveticaNeue-Light';}

.inline_pdf #backbt {
    position: absolute;
    top: -50px;
    z-index: 10;
}

.inline_pdf {
  height: 800px;
  padding-top: 140px;
}

/* overwrite layerswitcher defaults */

.layer-switcher button {
    background-color: rgba(0,60,136,.5) !important;
}

.layer-switcher ul {
    padding-left: 0em !important;
}

.layer-switcher {
    top: 0.5em !important;
}