/*Rahmen*/
html, body {
	margin:				0;
	margin-bottom:		1px;
	padding:			0;
}
body {
	background-color:	#EEEEEE;
	margin: 			0;
	padding: 			0;
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size: 			17px;
	line-height: 		24px;
	background: 		url(/bilder/wall.jpg) repeat-x fixed;
	/*background: 		url(/bilder/wall/demo.jpg) no-repeat center center fixed;
	-webkit-background-size: 	cover;
	-moz-background-size: 		cover;
	-o-background-size: 		cover;
	background-size: 			cover;
	*/
}

#hint {
    position:	 		absolute; 
    left:				50%; 
    top:				20px; 
    width:				100px; 
    z-index:			-100;
}
#hint h2 {
    text-align:			left; 
    margin:				0px; 
    font-size:			8px;
    line-height: 		8px;
    color:				#CCC;
}
#wrap {
	margin: 			0 auto 20px auto;
	padding: 			0;
	padding-top: 		0;
	padding-bottom:		0;
	height: 			100%;
	width: 				100%;
	text-align: 		left;
	background-color: 	#FFFFFF;
	background-color: 	rgba(255, 255, 255, 0.95);
	-webkit-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 	0px 0px 5px #999;
	box-shadow: 		0px 0px 5px #999;
	z-index: 0;
}
@media screen and (min-width: 650px) {
	#wrap {
		width: 620px;
	}
}
@media screen and (min-width: 810px) {
	#wrap {
		width: 760px;
	}
}
@media screen and (min-width: 930px) {
	#wrap {
		width: 900px;
	}
}

#headbild img {
	width: 100%;
}
#headbild .headline {
	width:				auto;
	padding:			5px 10px;
	background-color:	#95142b;
	font-size: 			0.4em;
	color: 				#FFFFFF;
}
@media screen and (min-width: 400px) {
    #headbild .headline {
    	padding:		5px 15px;
    	font-size: 		0.5em;
    }
}
#headbild h1 {
	position: 			relative;
	top: 				-70px;
	float: 				right;
	margin: 			0;
	text-transform: 	none;
}
@media screen and (min-width: 650px) {
	#headbild h1 {
        top: 				-110px;
        float: 				right;
        margin: 			0;
        text-transform: 	none;
    }
    #headbild img {
		width: 620px;
	}
}
@media screen and (min-width: 810px) {
	#headbild img {
		width: 760px;
	}
}
@media screen and (min-width: 930px) {
	#headbild img {
		width: 900px;
	}
}

#headline {
	margin: 			0 auto;
	width:				auto;
	padding:			0;
	z-index: 			-504;
	padding:			0 10px;
}
@media screen and (min-width: 650px) {
	#headline {
		padding:		0 30px;
	}
}
#text {
	margin: 			0 auto;
	width:				100%;
	padding:			0;
	z-index: 			-505;
}
#logo {
	margin: 			10px 0;
	width:				100%;
	height:				50px;

}
#logo img {
	width: 100%;
}
#logo a {
	background: 		none;
}

