@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100);


body { background-color: #ceccc6; padding:0px 0px 150px 0px; margin:0px; font-size:14px; line-height:20px; border-left: 20px solid #66266d;  font-family: 'Merriweather', serif; font-weight:300; font-family: 'Roboto Slab', serif;}


#site { }
body.shine {background-image:url(../images/bg_body.png); background-repeat:no-repeat; background-position: center 350px;}


/*Typo*/
	a:link,a:visited{color:#000; }
	a:hover,a:active,a.active{color:#fff;text-decoration:none;}
	
	
	h1{font-size:55px; line-height: 1.3em; font-weight:100; margin:0px; color:#fff; border-bottom:1px #000 solid;padding-bottom:2px; display:inline-block; text-shadow:none;}
	h2{font-size:30px; line-height: 1.4em; color:#fff; font-weight:100; margin-bottom:10px;  text-shadow:none;}
	h3{font-size:25px; line-height: 1.4em;font-weight:300;  margin-bottom:5px; padding-top:20px;}
	h4{font-size:18px; line-height: 1.4em; font-weight:300; margin:0px;}
	h5{font-size:15px; font-weight:100;color:#fff;  text-shadow:none;}

.zitat { font-size:20px; font-weight:300; line-height: 1.4em; }
.largerFont{ font-size:16px; font-weight:300; line-height: 1.5em; }

img {border:none;}


/*Navigation*/
#start_navi { position:absolute; top: 0px; z-index:1000; width:100%; background:rgba(206,204,198,0.9); left:20px; padding: 0px 20px 20px 0px;}

 ul#navi{ display:block; width:905px; margin:auto; padding:20px; padding-bottom: 0px; font-size:17px; z-index:2;  }
 
 	#start_navi ul#navi li {   background:none; }
	#start_navi ul#navi li:hover ul {   background:rgba(206,204,198,0.9); }
 
	ul#navi li {  display:block; position: relative; float:left; margin-right:30px; list-style:none; background:#ceccc6; }
		ul#navi li a { border-bottom:1px #000 solid; padding-bottom:2px; text-decoration:none;  }
		
		ul#navi li ul {  display:none;  text-indent: 0px; padding: 0px; padding-top: 10px;   z-index: 100; position: relative;  width:100%;}
		ul#navi li:hover ul {display: block;  z-index: 100; position: absolute; } 
			ul#navi li ul li {margin-left: 0px; display:block; padding: 5px 0px; border-bottom:1px solid #BEBBB1; border-left:1px solid #BEBBB1; float:none; width:100%;}  
			ul#navi li ul li a { border-bottom: 0px none; text-decoration: none; font-size: 15px; padding-left:5px;}
				ul#navi li ul li a:hover {text-decoration: underline;}

#photobg{}
#photoinfo{ z-index:60; position:absolute; top:48%; left:50%; width:600px; margin-left:-480px; background:rgba(206,204,198,0.9); padding:20px 40px 0px 40px; }

#site{width:905px; margin:auto; padding: 60px 20px 60px 20px;}

.spalte2er{width:425px; float:left; margin-right:35px;}
.spalte2er:nth-of-type(2n){ float:right; margin-right:0px;}
	.spalte2er h2 {margin-top: 5px;}

.shadow_pic{  box-shadow:inset 0px 0px 10px 5px rgba(0,0,0,0.25); display:inline-block;}
	.shadow_pic img{z-index: -1; position: relative; }




#broschuere_teaser{background-image:url(../images/bg_shine.png);
	background-repeat:no-repeat;
	background-position: center top;
	
	background-size:100% 100%;}


	/*Ehrenmitglieder*/
	.ehrenmitglied{border-bottom:1px dashed #a5a39e; padding: 25px 0px;}
		
		.ehrenmitglied img {float:left; margin-right:25px;}
		.ehrenmitglied h3 {margin-top: 0px;}
		.ehrenmitglied ul {padding:0px 0px 0px 15px; display:inline-block; margin-top: 0px;}
		.ehrenmitglied ul li{ margin-left: 0px; }

	/*Vorstand*/
	.vorstand_mitglied {float:left; width:250px; padding: 25px; margin-top: 25px;}
	.vorstand_mitglied img { z-index:-1; margin: auto; margin-bottom: 20px;}
	
	.vorstand_mitglied:nth-of-type(2n) {border-right:1px dotted #8C8C8C; border-left:1px dotted #8C8C8C; }
	
	/*Mitglieder*/
	.mitglied{float:left; width:260px; border-bottom: 1px dotted #000; border-right: 1px dotted #000; font-size: 13px; padding:20px; height:275px; overflow:hidden;}
		.mitglied a:first-child { display: block; height: 140px; }
			.mitglied a:first-child img { max-width: 80%; height: auto;}
		.mitglied span{background:rgba(206,206,198,0.25); display:inline-block;}

		.mitglied img {  z-index:-1;	 margin-bottom: 15px;}

		.mitglied:nth-of-type(3n) {border-right: 0px none; }	


/*Kontaktformular*/
	#kontakt_formular{float:left; width:550px;}
	#kontakt_formular +div {float:right;}
	
	label{display:inline-block; font-size:14px; margin-bottom:15px;margin-right:5px; background-color: #d5d4ce;}
	label input, label textarea{display:block; color:#fff; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif;}
	
	label span{display:block; padding:5px 10px 0px 10px; }
	
	#kontakt_formular input, #kontakt_formular textarea{  background-color: #d5d4ce; border:none; border-bottom:1px solid #000; padding:5px 10px 10px 10px;}
	
	#kontakt_formular input[type="submit"]{color:#fff; float:right; cursor:pointer;  border-bottom:none;}
	
	#kontakt_formular input.half{width:245px;}
	#kontakt_formular input.full{width:565px;}
	
	#kontakt_formular input.eindrittel{ width:75px; }
	#kontakt_formular input.zweidrittel{ width:415px; }
	
	#kontakt_formular textarea{ width:520px; }