/* CSS Document */


html { 
	height:100%;
	margin:0;
	padding:0;
}

body
{
	height:100%;
	text-align: center;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Arial, sans serif;
	font-size: 11px;
	background: #E6E4E5 url('../img/fotografie_berlin_hg.jpg') center top repeat-y;
}

a			{ color: #555; text-decoration: none; }
a:active	{ color: #000; }
a:hover		{ color: #555; text-decoration: underline;}

#nav a.sel 			{ color: #000; text-decoration: none; }
#nav a.sel:active	{ color: #000; }
#nav a.sel:hover	{ color: #000; text-decoration: underline;}

#nav a		{ color: #fff; text-decoration: none; }
#nav a:active 	{ color: #000; }
#nav a:hover	    { color: #fff; text-decoration: underline;}


h1 { font-size: 12px; }
form		{ display: inline; }
fieldset	{ margin: 0em 0em 0em 5em; border: 1px solid #fff; padding: 1em;}

input, textarea, select	{ color: #333; background-color: #FFF; font-family: Verdana, Arial, sans-serif; font-size: 1em; border: 1px solid #999; }
input.submit	{ cursor: pointer; }
input.disabled	{ cursor: default; }
input:focus, 
textarea:focus	{ color: #333; background-color: #F5F5F5; }

label		{ cursor: pointer; }
label:hover	{ color: #C00; }

#photoholder {
	width:320px;
	height:214px;
	margin-right: 50px;
}
#thephoto {
	width:320px;
	height:214px;
	margin-right: 50px;
	border: 4px solid #fff;
}

#photoholder_ref {
	width:320px;
	height:214px;
}
#thephoto_ref {
	width:320px;
	height:214px;
	border: 4px solid #fff;
}
#photoholder_portrait {
	width:180px;
	height:278px;
	margin-right: 50px;
}
#thephoto_portrait {
	width:180px;
	height:278px;
	margin-right: 50px;
	border: 4px solid #fff;
}

#photoholder_ref_portrait {
	width:180px;
	height:278px;
}
#thephoto_ref_portrait {
	width:180px;
	height:278px;
	border: 4px solid #fff;
}

.left { float: left; }
.right { float: right; }
.collage { position: relative; left: 60px; } 

.portrait { width: 180px; height: 278px; }
#nav_balken
{
	margin: 0px auto;
	padding-top:5px;
	top:145px;
	width: 900px;
	height: 20px;
	text-align: center;
	background: #9B999A;
}
#balken_unten
{
	padding: 2px 0px 2px 0px;
	margin: 0px auto;
	width: 900px;
	background: #9B999A;
	text-align: right; 
}
#nav
{
	color: #fff;
}


#nav ul
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#nav li
{
	margin: 0px;
	padding: 0px 20px 0px 20px;
display: inline;}

#nav li.sel	{ border-top-width: 0px; }
#nav li.sel a { padding-top: 1px; }



#oben_aussen
{
	width: 100%;
	text-align: center;
}

.foto1_o { background: #E6E4E5 url('../img/oliver_ziebe_foto01_o.jpg') center top no-repeat; }
.foto2_o { background: #E6E4E5 url('../img/oliver_ziebe_foto02_o.jpg') center top no-repeat; }
.foto3_o { background: #E6E4E5 url('../img/oliver_ziebe_foto03_o.jpg') center top no-repeat; }
.foto4_o { background: #E6E4E5 url('../img/oliver_ziebe_foto04_o.jpg') center top no-repeat; }
.foto5_o { background: #E6E4E5 url('../img/oliver_ziebe_foto05_o.jpg') center top no-repeat; }
.foto6_o { background: #E6E4E5 url('../img/oliver_ziebe_foto06_o.jpg') center top no-repeat; }

#oben_innen
{
	margin: 0px auto;
	top : 0px;
	width: 900px;
	height: 155px;
}

.foto1_oi { background: url('../img/oliver_ziebe_foto5_oi.jpg') center top no-repeat; }
.foto2_oi { background: url('../img/oliver_ziebe_foto2_oi.jpg') center top no-repeat; }
.foto3_oi { background: url('../img/oliver_ziebe_foto3_oi.jpg') center top no-repeat; }
.foto4_oi { background: url('../img/oliver_ziebe_foto7_oi.jpg') center top no-repeat; }
.foto5_oi { background: url('../img/oliver_ziebe_foto4_oi.jpg') center top no-repeat; }
.foto6_oi { background: url('../img/oliver_ziebe_foto6_oi.jpg') center top no-repeat; }

#unten_aussen
{
	width: 100%;
	height: 150px;
	text-align: center;
}

.foto1_u { background: url('../img/oliver_ziebe_foto01_u.jpg') center top no-repeat; }
.foto2_u { background: url('../img/oliver_ziebe_foto02_u.jpg') center top no-repeat; }
.foto3_u { background: url('../img/oliver_ziebe_foto03_u.jpg') center top no-repeat; }
.foto4_u { background: url('../img/oliver_ziebe_foto04_u.jpg') center top no-repeat; }
.foto5_u { background: url('../img/oliver_ziebe_foto05_u.jpg') center top no-repeat; }
.foto6_u { background: url('../img/oliver_ziebe_foto06_u.jpg') center top no-repeat; }

#unten_innen
{
	margin: 0px auto;
	top : 0px;
	width: 900px;
	height: 150px;
}

.foto1_ui { background: url('../img/oliver_ziebe_foto5_ui.jpg') center top no-repeat; }
.foto2_ui { background: url('../img/oliver_ziebe_foto2_ui.jpg') center top no-repeat; }
.foto3_ui { background: url('../img/oliver_ziebe_foto3_ui.jpg') center top no-repeat; }
.foto4_ui { background: url('../img/oliver_ziebe_foto7_ui.jpg') center top no-repeat; }
.foto5_ui { background: url('../img/oliver_ziebe_foto4_ui.jpg') center top no-repeat; }
.foto6_ui { background: url('../img/oliver_ziebe_foto6_ui.jpg') center top no-repeat; }


#_content
{
	margin-right: 100px;
	text-align: left;
	top: 50px;
	position: relative;
	padding: 10px;
	width: 250px;
	color: #333;
	float:right;
}
#content_hg
{
	padding: 50px 150px 50px 150px;
	position: relative;
	margin: 0px auto;
	width: 600px;
	min-height: 50%;
	background: #D1CFD0; 
	text-align: left;
	color: #333;
}

#content_home
{
	padding: 50px;
	margin: 0px auto;
	width: 800px;
	min-height: 50%;
	background: #D1CFD0; 
	text-align: left;
	color: #333;
}


.referenz { height: auto;  }

.portrait { margin: 50px 0px 0px 30px;}


.block
{
	float: right;
	width: 200px;
	padding: 10px 10px 10px 10px;
	background-color: #F8F7DE;
    color: #333;
}

.extras { width: 180px; }
.pictures { width: 532px; height: 95px}
.kontakt { margin: 200px}

#fontsize
{
	padding: 8px 0px 0px 0px;
	width: 100px;
	float: right;
	color: #333;
	text-align: right;
}

.headline
{
	text-align: center;
    font-weight : bold;
	color: #950024;
}

.center { text-align: center; }

.ignore { display: none; } 

.footer { 
	padding-right: 50px;
	color: #fff;
	font-size: 10px;
}

#imageContainer {
	height:214px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
	border: 4px solid #fff;
}