#topnavi {
	height: 			80px; 
	width: 				100%;
	background-color:	rgba(255, 255, 255, 0.9);
  	top: 				0px;
  	left: 				auto;
  	box-shadow: 		0px 0px 20px 0px rgba(0, 0, 0, 0.5);	
	z-index: 			140;
	background-image: 	url(../bilder/head_logo_mobil.png) ; 
}
@media screen and (min-width: 650px) {
	#topnavi {
		height: 		100px; 
		width: 			620px;
		background-image: 	url(../bilder/head_logo.png) ; 
	}
}
@media screen and (min-width: 810px) {
	#topnavi {
		height: 		115px; 
		width: 			760px;
		background-image: 	url(../bilder/head_logo.png) ; 
	}
}
@media screen and (min-width: 930px) {
	#topnavi {
		height: 		125px; 
		width: 			900px;
		background-image: 	url(../bilder/head_logo.png) ; 	}
}
#navi-wrap {
	width: 				100%;
	position:		 	absolute;
	z-index: 			150;
}
@media screen and (min-width: 650px) {
	#navi-wrap {
		width: 			620px;
		left:			50%;
		margin-left:	-310px;
	}
}
@media screen and (min-width: 810px) {
	#navi-wrap {
		width: 			760px;
		left:			50%;		
		margin-left:	-380px;
	}
}
@media screen and (min-width: 930px) {
	#navi-wrap {
		width: 			900px;
		left:			50%;		
		margin-left:	-490px;
	}
}
.colLeft {
   	width: auto;
    float:none;
    padding:33px 10px 25px 10px;	
}
.colRight {
    width: auto;
    float:left;
    padding:33px 10px 25px 0;
}
.colGesamt1 {
    width: auto;
    float:left;
    padding:5px 10px;
	font-weight: normal;
}
.colGesamt2 {
   	width: auto;
    float:left;
    padding:5px 10px;
	background-color: #555555;
	font-weight: normal;
}
@media screen and (min-width: 650px) {
	.colLeft {
    	width: auto;
	    float:none;
	    padding:0px 30px 25px 30px;	
	}
	.colRight {
	    width: auto;
	    float:left;
	    padding: 0;
	}
	.colGesamt1 {
	    width: auto;
	    float:left;
	    padding:5px 30px;
		font-weight: normal;
	}
	.colGesamt2 {
    	width: auto;
	    float:left;
	    padding:5px 30px;
		background-color: #555555;
		font-weight: normal;
	}
}
.colGesamt1 h3 {
	font-weight: normal;
}

@media screen and (min-width: 810px) {
	.colGesamt2p {
		width: 700px;
	}
	.kundenstimmen {
		width: 700px;
	}
}
@media screen and (min-width: 930px) {
	.colGesamt2 {
		width: 840px;
	}
}
.colGesamt2 p {
	color: #FFFFFF;
}
.colGesamt2 h3 {
	color: #FFFFFF;
	font-weight: normal;
}
.linieLinks {
    border-left: solid 1px #CCC;
    padding-left: 10px;
    margin-bottom: 30px;
}
@media screen and (min-width: 650px) {
	.colLeft {
	    width: 560px;
	    float:left;
	    padding:0px 30px;
	}
	.colRight {
   		width: 560px;
  	  	float:left;
    	padding:0px 0;
	}
	.colGesamt1 {
 	   padding:0px 30px;
	}
	.colGesamt2 {
    	padding:0px 30px;
	}
	.linieLinks {
		padding-left: 30px;
	}
}
@media screen and (min-width: 810px) {
	.colLeft {
	    width: 400px;
	    float:left;
	    padding:0px 30px;
	}
	.colRight {
   		width: 270px;
  	  	float:left;
    	padding:0px 0;
	}
	.colGesamt1 {
 	   padding:0px 30px;
	}
	.colGesamt2 {
    	padding:0px 30px;
	}
}	
@media screen and (min-width: 930px) {
	.colLeft {
	    width: 510px;
	    float:left;
	    padding:0px 30px;
	}
	.colRight {
   		width: 300px;
  	  	float:left;
    	padding:0px 0;
	}
	.colGesamt1 {
 	   padding:0px 30px;
	}
	.colGesamt2 {
    	padding:0px 30px;
	}
}	

br.next {
    clear: both;
}
.projekte_headline .textHeadline {
	color: 				#95142b;
}
.projekte_headline p {
	margin: 			10px 0 0 0;
	padding: 			10px 0 5px 0;
	font-weight: 		bold;
	border-top: 		solid 1px #95142b;
	font-size: 			1.2em;
}
.projekte_anleser p {
	margin: 			0;
	font-weight: 		normal;
}
.termine_datum .textHeadline {
	padding:			0;
	color: 				#95142b;
	font-weight:		bold;
}
.termine_datum p {
	margin: 			10px 0 0 0;
	padding: 			10px 0 0 0;
	font-weight: 		normal;
	border-top: 		solid 1px #95142b;
}
.termine_headline .textHeadline {
	padding:			0;
	color: 				#95142b;
	font-weight:		bold;
}

