/*---------------------------------------------------------------------------------------------*/
/*	CSS Reset by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0
/*---------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input:focus,textarea:focus{border:1px solid #999; outline:0;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
::-webkit-input-placeholder {color:#5F5C52;}
:-moz-placeholder {color:#5F5C52;}
.placeholder {color:#5F5C52;}



/*---------------------------------------------------------------------------------------------*/
/*	Struktur + Responsiveness
/*---------------------------------------------------------------------------------------------*/

@media only screen {	
}

@media only screen and (min-width: 1280px) {
}

	.print {display:none;}

	.startseiten-wrapper {width:1120px;height:560px;}

	#huelle, #fusszeile {width:1160px;}
	.kasten {margin:20px 0 0 20px;}
	.b300 {display:none;} 
	body {font-size:15px;background:#eee;}
	
	#seitenkopf {margin:0 20px 0 20px;}
	
	.listeneintrag, .listeneintrag h3 {font-size:13px;}
	#navigation {font-size:16px;margin:66px 20px 0 0;float:right;}
	.hauptnavigation{height:20px; float:right;}
	.hauptnavigation li {margin-left:15px;float:left !important;}
	.subnavigation {clear:both;float:right;margin-top:5px;font-size:14px;}
	.subnavigation li {margin-left:15px;float:left !important;}
		
	.viererteaser, .viererteaser img {width:265px;}
	.einspaltig {width:360px;}
	.zweispaltig {width:740px;}
	.zweispaltig760 {width:760px;}

	.listeneintrag {width:360px;margin-right:20px;height:100px;}
	.nivo-caption {font-size:14px;padding:10px 10px;height:10%;}	
	#huelle .nivo-imageLink{background:url(../images/trans.png)}

	h1, h2, h3, h4 {padding:20px 0 1em 20px;}
	
	.googlemap {width:740px;}
	.formular{width:740px;} 
	.formular label{font-size:15px;} 
	.formular input, .formular select, .formular textarea {width:470px;}
	#sucheingabe {width:240px;}
	#suchbutton {width:90px;}

	/* ie 7 */
	* + #navigation {width:660px;}
		

@media only screen and (max-width: 1279px) {
	#huelle, #fusszeile {width:980px;}
	#hauptinhalt {padding-right:20px;}
	
	.kasten {margin:20px 0 0 20px;}
	.b360 {display:none;} 
	body {font-size:14px;background:#eee;}
	.listeneintrag, .listeneintrag h3 {font-size:12px;}
	.startseiten-wrapper {width:940px;height:470px;}
	
	#navigation {margin:15px 0px 0 0;float:right;}
	.hauptnavigation li {margin-left:20px;float:left !important;}
	.subnavigation {float:right;}
	.subnavigation li {margin-left:12px;float:left !important;}
	
	.viererteaser, .viererteaser img {width:220px;}
	.zweispaltig {width:620px;}
	.zweispaltig img {width:620px;}
	.zweispaltig760 {width:620px;}
	
	.einspaltig {width:300px;}
	.einspaltig img {width:300px;}
	.listeneintrag {width:290px;}

	.nivo-caption {font-size:14px;padding:10px 10px;height:10%;}	
	h1, h2, h3, h4 {padding:20px 0 1em 20px;}
	
	.googlemap {width:620px;}
	.formular{width:620px;} 
	.formular label{font-size:14px;} 
	.formular input, .formular select, .formular textarea {width:350px;}
	#sucheingabe {width:200px;}
	#suchbutton {width:70px;}
}

@media only screen and (max-width: 1023px) {
	#huelle, #fusszeile {width:780px;}
	
	#fusszeile {padding-bottom:60px;background:#fff;}
	.kasten {margin:20px 0 0 20px;}	
	.b300 {display:none;} 
	.b360 {display:inline;} 
	body {font-size:15px;}
	.listeneintrag, .listeneintrag h3 {font-size:13px;}
	
	.startseiten-wrapper {width:740px;height:370px;}

	
	#navigation {width:660px;float:right;margin:15px 0 0 0;}

	.viererteaser, .viererteaser img {width:360px;}

	.einspaltig {width:360px;}
	.text {width:740px !important;}
	.einspaltig img {width:360px;}
	.zweispaltig, .zweispaltig img {width:738px;}
	.zweispaltig760 {width:760px;}
	.downloadkasten {width:760px;}
	
	.nivo-caption {font-size:13px;padding:8px;height:10%;}
	.listeneintrag {width:360px;margin-right:20px;}

	.googlemap {width:740px;}
	.formular{width:740px;} 
	.formular label{font-size:15px;} 
	.formular input, .formular select, .formular textarea {width:470px;}
	#sucheingabe {width:240px;}
	#suchbutton {width:90px;}

	.colorbox1 {pointer-events: none; cursor: default;}


}

@media only screen and (max-width: 767px) {
	#huelle, #fusszeile {width:400px;}	
	#fusszeile {padding-bottom:120px;}
		
	#navigation {width:360px;float:left;margin:20px 0 0 0;}
	.hauptnavigation li {margin-left:0;margin-right:12px;}
	.subnavigation {float:left;margin:40px 0 0 0;}
	.subnavigation li {margin-left:0;margin-right:12px;}
	
	.projektfoto-wrapper {width:360px;}
	.startseiten-wrapper {/*width:360px;height:180px;*/display:none;}	
	
	.einspaltig {width:360px;}
	.text {width:360px !important;}
	
	.einspaltig img, .zweispaltig img {width:360px;}
	.zweispaltig {width:380px;}
	.listeneintrag {width:360px;}
	.zweispaltig760 {width:380px;}

	#slider2 {margin-bottom:60px;}


	.googlemap {width:360px;}	
	.formular{width:360px;}
	.formular label {margin-bottom:5px;float:none;}
	.formular input, .formular select, .formular textarea {width:354px;}
	.formular img{width:51px;margin-right:5px;}
	.formular_data_left{float:left;margin-left:0px;}
	.formular input#submit {float:right;width:120px}
	.hinweis {clear:both;padding-top:15px;}
	#sucheingabe {width:240px;}
	#suchbutton {width:90px;}
	
}

@media only screen and (max-width: 479px) {
	#huelle, #fusszeile {width:320px;padding-left:15px;}
	#fusszeile {padding-bottom:180px;}
		
	.kasten {margin:20px 0 0 0;}
	body {font-size:14px;background:#fff;}
	.listeneintrag, .listeneintrag h3 {font-size:12px;}
	
	.projektfoto-wrapper {width:300px;}
	.startseiten-wrapper {/*width:300px;height:150px;*/display:none;}	
	
	.b360 {display:none;} 
	.b300 {display:inline;} 
	
	#seitenkopf {margin:0 20px 0 0;}
	#logo span {font-size:11px;}
	#navigation {width:300px;padding:0;}
	
	/* div#hauptinhalt {padding-left:20px;}*/
		
	.viererteaser, .viererteaser img {width:300px;}
	.einspaltig {width:300px;}
	.text {width:300px !important;}
	
	.einspaltig img, .zweispaltig img {width:300px;}
	.zweispaltig {width:300px;}
	.zweispaltig760 {width:300px;}
	
	.listeneintrag {width:300px;}
	
	h1, h2, h3, h4 {padding:20px 0 1em 0;}
	
	.googlemap {width:300px;}
	.formular{width:300px;}
	.formular label {margin-bottom:5px;float:none;}
	.formular input, .formular select, .formular textarea {width:294px;}
	.formular img{width:51px;margin-right:5px;}
	.formular_data_left{float:left;margin-left:0px;}
	.formular input#submit {float:right;width:120px}
	.hinweis {clear:both;padding-top:15px;}
	#sucheingabe {width:200px;}
	#suchbutton {width:70px;}
	
}


html, body {height: 100%;}

#huelle {margin:0 auto;min-height:100%;background:#fff;}
#inhalt {overflow:auto;padding-bottom:80px;}
#fusszeile {position:relative;margin:-100px auto 0 auto;height:100px;clear:both;}

.listeneintrag {float:left;height:auto;padding-bottom:40px;}
.kasten, .spaltelinks {float:left;}
.spaltelinks .kasten {float:none !important;}

#fusszeile .kasten, .text {min-height:20px !important;background:#fff;}

.clear {clear:both;}
.untenabstand40 {padding-bottom:40px;}

#logo {width:440px;float:left;}
.signet {float:left;margin:16px 20px 20px 20px;}
.slogan {padding-top:67px;font-weight:700;}

#hauptinhalt {margin:20px 0 60px 0;}
#seitenkopf {height:160px;}

#seitenkopf {border-bottom:1px solid #DDD;
	
	background: rgb(102,152,187);
	background: -moz-linear-gradient(top,  rgba(102,152,187,1) 0%, rgba(102,152,187,1) 0%, rgba(36,109,154,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,152,187,1)), color-stop(0%,rgba(102,152,187,1)), color-stop(100%,rgba(36,109,154,1)));
	background: -webkit-linear-gradient(top,  rgba(102,152,187,1) 0%,rgba(102,152,187,1) 0%,rgba(36,109,154,1) 100%);
	background: -o-linear-gradient(top,  rgba(102,152,187,1) 0%,rgba(102,152,187,1) 0%,rgba(36,109,154,1) 100%);
	background: -ms-linear-gradient(top,  rgba(102,152,187,1) 0%,rgba(102,152,187,1) 0%,rgba(36,109,154,1) 100%);
	background: linear-gradient(to bottom,  rgba(102,152,187,1) 0%,rgba(102,152,187,1) 0%,rgba(36,109,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698bb', endColorstr='#246d9a',GradientType=0 );

	}

.startseiten-wrapper {
		
		border-bottom:1px solid #DDD;
		background: url("ajax-loader.gif") no-repeat scroll 50% 50% #266F9B;
		/*background: rgb(102,152,187);
		background: -moz-linear-gradient(top,  rgba(102,152,187,1) 0%, rgba(102,152,187,1) 0%, rgba(36,109,154,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,152,187,1)), color-stop(0%,rgba(102,152,187,1)), color-stop(100%,rgba(36,109,154,1)));
		background: -webkit-linear-gradient(top,  rgba(102,152,187,1) 0%,rgba(102,152,187,1) 0%,rgba(36,109,154,1) 100%);
		background: -o-linear-gradient(top,  rgba(102,152,187,1) 0%,rgba(102,152,187,1) 0%,rgba(36,109,154,1) 100%);
		background: -ms-linear-gradient(top,  rgba(102,152,187,1) 0%,rgba(102,152,187,1) 0%,rgba(36,109,154,1) 100%);
		background: linear-gradient(to bottom,  rgba(102,152,187,1) 0%,rgba(102,152,187,1) 0%,rgba(36,109,154,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698bb', endColorstr='#246d9a',GradientType=0 ); */
		
		}
		





/*---------------------------------------------------------------------------------------------*/
/*	Design
/*---------------------------------------------------------------------------------------------*/



/* ... Typografie ...*/

body {color:#222;font-family:'Open Sans',helvetica, arial, 'sans serif';}
strong {font-weight:bold;}
a:link, a:visited {color:#246d9a;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}


@media only screen and (max-width: 767px) {
	#seitenkopf {padding-right:20px;}
	#logo {line-height:1.1em;margin-left:20px;width:320px;}
	#logo img {margin-left:-20px;}
	.slogan {padding-top:45px;padding-bottom:5px;}
	.projektfoto-wrapper {background:none !important;}
}	

@media only screen and (max-width: 479px) {
	#logo {width:270px;line-height:1.1em;margin-left:0;}
	.signet {padding-left:20px;}
	.slogan {padding-top:175px;}
}	


#logo {color:rgb(197,198,198);}
#logo a {color:rgb(197,198,198); /* bisher: #6698BB*/}
#logo a:hover {text-decoration:none;}
#logo a img:hover {opacity:0.8;}

.adresse {font-size:80%;}

#fusszeile {font-size:12px;color:#999;line-height:17px;}
#fusszeile a:link, #fusszeile a:visited {color:#999;}
#fusszeile a:hover {color:#666;text-decoration:none;}
#fusszeile img {margin-top:-4px;width:auto;}

h1 {font-size:19px;color:#222;font-weight:bold;}
h2 {font-weight:bold;font-size:16px;color:#222;margin:30px 0 0 0;}
h3, h4 {font-weight:bold;font-size:14px;color:#222;margin:20px 0 0 0;}

h6 {font-weight:bold;font-size:16px;color:#BBB;margin:-17px 0 20px 0;}
.kasten h5 {float:right;}
.kasten h1, .kasten h2, .kasten h3, .kasten h4 {padding:0 0 1em 0;}
.kasten ul, .kasten p {margin:0 0 1em 0;}
.kasten ol {margin:0 0 1em 1.4em;list-style:decimal;}
.kasten li {margin:0.4em 0;}
.kasten ul li:before {content:"– ";}

.text, .viererteaser {line-height:1.3em;}
.viererteaser a {font-weight:normal;}
.kasten .viererteaser h3 {padding-top:20px;}
.kasten p.weiterlesen {margin-top:-0.8em;}
.text a:link, .text a:visited, .viererteaser a:link, .viererteaser a:visited {text-decoration:underline;color:#222;}
dl dd a:link, dl dd a:visited {text-decoration:underline;color:#000;}
dl dd a:hover {text-decoration:underline;color:#000;}
.text a:hover, .viererteaser a:hover {text-decoration:underline;color:#000;}

.weiterlesen {float:right;font-weight:bold;text-decoration:none;color:#222;}
.weiterlesen a, a.link_gm {color:#222;}
.weiterlesen a:hover {text-decoration:underline;}

ul.tags-cloud-links {list-style-type:none;padding-bottom:60px;}
.tags-cloud-links li {float:left;margin-bottom:20px;}
.kasten ul li:before {content:none;}
.tags-cloud-links a {background:#eee;margin:10px 10px 0 0;color:#222;text-decoration:none !important;padding:5px 10px 5px 10px;border:1px solid #ccc;}
.tags-cloud-links a.aktiv:hover, .tags-cloud-links a.aktiv {background:#6698BB;color:#FFF;}
.tags-cloud-links a:hover {background:#ddd;text-decoration:none;-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}


p.suchergebnis a {font-weight:normal !important;}
p.suchergebnis a {text-decoration:none !important;}
p.suchergebnis a strong {text-decoration:underline !important;}


.einspaltig td {padding-right:20px;}
.einspaltig table {margin-bottom:1em;}

.rechtsbuendig {float:right;text-align:right;margin-right:20px;}
.fett {font-weight:700;}

.zurueckbutton a {display:block;width:50px;background:#ddd;font-weight:normal !important;color:#fff !important;text-decoration:none !important;padding:6px 10px 5px 30px;background-image:url(../images/pfeilnachlinks.gif);background-repeat:no-repeat;background-position:8px;}
.zurueckbutton a:hover {text-decoration:none;background:#ccc;background-image:url(../images/pfeilnachlinks.gif);background-repeat:no-repeat;background-position:8px;}

dd, .open { display:none; }
.right {float:left;margin-right:5px;width:20px;height:20px;text-align:center;background-color:#DDD;}
a.right {text-decoration:none;}
a.right:hover {background-color:#CCC;} 
dl:hover {cursor:pointer;}
dl {font-weight:bold;}
dt {padding-bottom:15px;}
dl dd {font-weight:normal;cursor:default;line-height:1.3em;padding-bottom:20px;}


/* ... Navigation ...*/

.hauptnavigation li a:link, .hauptnavigation li a:visited {color:rgb(211,218,218); /* bisher: #5ab083 */ text-decoration:none;font-weight:600;}
.hauptnavigation li a.rex-active, .hauptnavigation li a.rex-current {/*color:#FFF !important;*/color:#5ab083; /* bisher: orange */ text-decoration:none;}

@media only screen and (max-width: 1279px) {
	
	.hauptnavigation li a:link, .hauptnavigation li a:visited {color:rgb(197,198,198);}
	
	.hauptnavigation li a.rex-active, .hauptnavigation li a.rex-current,
	.subnavigation li a.rex-active, .subnavigation li a.rex-current {color:#5ab083 !important; /* bisher: #246d9a */}
}

#navigation li a:hover {opacity:0.8;}
.subnavigation li a {color:#5ab083;font-weight:600;opacity:0.7;} 
.subnavigation li a:hover {text-decoration:none;opacity:1 !important;}
.subnavigation li a.rex-active, .subnavigation li a.rex-current {color:#5ab083 !important; /* bisher: #246d9a */;opacity:1;}


/* ... Bilder ...*/

.kasten img, .bildlink img {}
#fusszeile img {border:none;}

.bildunterschrift {background:#EEE;}
.bildunterschrift p {color:#999;font-size:13px;padding:10px;}
.bildunterschrift p a {text-decoration:none;}
.bildunterschrift p a:link, .bildunterschrift p a:visited {color:#222;}
.bildunterschrift p a:hover {color:#246d9a;}

.kasten .listeneintrag h3 {padding:0 0 0.2em 0;margin-top:-3px;}
.listeneintrag img {float:left;margin:0 10px 80px 0;width:100px;}
.listeneintrag p a {color:#666;font-weight:bold;margin-top:-8px;padding:5px 10px;float:right;background:#eee;}
.listeneintrag p a:hover {color:#222;text-decoration:none;background:#ddd;-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.platzhalter {float:left;margin:0 10px 80px 0;width:98px;height:73px;border:thin solid #ddd;}

.projektfoto-wrapper {height:493px;background:#fff url(loading.gif) no-repeat 50% 50%;}
.googlemap {margin:20px 0 30px 0;border:0;height:500px;border-radius:3px;}
.download img {width:20px;height:20px;}

#text-2 {color:green;}

.lupe {margin-top:63%;margin-left:97%;width:17px !important;height:17px !important;}
.lupe2 {float:right;position:relative;z-index:100;bottom:25px;width:17px !important;height:17px !important;}

@media only screen and (max-width: 1023px) {
	.lupe2 {display:none;}
}

.viererteaser {margin-top:30px;}

.einspaltig td, .zweispaltig td {min-width:15px;}
.einspaltig table, .zweispaltig table {margin:0 0 2em 0;}
.zweispaltig td {vertical-align:top;padding-right:10px;}
.zweispaltig td strong {font-weight:normal;font-family: 'Open Sans',helvetica, arial, 'sans serif'; font-style:normal;float:right;}

.bildlink {clear:both;}
.bildlink img {vertical-align:middle;margin:0 5px 5px 20px;float:left;}

.socialmedia {float:left;margin-right:10px;}


/* ... Artikelteaser ... */

.content .hl4 {margin:0;padding:0 0 0px 0;display:block;}
h2.hl4 {font-size:15px;line-height:1.3em;}
.content {min-height:200px;}
.content p {margin:10px 0 20px 0;line-height:1.3em;}
a.lk1  {font-weight:normal;font-style: normal;font-family: 'Open Sans',helvetica, arial, 'sans serif';}
a.lk1:link, a.lk1:visited, .hl4 a:link, .hl4 a:visited  {text-decoration:none;color:#A3BCAC;}
a.lk1:hover, a.lk1:active, .hl4 a:hover, .hl4 a:active  {text-decoration:underline;color:#A3BCAC;}
.date {font-style:italic;color:#999;}
.clearer {clear:both;}

.pagination {display:none;} /* temporaer entfernt ES 140313 ... {clear:both;padding:20px 0 30px 20px;}
.pagination p {margin:0;float:left;}
.pagination ul {margin:0 0 0 10px;float:left;}
.pagination ul li {list-style:none !important;}
.pagination li {float:left;margin:0 10px 0 0;}
.pagination ul li a {padding:2px 10px;border-radius:2px;border:1px solid #DDD;color:#A3BCAC;}
.pagination ul li a.active, .pagination ul li a:hover {text-decoration:none;color:#FFF;background-color:#A3BCAC;} */



/* ... Formulare ...*/

#sucheingabe, #suchbutton {font-size:13px;font-family:'Open Sans',helvetica, arial, 'sans serif';border-radius:2px;}
#sucheingabe {font-style:italic;color:#999;padding:6px;border: 1px solid #ccc;}
#suchbutton {color:#FFF;text-align:center;margin-left:10px;padding:5px 14px;background:#ccc;border: 1px solid #ccc;}

.formular label{display: block;float:left;width:250px;}
.formular input, .formular select, .formular textarea {color:#999;display: block;float:right;background:transparent;border:1px solid #ccc;font-family: 'Open Sans',helvetica, arial, 'sans serif';font-size:14px;padding:5px 2px 4px 2px;border-radius:2px;}
.formular img{margin-right:10px;width:51px !important;height:24px;}
.formular_data{clear:both;padding-top:8px}
.formular_data_left{float:left;margin-left:15px;width:130px;}
.formular input#submit {float:right;width: auto;}
.kontakt {border:0 !important;float:right;width:120px !important;text-align:center;padding:8px !important;color:#fff !important;background-color:#ccc !important;font-size:14px !important;}
.hinweis {width:300px;font-size:12px;}




@media only print {
	
		.print {display:block;}

		.tags-cloud-wrapper {display:block;}
		.tags-cloud-links {line-height:1.2em;}
		.tags-cloud-links a {margin:0;font-weight:normal !important;color:#222;padding:0;min-width:190px;width:190px;display:block;}
		.tags-cloud-links a:after {white-space:nowrap;} 
		.tags-cloud-links a.aktiv {font-weight:bold !important;background:#ddd;}

		body {font-size:14px;}
		#logo {margin-left:-20px;}
		#fusszeile {font-size:12px;}
		.listeneintrag, .listeneintrag h3 {font-size:13px;}
		.listeneintrag {clear:left;page-break-inside:avoid;}

		.noprint, .donotprint, #navigation, .download, .link_gm, .eintragslink, .zurueckbutton {display:none;}
		.kasten {margin:30px 20px 0 0;}
		.einspaltig {width:300px;}
		.einspaltig img {width:300px;}
	/*	.text {width:620px !important;} */
		.print620,  .zweispaltig, .listeneintrag, .projektfotos img, .zweispaltig img, .googlemap, .formular {width:620px;}
	}