/* CSS Document */
/* blau 	#5CC6ED
/* grün 	#828282
/* hellblau	#BAEAFE   */


@import url(http://fonts.googleapis.com/css?family=Nunito:400,300,700);

@font-face {
font-family: AvenirLight;
src: url("fonts/AvenirLTStd-Light.otf") format("opentype");
}

@font-face {
font-family: AvenirLight;
font-weight: bold;
src: url("fonts/AvenirLTStd-Heavy.otf") format("opentype");
}

#box_logo{
  width: 1170px;
  margin: 36px auto 0px;
  text-align: right;
  margin-top: -109px;
}

#box_blog{
 /* background: url(img_allg/blog_zettel.jpg) no-repeat 55px bottom ;*/
  width: 1070px;
  height: 173px;
  margin: 0 auto;
  text-align:center;
  margin-top: -20px;
  padding-left: 100px;
}
/* ============///// ALLGEMEIN \\\\\ ============== */
body {		background: none; padding: 0px; margin: 0px; font-weight: 300;}
div {		font-family: "AvenirLight", 'Nunito', "Trebuchet MS", Arial, Verdana; font-size: 14px; color: #333333; font-weight: 300; text-decoration: none; }

/* ============///// CONTAINER \\\\\ ============== */

#box_startfooter { position: absolute; top: 650px; width: 790px; left: 50%; margin-left: -395px; text-align: center; }

#box_startfooter_neu { width: 1090px; text-align: center; margin: 0 auto;}

#box_main {		 width: 960px; margin:0 auto; }
	#box_header { float: left; width: 960px;		}
		#box_header_navigation { margin-top: 231px;float: left; width: 180px; min-height: 180px; background-color: #828282;	padding: 15px 5px 5px 15px;}
		#box_header_navigation a{
      display:block;
      color: #fff;
      width: 100%;
      text-transform: lowercase;
      font-size: 21px;
      font-weight: 300;
      padding-bottom: 10px;
      text-align:left;
      
    }
    #box_header_navigation a:hover{
      
      color: #a5daff;
      
    }
	#box_navigation { float: left; padding-bottom: 10px; padding-top: 2px; width: 100%; height: 24px; margin-top: 8px; }
	#box_content { float: left; margin: 5px 0 5px 0;	}
		#box_content_links{ float: left; width: 290px; margin-right: 10px;overflow:hidden;height: 640px;}
    #box_content_links img {      
    width: 300px;
    height: auto;
  }
		#box_content_rechts{ float: left;
width: 620px;
height: 600px;
padding: 20px;
overflow: auto;
background: rgb(242,242,242); }
		
	#box_footer { float: left; padding: 5px 10px 10px 10px; background-color: #12c2f1; width: 940px; height: 5px;		}
	#box_footer img {display:none;}
	
  #box_footer_nav {
    float: left;
    text-align: right;
   
    width:960px;
}
  #box_footer_nav a{
    font-size: 22px;
    text-transform: lowercase;
    font-weight: 300;
  }