.termine_headline p {
	margin: 			10px 0 0 0;
	padding: 			0;
	font-weight: 		normal;
}
.termine_infotext p {
	margin: 			10px 0 0 0;
	font-weight: 		normal;
}
.referenzen_text {
	border-top:			1px solid #95142b;
	margin-bottom: 15px;
}
.referenzen_text p {
	margin: 			10px 0 0 0;
	font-weight: 		normal;
	font-style: 		italic;
}
.referenzen_text .ref_quelle {
	margin: 			5px 0 0 0;
	font-size: 			0.8em;
	font-weight: 		normal;
	font-style: 		normal;
}

#footLinks {
	padding:			5px 10px;
	width:				auto;
	z-index: 			-505;
	background-color:	#333;
}
@media screen and (min-width: 650px) {
	#footLinks {
		margin: 			0 auto;
		width:				auto;
		padding:			5px 30px;
		z-index: 			-505;
		background-color:	#333;
	}
}
#footLinks .footBox {
	width: 				100%;
	height: 			auto;
	float:				left;
	border: 			0px solid #FFF;
	padding:			0;
	margin-bottom:		20px;
	font-size: 			1em;
}
@media screen and (min-width: 650px) {
	#footLinks .footBox {
		width: 				264px;
		margin: 			10px 30px 10px 0px;
		float:				left;
		border: 			0px solid #FFF;
		padding:			0;
		font-size: 			0.9em;

	}
	#footLinks .box2, #footLinks .box4 {
		margin-right: 0px;
	}
}
@media screen and (min-width: 810px) {
	#footLinks .footBox {
		width: 				334px;
		margin: 			10px 30px 10px 0px;
		float:				left;
		border: 			0px solid #FFF;
		padding:			0;

	}
	#footLinks .box2, #footLinks .box4 {
		margin-right: 0px;
	}
}
@media screen and (min-width: 930px) {
	#footLinks .footBox {
		width: 				207px;
		margin: 			10px 30px 10px 0px;
		float:				left;
		border: 			0px solid #FFF;
		padding:			0;
	}
	#footLinks .box4 {
		margin-right: 0px;
	}
}

#bottom {
	width:				auto;
	padding:			10px 30px;
	z-index: 			-515;
	background-color:	#FFF;
	border-top: 		1px solid #CCCCCC;
	font-size: 			0.9em;
	margin-top: 		30px;
}  

/* Schriften */

