/* --------fotostudio-seidler.de - STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	6.subnavi */
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	
}
html, body{
	font-family: Tahoma;
	color:#666;
	background:url(../images/bg.jpg);
	background-position:top center;
	font-size: 12px;
	background-color:#fff;
	background-repeat:no-repeat;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #ccc;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;
}

p{
	margin:10px 25px 15px 0;
	text-align:justify;
	line-height:16px;
	}	
	
h2{
	font-weight: bold;
	color:#039;
	font-size: 13px;
	margin:10px 25px 15px 0;
	line-height:15px; 
	}
	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:814px;
	height:730px;
	background:url(../images/bg_container.jpg);
	background-repeat:no-repeat;
	position:relative;}
	
#header{
	width:400px;
	height:135px;
	margin-left:405px;
	position:relative;
	z-index: 1;}

#header h1{
	font-size: 0.001em;
	color: #fff;
	position:absolute;
	text-indent:-4000px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
	}
#header h1 a{
	width:400px;
	font-size: 0.001em;
	height:135px;
	color: #fff;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	overflow: hidden;
	}

#header h1 a:hover{color: #fff; text-decoration: none;}

#content_start{
	width:290px;
	height:455px;
	float:left;
	margin-left:124px;
	border-right:1px solid #ccc;}
	
*html #content_start{
	margin-left:58px; margin-top:-19px;}
	
#bild_rechts{width:306px;margin-left:422px;}
*html #bild_rechts{width:306px; margin-left:415px; margin-top:-19px;}
	
#fragen{margin:15px 0 0 428px; width:306px;}

#footer{
	font-size:11px;
	line-height:60px;
	text-align:right;
	margin-right:95px;
	clear:both;
}
*html #footer{line-height:55px;}	
/*------------------3.links------------------*/

a { color:#039; text-decoration:underline;}
a:hover { text-decoration:none; color:#ccc; }

/*------------------4.content------------------*/
.txt_colored{color:#039;}
.txtxs{font-size:11px; padding: 0 5px 0 0;text-align:justify;}

/* styling for gallery-text */
#textbox{
	width:105px;
	float:right; z-index:60;
	margin: 60px 84px 0 0;}
	
*html #textbox{
	margin: 60px 42px 0 0; z-index:60;}
	
#button{width:100px; height:20px; font-size:11px;}

/*------------------5.navi------------------*/
#navi{
	height:86px;
	float:left;
	font-size:11px;
	z-index:20;
	background-repeat:no-repeat;
	}
*html #navi{	height:76px;}
	
#navi ul{margin:51px 0 0 25px;list-style-type:none;}
	
#navi li  {display:inline;}

#navi li a{
	font-weight:bold;text-decoration:none;display:inline;
	color:#039;}
	
#navi li a:hover {
	text-decoration:none;display:inline;
	color:#ccc;}
/*------------------6.subnavi------------------*/

#subnavi {	
	height:86px;
	font-size:11px;
	z-index:20;
	width:100px;
	margin:0 0 0 630px;
}
*html #subnavi{	height:76px;}

#subnavi ul{list-style-type:none;}
	
#subnavi li  {font-size:1px;text-indent:-4000px;}

#subnavi li a,subnavi li a:hover {
	text-decoration:none;color:#fff; 
	background-repeat:no-repeat;	
}


/* needed for IE to make :active state work first time */


/* styling for LEFT gallery */
#container_left {position:relative; width:520px;height:452px; background:#fff;margin:0 0 0 103px;float:left;padding: 0 0 3px 0; }
*html #container_left {margin:-25px 0 0 50px;float:left;padding: 0 0 3px 0; }

#container_left img {border:0;}
#container_left .thumbs {width:175px; position:absolute; left:0; top:0; padding:2px 0 0 2px;}
#container_left a.gallery:hover span {display:block; position:absolute; padding:2px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#039;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #ccc;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; top:5px; left:180px; padding:2px; color:#ccc; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:150px; padding-left:200px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#ccc;}