* {margin:0; padding:0;}

html, body {height:100%;}

img {border:0;}
a:link {  color: #707070; } 
a:visited {  color: #707070; } 
a:hover { color: #000000; } 
a:active {  color: #707070; } 

body{background-color:#e0e0e2;} 

p,a,h1,h2,h3,h4,ul,ol,li,div,td,th,input,select,textarea,address,blockquote,nobr {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	font-size: 11px; 
	line-height: 17px;
	color: #707173;
	text-decoration:none; 
	}

.bold {font-weight: bold;}

.sub {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	}

.small {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	}




#grau {
	padding-left: 0px;
	border: #ff0000 0px dashed ;
margin: 0px auto;
	height:30px;
	background-color: #58595b;

	}

#bilder {
	padding-left: 0px;
	border: #ff0000 0px dashed ;
	margin: 0px auto;
	height:500px;
	background-color: #d0d0d2;

	}
	
#video {
	padding-left: 0px;
	border: #ff0000 0px dashed ;
	margin: 0px auto;
	height:314px;
	background-color: #e0e0e2;

	}

#grau2 {
	padding-left: 0px;
	border: #ff0000 0px dashed ;
	margin: 0px auto;
	height:50px;
	background-color: #58595b;

	}

#content {
	border: #ff0000 0px dashed ;
	margin: 0px auto;
	min-height:180px;
	background-color: #d0d0d2;
	padding: 30px 0 0px;

	}
	
#grau3 {
	padding-left: 0px;
	border: #ff0000 0px dashed ;
	margin: 0px auto;
	height:285px;
	background-color: #58595b;
	color:#ffffff;
	}
#grau3 a {
	color:#ffffff;
}	

#text2 {
	padding-left: 0px;
	border: #470a0e 2px solid ;
	margin: 0px auto;
	width:998px;
	min-height:444px;
	background-color: #f5f6e8;
		}





#logo {
border: #470a0e 0px solid ;
	position:relative; 
	top:10px; 
	left:400px;
	padding-top: 10px;
	border: #470a0e 0px dashed ;
	margin:	0px auto;
	width: 250px;
	height:90px;
	text-align:center;
	}

#pics {
	padding-left: 0px;
	border: #470a0e 2px solid ;
	margin: 0px auto;
	max-width: 1000px;
	height:396px;
	background-color: #ffffcc;

	}

#film {
	border: #470a0e 2px solid ;
	position:relative; 
	top:80px; 
	left:48px;

	width: 530px;
	height:230px;
	background-color: #f5f6e8;
	float:left;
	z-index: 2;
	}

#text {
border: #470a0e 2px solid ;
	position: relative; 
	top: 00px; 
	left:50px;
	width: 350px;
	height:270px;
	background-color:#f5f6e8;
	float:left;
	padding:20px;
	
	}
#text p {
	color:#470a0e;
	text-align: justify;
}

#mittig {
	border: #470a0e 0px solid ;
	margin: 0px auto;
	max-width: 1000px;
	height:350px;
	position: relative; 
	top: -50px; 

}

#navi {
	border: #470a0e 0px solid ;
	max-width: 1000px;
	margin: 0 auto;
	position:relative; 
	top:15px; 


}
#navi p,
#navi ul,
#navi li {display: inline; margin: 0; padding: 0; }
#navi ul.rex-breadcrumb li,a {margin-right: 15px; padding: 0px 0px 0px 0px; list-style: none; display: inline; }	

#navi a {
	color: #ffffff;

	}
#c_box_01{
	border: #470a0e 1px solid ;
	max-width: 1000px;
	margin: 0px auto;

	background-color: #f5f6e8;
}
#m {
	z-index: 200;
}






#alle1 {	border:0px solid #000000;
	width:1000px; 
	padding:15px 0px 0px 0px; 
	margin: 0 auto;
	
	}
	
.box03_rahmen {	float: left;
	border:0px solid #78787a;
	width:150px; 
	height: 80px;
	color: #575756;
	margin-left: 0px;
	background-color:#78787a;
	}

.leer01 {float: left;
	padding:5px 10px 5px 10px; 
	}

.leer02 {float: left;
	height: 10px;
	border:0px solid #f58232;
	width:100%;
	}


#gtext{
padding: 30px 0px;
	margin: 0px auto;
	max-width: 1000px;
	text-align: center;
}

div.fett p span.caps {
	font-weight: bold;
	font-size: 14px;
}

.fett p{
	font-weight: bold;
	font-size: 12px;
}





	  
	  
#block_l {
	border: #0066cc 0px dashed ;
	float:left;
	width: 498px;
}	

#block_r {
	border: #336600 0px dashed ;
	float:left;
	width: 498px;
}	  
	  