.first {
	margin-top: 		15px;
}
.orangeFett {
	color: 				#FF9900;
	font-weight: 		bold;
}
.orange {
	color: 				#FF9900;
	font-weight: 		normal;
}
.orangeKlein {
	color: 				#FF9900;
	font-size:			11px;
	line-height:		13px;
}
.blackKlein {
	color: 				#000000;
	font-size:			11px;
	line-height:		13px;
}
.refZitat {
	margin: 			15px 0 0 0;
}
.quellenangabe {
	color: 				#000000;
	font-size:			12px;
	line-height:		15px;
	margin: 			5px 0 0 0;
	padding-bottom: 	10px;
	border-bottom: 		1px solid #CCCCCC; /*#95142b;*/
}
.referenzDatum {
	color: 				#999999;
	font-style:normal;
}
p.miniLinks {
	text-align:			center;
	color:				#333;		
	font-size:			8px; 
	line-height: 		9px;
	margin:				0px;
}
p.miniLinks a:link, p.miniLinks a:visited {
	color:				#333;
	font-size:			8px; 
	line-height: 		9px;
	text-decoration:	none;
	background-color:   #111111;
}
p {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	color:				#333;
	margin: 0;
}
h1, .likeH1 {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	letter-spacing:		0.01em;
	font-size:			1.5em;
	line-height:		1.3em;
	color:				#333333;
	margin:				30px 0 0 0;
	font-weight:		normal;
	text-transform:		uppercase;
}
h2 {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	letter-spacing:		0.01em;
	font-size:			1.1em;
	line-height:		1.3em;
	color:				#666666;
	font-weight:		normal;
	margin:				15px 0;
}
h3, h3.slogan {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	letter-spacing:		0.01em;
	font-size:			1.1em;
	line-height:		1.1em;
	color:				#555555;
	font-weight:		normal;
	padding: 			0;
}
h3.slogan {
	margin:				0 0 10px 0;
}
@media screen and (max-width: 650px) {
	h2.leer {
		display: none;
	}
	h1, .likeH1 {
		font-size:			2.1em;
		line-height:		1.4em;
	}
	h2 {
		font-size:			1.7em;
		line-height:		1.2em;
	}
	h3, h3.slogan {
		font-size:			1.5em;
		line-height:		1.1em;
	}
	p, a, a:visited, a:hover, ul, li, .projekte_headline p {
		font-size:			1.3em;
		line-height:		1.5em;
	}
		
}
@media screen and (min-width: 650px) {
	h1, .likeH1 {
		font-size:			1.8em;
		line-height:		1.3em;
	}
	h2 {
		font-size:			1.3em;
		line-height:		1.3em;
	}
	h3, h3.slogan {
		font-size:			1.1em;
		line-height:		1em;
	}
}
@media screen and (min-width: 810px) {
	h1, .likeH1 {
		font-size:			2.3em;
		line-height:		1.1em;
	}
	h2 {
		font-size:			1.7em;
		line-height:		1.4em;
	}
	h3, h3.slogan {
		font-size:			1.5em;
		line-height:		1em;
	}
}

ul { 
	margin:		 		0px; 
	padding: 			0px;
}
li { 
	margin-left:		16px;
	margin-top:			4px;
	padding-left: 		0px;
	color:	 			#666666;
	font-family:		"Trebuchet MS", Helvetica, sans-serif;
	font-size:			1em;
	line-height:		1.5em;
	color:				#333;
}
.ref_v1 { 
	color:#333;
	padding: 0 20px 0 0;
}
.ref_v2 { 
	color:#CC6600;
	padding: 0 20px 0 0;
}

/* Links */

a:link {				
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size:			1em;
	line-height:		1.5em;
	color:				#95142b;
	text-decoration:	none;
}
a:visited {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size:			1em;
	line-height:		1.5em;
	color: 				#95142b; 
}
a:active {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size:			1em;
	line-height:		1.5em;
	color: 				#95142b; 
}
a:hover {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size:			1em;
	line-height:		1.5em;
	color: 				#95142b; 
	text-decoration:	underline;
}

a.highlight {
	background-color:	#EEEEEE;
	padding:			4px 8px;
	text-decoration:	none;
	font-weight: 		bold;
}
a:hover.highlight {
	background-color:	#DDDDDD;
}

