/* CSS Document 
Network Michael Balk © Dez. 2013
*/

body { background-image:url(../img/bg_line.png); background-repeat:repeat-y; background-position:center center; background-size:contain; font-family: 'Droid Serif', serif; font-size:12px; font-style:italic; margin:0; padding:0; background-color:#f3cba7;}
ul{padding:0;}
a img{ border:0px;}
a{ text-decoration:none;}
/*###################################################################   classes     #############################################################*/
.clear{ clear:both;}
.seciton{ float:left; width:195px; margin:0px 35px 20px 0; color:#000;}
.section_title{ color:#1fb14e; font-weight:bold; line-height:16px; padding-left:35px; padding-bottom:10px; margin-left:5px; position:relative;}
.section_img{ z-index:1000;}
.section_text { padding:10px; color:#000;}
.line_img{ position:absolute; left:0; top:6px; z-index:2000; background-image:url(../img/icon.png); background-repeat:no-repeat; background-position:center center; width:29px; height:47px;}
h2{ background-color:#f6d4b7; font-weight:bold; width:190px; font-size:16px; color:#535a5e; padding-left:10px; line-height:25px;}
.green_title{color:#1fb14e; font-weight:bold; line-height:16px;}
.thumbs{ width:200px; height:100px;}
.plus{ background:url(../img/plus_icon.png); background-repeat:no-repeat; background-position:center center; height:20px; width:20px; position:absolute; top:-10px; left:10px;}
.camera{ background: url(../img/foto_icn.jpg) no-repeat left center; width:50px; height:20px; padding-left:30px;}
.push{ display:inline-block; margin-left:50px;}
.brown{ display:inline-block; color:#960; margin-left:10px;}
.zuruck{ text-decoration:none; color:#963;}
.zuruck:hover{ color:#093;}
/*#############################################################################################################################################*/

#header{ background-color:#f1d1b5; width:100%; padding:0; z-index:10}
#logo{ margin: 0 auto; width:990px; z-index:20; background: url(../img/logo.png) no-repeat center top; height:150px;}
#big_img{height:210px; background-image:url(../img/header_img.jpg); background-position:center top; background-repeat:no-repeat; background-size:cover; position:relative;}
#circles{  position:absolute; right:0; top:460px;}
#teaser{ width:280px; height:155px; padding:10px; background:url(../img/pixel.png) repeat; position:absolute; left:2.5%; top:20px; line-height:16px;}
#teaser b{ font-size:17px; line-height:20px;}
#teaser_holder{ width:990px; margin:0 auto; position:relative;}
/*#############################################################        MainNav               ########################################################################*/
#MainNav{width:990px; margin:0 auto; z-index:1000; top:0; }
#MainNav ul{ float:right; padding:0; padding-top:20px; margin-top:-19px; z-index:2000;}
#MainNav li{color:#6d6463; display:inline-block; font-style:italic; font-size:13px; background-image:url(../img/menu.png); background-position:center top; background-repeat:no-repeat; padding-top:20px; padding-right:10px; }
#MainNav li:hover, #MainNav li.active{ background-image:url(../img/menu_active.png); color:#1fb14e; }
#MainNav a{ color:#6d6463; text-decoration:none;}
#MainNav a:hover, #MainNav a.active { color:#1fb14e;}
/*#########################################################################################################################################################################*/

#center{ width:935px; margin:0 auto; padding-left:35px; margin-top:-13px; }
#main_content{ float:left; width:690px; margin-bottom:70px; }
#small_right { float:right; width:225px; line-height:18px;}
#small_right ul { list-style: url(../img/circle.png);}
#small_right ul li{ margin-left:40px; }
#small_right ul li a{ color:#963; padding:2px 0px; display:block;}
#small_right a{ text-decoration:none;}
#small_right a:hover, #small_right a.active{ opacity:0.6;}

/*##############################################################         GALERY     ##################################################################*/
/** reset lightbox position **/
#lightbox-container-image-data-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box; 
  box-sizing: content-box;}
/** page structure **/
#gallery {width: 705px; padding: 25px 20px; padding-bottom: 35px;}
#thumbnails { margin-bottom: 10px; }
#thumbnails ul li { float: left; margin-right: 26px; margin-bottom: 12px; position:relative; }
#thumbnails ul { list-style:none;}
/*##################################################################################################################################################*/




@media only screen 
and (max-width : 1960px){
	#circles{ right:0px; margin-right:0px;}}
@media only screen
and (max-width : 1860px){
	#circles img{width:80%; height:auto;}
	#circles{ right:0px; margin-right:-80px;}}
@media only screen
and (max-width : 1680px){
	#circles{ display:none;}}