/*  
Theme Name: VeraVonBargen CSS-Theme
*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	background-color: #C0C0C0;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;color:#663300;
	}
	
	#content p,h1,h2,h3,h4,h5,h6 { color:#444;
	}

a {
	color: #EAFF00;
	}
	
a:hover {
	color: #FFFFFF;
	}
	
.ie6 {
	display: none;
	}

* html .ie6 {
	display: inline;
	color: #B33703;
	}




#page {
	text-align: left;
	margin: 20px auto;
	padding: 0;
	background: #F59D1E url('images/bg_unterseite.jpg') no-repeat top center;
	height: 660px;
	width: 921px;
	}
	
	

	
#content {
	position: absolute;
	width: 588px;
	height: 440px;
	margin: 141px 0 0 30px;
	color: #833D1A;
	overflow: auto;
	top: 17px;
	z-index:0;
	}
	
#content h1 {
	font-size: 1.8em;
	}
	
* html #content h1 {
	margin-top: 20px;
	}
	
*:first-child+html #content h1 {
	margin-top: 20px;
	}
	
#content p {
	font-size: 1.3em;
	}

		
#content a, #content a:hover {
	color: #833D1A;
	}
	

	
#content ul {
	list-style-type: none;
 	font-size: 14px;
	font-weight: bold;
	}
	
#content li {
	font-weight: normal;
	}
	
	
#picture {
	clear: left;
	float: right;
	margin: 150px 8px 0 620px;
	text-align: center;
  	padding: 0;
	width: 284px;
	height: 401px;
	}
	
* html #picture {
	margin: 150px 5px 0 623px;
	}

.navi {
	position: relative;
	margin-top: 400px;
	}
		
#navigation {
	position: absolute;
	margin: 118px 0 0 33px;
	height: 22px;
	width: 890px; 
	font-size: 16px;
	font-weight: normal;
	font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	color: #FFFAEC;
	z-index:1;
	}
	

	
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	/*width: 120px;/*15em*/
	height: 19px;
	text-decoration: none;
	color: #FFFAEC;
}

	
#nav a:hover {
	color: yellow;
}

#nav li { /* all list items */
	float: left;
	width: 120px; /* 134 width needed or else Opera goes nuts */
}

*:first-child+html #nav li { /* all list items */
	border-left: solid 1px #AD2E01;
	
 /* 134 width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	font-size: 14px;
	background: #AD2E01;
	padding: 10px 5px 5px 5px;
	width: 235px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a {
	width: 235px;
	}

* html #nav li ul { /* second-level lists */
	}
	


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#footer {
	position: absolute;
	clear: both;
	width: 921px;
	margin-top: 610px;
	text-align:center;
	color: #FFFAEC;
	font-size: 13px;
	letter-spacing:-0em;
	font-family: 'Century Gothic',Verdana,Arial,Helvetica,sans-serif;
	}
	
* html #footer {
	margin-top:	630px;
	}

	
#footer a {
	color:#fff;
}

#footer a:hover {
	color:yellow;
}





/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#FFFAEC;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
		clear: left;
		float: right;
		margin: 150px 8px 0 620px;
		width:284px; 
		height:401px; 
		
}

#referenz {
	background: url(../bilder/Praxis_wartezimmer.jpg) no-repeat;
	}

* html #album {
		margin: 150px 4px 0 624px; 
	}



/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
		padding:0; 
		margin:400px 0 0 0; 
		list-style-type:none; 
		position:relative; 
		width:320px;
}
* html .gallery {
	width: 280px;
	}

/* remove the default image border */
.gallery img {
	border:0;
}
/* make the list horizontal */
.gallery li {
	float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#FFFAEC; 
	background:#833D1A; 
	text-align:center; 
	width:26px; 
	height:13px; 
	line-height:13px; 
	margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute; 
	top:-400px;
	left:0; 
	visibility:hidden; 
	border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
	left:0;
	/*border-left:40px solid #eee;*/
	/*border-right:40px solid #eee;*/
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#F59D1E;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#F59D1E; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}