#footLinks a:link {				
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size: 			1em; 
	line-height:		1.5em; 
	color:				#FFFFFF;
	text-decoration: 	none;
	background-color:   #333333;
}
#footLinks a:visited {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size: 			1em; 
	line-height:		1.5em; 
	color: 				#FFFFFF; 
	text-decoration: 	none;
	background-color:   #333333;
}
#footLinks a:active {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size: 			1em; 
	line-height:		1.5em; 
	color: 				#FFFFFF; 
	text-decoration: 	none;
	background-color:   #333333;
}
#footLinks a:hover {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size: 			1em; 
	line-height:		1.5em; 
	color: 				#FF9900; 
	text-decoration: 	none;
	background-color:   #333333;
}
#footLinks p.footBoxHead {
	font-weight:		normal;
	color:				#FFFFFF;
	font-size:			1.2em;
	margin: 			0 0 5px 0;
	border-bottom:		1px solid #FFF;
}
#footLinks p, #footLinks .weisstext {
	font-family: 		"Trebuchet MS", Helvetica, sans-serif;
	font-size: 			1em; 
	line-height:		1.5em; 
	color:				#FFFFFF;
	margin: 0;
}
#footLinks .grauText {
	color: 				#999999;
}
#footLinks ul {
	padding: 			0; 
	margin: 			0;
	border: 			none;
}
#footLinks ul li {
	padding: 			0; 
	margin: 			0 0 0 15px;
	list-style-image: 	url(/bilder/liste_pfeil.gif);
	border: 			none;
	color: 				#FFF;
}

/* Forms */

input.kontakt_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #EEEEEE;
	margin: 0px;
	margin-right:5px;
	height: 18px;
	width: 140px;
	border: 1px dashed #999;
	padding: 2px 2px 0px 2px;
}
input.kontakt_text_must{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFE6BF;
	margin: 0px;
	margin-right:5px;
	height: 18px;
	width: 140px;
	border: 1px dashed #FF9900;
	padding: 2px 2px 0px 2px;
}
input.kontakt_email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #EEEEEE;
	margin: 0px;
	margin-right:5px;
	height: 18px;
	width: 290px;
	border: 1px dashed #999;
	padding: 2px 2px 0px 2px;
}
input.kontakt_email_must{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFE6BF;
	margin: 0px;
	margin-right:5px;
	height: 18px;
	width: 290px;
	border: 1px dashed #FF9900;
	padding: 2px 2px 0px 2px;
}
input.abschicken {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	height: 18px;
	width: 103px;
	border: none;
	background-color: #FF9900;
}
td.audioListe {
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #CCCCCC;
}
div.galerieBild {
	margin: 0 5px 5px 0;
	float: left;
	font-size: 0.8em;
}
div.galerieBild img {
	width: 94px;
	height: 94px;
	margin: 0;
}
@media screen and (min-width: 650px) {
	div.galerieBild img {
		width: 105px;
		height: 105px;
	}
	div.galerieBild {
		margin: 0 6px 6px 0;
		float: left;
	}
}
@media screen and (min-width: 810px) {
	div.galerieBild img {
		width: 110px;
		height: 110px;
	}
	div.galerieBild {
		margin: 0 6px 6px 0;
		float: left;
	}
}
@media screen and (min-width: 930px) {
	div.galerieBild img {
		width: 120px;
		height: 120px;
	}
	div.galerieBild {
		margin: 0 11px 11px 0;
		float: left;
	}
}
.termine p {
	margin: 8px 0;
}


div.halb {
	width: 100%;
	float: left;
}
@media screen and (min-width: 650px) {
	div.halb {
		width: 50%;
		float: left;
	}
}


.trigger {
	background: url(../bilder/rot_mehr_down.gif) 0px 0px no-repeat;
	color: #525252;
	cursor: pointer;
	padding: 0 0 0 12px;
	margin: 5px 0;
	border: none;
	height: 20px;
}
.trigger:hover {
	background:url(../bilder/rot_mehr_down.gif) 0px -30px no-repeat;
	color:#fc0000;
	cursor:pointer;
	height: 20px;
}
.trigger_active {
	background:url(../bilder/rot_schliessen_up.gif) 0px 5px no-repeat;
	color: #333333;
	margin: 5px 0;
}
.trigger_active:hover {
	background:url(../bilder/rot_schliessen_up.gif) 0px -25px no-repeat;
	color: #fc0000;
	cursor:pointer;
}
.toggle_container {
	padding: 0px;
	width: auto;
	margin: 0;
}
.toggle_container p {
	margin: 10px 0 0 0;
}