/*
* file: layout.css 
* version: 1.0 12/2012
* desc: layouting
* author: Sylke Renger | sylke-renger@pocolico.de 
* pocolico multimedia berlin | www.pocolico.de
*
*/

/*
COLORS:
gruen:			#6cbf48
dunkelgruen:	#214013

*/

#header{
	background:#FFF url(../img/hg_head.jpg) repeat-x;
	height: 110px;
	width: 100%;
	
}

#header_inner{
	background:#FFF url(../img/head.jpg) no-repeat;
	height: 110px;
	width: 800px;
	margin: 0 auto;
}

#main_menu_left,
#main_menu_right{
	position: relative;

}

#main_menu_left{
	float: left;
	left: 40px;
	top: 8px;

}

#main_menu_right{
	float: right;
	top: 5px;

}

#main_menu_left ul li, 
#main_menu_right ul li{
	display:inline;
	padding:0;
    margin:0;
    font-size: 0.8em;
    /*background-color: yellow;*/
}

#main_menu_right ul li.impress{
	margin-right: 12px;
}

#main_menu_right ul li.preis{
	margin-right: 55px;
}



#main_menu_left ul li a, 
#main_menu_right ul li a{
	color: #FFF;
	text-decoration: none;
}

#main_menu_left ul li a:hover, 
#main_menu_right ul li a:hover{
	color: #214013;
}

/*____________________________________________________Home______________________*/
#wer{

	background:#FFF url(../img/hg_wer.jpg) repeat-x;
	height: 293px;
	width: 100%;
	
}

#wer_inner{
	background:#FFF url(../img/wer.jpg) no-repeat;
	height: 293px;
	width: 800px;
	margin: 0 auto;

}

#wer_inner_m, 
#wer_inner_s{
	position: relative;
	float: left;
	height: 260px;
	width: 390px;
	text-align: left;
	margin-top: 30px;

}

#wer_inner_m{
	margin-right: 10px;

}

#wer_inner_s{
	

}

#wer_inner_m p, 
#wer_inner_s p{
	margin-top: 10px;
}


#ansichten{
	width: 100%;
	
}

#h2_ansichten{
	background:#FFF url(../img/h2_ansichten.jpg) no-repeat;
	width: 800px;
	margin: 0 auto;
	vertical-align: top;
	height: 60px;
}

#galerie{
	background-color: #FFF;
	text-align: center;
	height: 530px;
	margin: 0 auto;
	width: 800px;
	padding-top: 60px;

}
.img_book{
	margin-right: 20px;
}

#lektorate, #eigenes{
	width: 100%;
}

#eigenes{
		margin-top: 30px;
}

#h2_lektorate, 
#h2_eigenes, 
#h2_preise,
#h2_impress,
#h2_haftung,
#h2_urheber{
	width: 800px;
	margin: 0 auto;
	vertical-align: top;
	height: 60px;
}
#h2_lektorate{
	background:#FFF url(../img/h2_lektorate.jpg) no-repeat;
}

#h2_eigenes{
	background:#FFF url(../img/h2_eigenes.jpg) no-repeat;
}

#h2_preise{
	background:#FFF url(../img/h2_preise.jpg) no-repeat;
	margin-bottom: 30px;
}

#h2_impress{
	background:#FFF url(../img/h2_impressum.jpg) no-repeat;
	margin-bottom: 10px;
}
#h2_haftung{
	background:#FFF url(../img/h2_haftung.jpg) no-repeat;
}
#h2_urheber{
	background:#FFF url(../img/h2_urheber.jpg) no-repeat;
}


#text_lektorate, 
#text_eigenes, 
#text_preise, 
#text_impress,
#text_haftung,
#text_urheber{
	width: 800px;
	margin: 10px auto;
	vertical-align: top;
	text-align: left;
}
#text_lektorate p, 
#text_eigenes p{
	margin-bottom: 4px;
}

span.autor{
	font-style: italic;
	color: #90b381;
}

/*____________________________________________________Preise______________________*/
#preise, #impress{
	background:#FFF url(../img/hg_head_bottom.jpg) repeat-x;
	min-height: 36px;
	vertical-align: top;
	padding-top: 40px;
}

#preise_inner{
	min-height: 200px;
	margin: 0 auto;

	
}

#text_preise{
	width: 800px;
	margin: 0 auto;
	text-align: left;

}

#text_preise table tr td.bot{
	padding-bottom: 20px;
	padding-right: 20px;
}

#text_preise table tr td.title{
	padding-right: 20px;
	width: 500px;
	border-bottom: 1px solid #d9dad9;
}

/*___________________________________________________Impressum__________________*/
#text_impress, #text_haftung{
	margin-bottom: 30px;

}
/*____________________________________________________Footer___________________*/

#footer{
	background:#6cbf48 url(../img/hg_footer_top.jpg) repeat-x;
	min-height: 33px;
	width: 100%;
	vertical-align: top;
	margin-top: 40px;
	border-top: 1px solid #d9dad9;
	
}

#footer_inner{
	width: 800px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: left;
	height: 150px;
}

#footer_inner p, #footer_inner h3{
	color: #FFF;
}
#footer_inner h3{
	text-decoration: underline;
}
#footer_left{
	float: left;
	width: 420px;
	margin-top: 15px;
}
#footer_right{
	float: right;
	width: 280px;
	margin-top: 15px;
}

#footer_bottom{
	background:#FFF url(../img/hg_footer_bottom.jpg) repeat-x;
	min-height: 22px;
}

#footer_copy{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding: 15px 5px 20px 5px;
}
.buero{
	color: #687264;
	font-size: 0.8em;
}

.advertise{
	color: #90b381;
	margin-left: 400px;
	font-size: 0.8em;
}
a.post{
	color: #687264;
}







.nav_up{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../img/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../img/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:70px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}