/* ============///// TEXTE & ÜBERSCHRIFTEN \\\\\ ============== */
h1 {		text-transform: uppercase; font-family: "AvenirLight",'Nunito', "Trebuchet MS", Arial, Verdana; font-size: 20px; font-weight: bold; color: #12c2f1; margin: 0px 0px 15px 0px; padding: 0px;}
h2 {		text-transform: uppercase; font-family: "AvenirLight",'Nunito', "Trebuchet MS", Arial, Verdana; font-size: 16px; font-weight: bold; color: #12c2f1; margin: 0px; padding: 0px;}
h3 {		text-transform: uppercase; font-family: "AvenirLight",'Nunito', "Trebuchet MS", Arial, Verdana; font-size: 14px; font-weight: bold; color: #12c2f1; margin: 0px; padding: 0px;}
h4 {		text-transform: uppercase; font-family: "AvenirLight",'Nunito', "Trebuchet MS", Arial, Verdana; font-size: 12px; font-weight: bold; color: #12c2f1; margin: 0px; padding: 0px;}

.text_hellgruen { color: #828282; }
.fehler { color: #F00; font-weight: bold; }

/* ============///// LINKS \\\\\ ============== */
a {			font-family: "AvenirLight",'Nunito', "Trebuchet MS", Arial, Verdana; font-size: 13px; color: #12c2f1; text-decoration: none; font-weight: bold; }
a:hover {	color: #828282; }

#downloadlink { font-size: 16px; }

#back_button { position: absolute; width: 480px; height: 640px; background: url(img_allg/spacer.gif) no-repeat; z-index:100;  }
	#back_button:hover { background: url(img_allg/button_back.png) left no-repeat; }
#next_button { position: absolute; width: 480px; height: 640px; background: url(img_allg/spacer.gif) no-repeat; z-index:100;  }
	#next_button:hover { background: url(img_allg/button_next.png) right no-repeat; }

* html #backbutton { position: absolute; width: 480px; height: 640px; background: url(img_allg/spacer.gif) no-repeat; }
	* html #backbutton:hover { background: url(img_allg/button_back_ie6.jpg) no-repeat; }
* html #nextbutton { position: absolute; width: 480px; height: 640px; background: url(img_allg/spacer.gif) right no-repeat; }
	* html #nextbutton:hover { background: url(img_allg/button_next_ie6.jpg) right no-repeat; }

#startnav_1 { width: 240px; height: 168px; background: url(img_allg/startnav_hochzeiten.jpg) no-repeat top; position: absolute; left: 50%; margin-left: -500px; margin-top: 240px; }
			/*#startnav_1:hover { background: url(img_allg/startnav_hochzeiten_over.jpg) no-repeat top; }*/
#startnav_2 { width: 251px; height: 170px; background: url(img_allg/startnav_kinder.jpg) no-repeat top; position: absolute; left: 50%; margin-left: 110px; margin-top: 150px; }
			/*#startnav_2:hover { background: url(img_allg/startnav_kinder_over.jpg) no-repeat top; }*/
#startnav_3 { width: 231px; height: 169px; background: url(img_allg/startnav_business.jpg) no-repeat top; position: absolute; left: 50%; margin-left: -430px; margin-top: 490px;}
			/*#startnav_3:hover { background: url(img_allg/startnav_fotoblog_over.jpg) no-repeat top; }*/
#startnav_4 { width: 230px; height: 168px; background: url(img_allg/startnav_fotoblog.jpg) no-repeat top; position: absolute; left: 50%; margin-left: 68px; margin-top: 418px;}
			/*#startnav_4:hover { background: url(img_allg/startnav_business_over.jpg) no-repeat top; }*/

#box_start{
  width: 1170px;
  margin: 0 auto;
  margin-top: 10px;
  display: table;
}

#startnav_1_neu { width: 200px; float:left; margin-right: 23px; margin-left: 90px; text-align:center;}
			/*#startnav_1:hover { background: url(img_allg/startnav_hochzeiten_over.jpg) no-repeat top; }*/
#startnav_2_neu { width: 200px;  float:left;margin-right: 23px;text-align:center;}
			/*#startnav_2:hover { background: url(img_allg/startnav_kinder_over.jpg) no-repeat top; }*/
#startnav_3_neu { width: 200px; float:left;margin-right: 23px;text-align:center;}
			/*#startnav_3:hover { background: url(img_allg/startnav_fotoblog_over.jpg) no-repeat top; }*/
#startnav_4_neu { float:left; margin-top:20px;margin-left: -30px;}
			/*#startnav_4:hover { background: url(img_allg/startnav_business_over.jpg) no-repeat top; }*/
#startnav_5_neu { width: 200px; float:left;text-align:center;}
			/*#startnav_4:hover { background: url(img_allg/startnav_business_over.jpg) no-repeat top; }*/      


/* ============///// FORMULARE \\\\\ ============== */

.kontakttextfeld { border: 1px solid #12c2f1; width: 200px; background-color: #FFFFFF; color: #333; font-family: "AvenirLight",'Nunito', "Trebuchet MS", Arial, Verdana; font-size: 12px; }
.kontakttextfeld :hover { border: 1px solid #828282; }

.button { background-color: #12c2f1; border: none; color: #FFFFFF; font-family: "AvenirLight",'Nunito', "Trebuchet MS", Arial, Verdana; font-size: 12px; cursor: pointer; padding: 5px 10px; }
.button:hover { background-color: #828282; }



ul#galerieBild {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px; padding:0px;
}
.nav_title{
  font-size: 18px;
  text-transform: uppercase;
  color: #12c2f1;
  font-weight: 300;
  margin-top: 20px;
  display: block;
  letter-spacing: 2px;
}
.nav_utitle{
  clear:both;
  font-size: 18px;
  color: #828282;
  font-weight: 300;
}
#startnav_4_neu .nav_title{
  font-size: 30px;
  text-transform: lowercase;
  color: #12c2f1;
  font-weight: 300;
  margin-top: 10px;
  display: block;
  letter-spacing: 4px;
}

#box_startfooter_neu a{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
}
#box_startfooter_neu{
  color: #12c2f1;
  display:block;
  margin-top: 50px;
}

#box_left{
  float:right;
  width: 200px;
  margin-left: 10px;
  height: 640px;
  background: #828282 none repeat scroll 0% 0%;
  overflow:hidden;
}
#box_navigation a{
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  padding-right: 24px;
}
.subbereich{
  width: 1170px !important;
}
.subbereich #box_header{
  width: 100% !important;
  border-bottom: 10px #fff solid;
}
.subbereich #box_navigation{
/*  width:80%;
  padding-left: 260px;*/
}
.subbereich #box_content{
  margin: 0px;
}

.subbereich #next_button {
    
    margin-left: 480px;
   
}
.nav_aktiv{
  color: #828282;
}
.nav_sub_aktiv{
  color: #a5daff !important;
}
.logos_sub{
  margin-top: 30px;
  
  text-align: center; 
}
.logos_sub img{
  padding-top: 40px;
}
.logos_sub iframe{
  margin-top: 40px;
}