#block_u {
	border: #ff0000 0px dashed ;
	padding: 10px 10px 10px 20px;
	color: #470a0e;
	   font-size: 14px;
    font-weight: bold;
}	  
	  
#block_txt{
	border: #ff0000 0px dashed ;
	padding: 10px 10px 10px 20px;
	height:100px;
	color: #470a0e;
    text-align: justify;
}
	  
#block_txt p{
	border: #ff0000 0px dashed ;
	color: #470a0e;
}
	
#block_txt a{
	border: #ff0000 0px dashed ;
	color: #470a0e;
	font-weight:bold;
	margin:0px;
}	  
	  
a:hover #block_txt a{ color: #000000; } 



	  
#block_link{
		border: #ff0000 0px dashed ;
	padding: 10px 10px 10px 20px;
		color: #470a0e;
}





#block_link a{

		color: #470a0e;
}
	 
#block_pic{
		border: #ff0000 0px dashed ;
	height:250px;
}

    
div.magnific-popup-gallery a {
   display: none;
}

div.magnific-popup-gallery a:first-child {
   display: block;
}





#block_1 {
	padding-left: 0px;
	border: #470a0e 2px solid ;
	margin: 0px auto;
	width:998px;
/*	min-height:244px;*/
	background-color: #f5f6e8;
}	
	  
#block_1u {
	border: #ff0000 0px dashed ;
	padding: 10px 0px 10px 20px;
	color: #470a0e;
	   font-size: 14px;
    font-weight: bold;
}	  
	  
#block_1txt{
		border: #ff0000 0px dashed ;
	padding: 10px 20px 10px 20px;

	color: #470a0e;
    text-align: justify;
}
	  
















/* Vom Image Fader benötigte styles */
/* 
 * image_fade_wrapper
 * Dient um die relative Positon des image_fade-Elements auf zuheben.
 * REDAXO: hier wird der Rahmen gesetzt und es könne auch padding und margin angegeben werden.
 */
.image_fade_wrapper {
	float: left;
	border: 0px solid #FFF;
	background-color: #C9D5D5;
}
/* image_fade 
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu können 
 * Breite und Höhe sind notwendig, damit der Brower die Grösse des Image Faders kalkulieren kann.
 * REDAXO: Für Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Grösse der Bilder gesetzt.
 */
.image_fade {
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	border: none;
}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO: Kein margin und padding angeben.
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}































/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
 
/* Div das das Formular umschließt */
.formgen {

	
}
 
 
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
 
}
 
 
 
.formgen form
{
line-height : 120%;
 
}
 
 
 
 
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
 
 
.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-right: 2px;
	
 
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 1px solid #ccc;
}
 
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
 
 
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
.formgen .formhinweis {
	margin-top:20px;
	font-size: 10pt;
	font-weight:bold;
	margin-bottom:5px;
}
 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 390px;
	height: 200px;
	margin-right:120px;
	margin-left: 0px;
	border: 1px solid #ccc;
	background-color: #fff;
}
 
 
/* Textfeld */
.formgen .formtext
{
	width: 250px;
	padding-bottom: 4px;
	margin-bottom:10px;
	background-color: #fff;
	border: 1px solid #ccc;
}
 
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	
}
 
 
 
/* Label */
.formgen label {
	width: 140px;
	float: left;
	height: 20px;
	font-weight: normal;
	color: #363a31;
	font-size:10pt;
}
 
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #fff;
	margin-left: 4px;
	color: #363a31000;
}

.checkspan .formcheck
{
	float:left;
	width:20px;
	
}

.formradio {
	margin-top:-12px;
	
	
}

.checkspan label
{
	float:left;
	

}
 
.formradio input  {
	float:left;
	margin-left:140px;
}

.formradio label  {
	float:left;
	margin-left:10px;
}
 
 
 
/* Sende-Button */
.formgen .formsubmit
{

	
}
 
 
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #363a31;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

.formgen table tr td {
	font-size:10pt;
	padding-right:15px;
}
 
/* -------------- AUSGABEN / Fehlermeldungen --------*/
 
 
/* Markierung der Labels bei Fehler */
.formgen .formerror {
 
	border-bottom-width: 1px;
	color: #363a31;
}
 
.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
 
.formgen .formreq {
	color: #363a31;
}
 
.formgen .formheadline {
	font-size:14pt;
	color:#cec601;
	line-height:20pt;

	margin-top:0;
	font-family:Arial;
	font-weight:bold;
	margin-bottom:20px;
	font-weight:bold;
}

.formgen table {
	width:500px;
}

.formgen table tr td img {
	width:76px;
}

.formgen table tr td .zoom img {
	width:53px;
}
	

.hinweis {
	
	margin-top:30px;
	font-size:8pt;
}
 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */