@charset "UTF-8";

/**
 * "CCS Layout fuer www.reginebruhn.de" - (X)HTML/CSS
 *
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @version         1.0
 * @lastmodified    $Date: 2009-02-11 09:00 (Mi, 11 Feb 2009) $
 */

/* Farben
dunkelbraun: #3F291C
beige: #F6E8C2
hellbraun: #51311C
*/

/* import reset-Stylesheet */
@import url(reset.css);


html
	{
	overflow: hidden;
	}

body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	
	background-color: #51311C;
	color: #3F291C;
	}
	
h1
	{
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #3F291C;
	}
	
h2
	{
	font-weight: bold;
	font-size: 1.2em;
	color: #3F291C;
	margin-bottom: 5px;
	}		
	
p
	{
	margin-bottom: 15px;
	}	
	
strong
	{
	font-weight: bold;
	color:#3F291C;
	}	
	
/* Layout --------------------------------- */

#containerstart
	{
	position: absolute;
	width: 985px;
	height: 630px;
	margin-right: -492px;
	margin-top: -315px;
	top: 50%;
	right: 50%;
	background-image:url(/img/startseite_bg.jpg);
	}
	
	
#container
	{
	position: absolute;
	width: 985px;
	height: 630px;
	margin-right: -492px;
	margin-top: -315px;
	top: 50%;
	right: 50%;
	background-color:#51311C;
	}	
	
#startmenue
	{
	position: absolute;
	top: 222px;
	height: 160px;
	width: 985px;
	color: #3F291C;
	border-top: 18px solid #3F291C;
	border-bottom: 8px solid #3F291C;
	background-color: #F6E8C2;
	}	
	
#headline-start
	{
	position: absolute;
	width: 430px;
	height:160px;
	padding-left: 50px;
	line-height: 160px;
	}
	
#headline-start h1
	{
	font-weight: normal;
	color: #3F291C;
	font-size: 4.4em;
	}	
	
	
#menuestart
	{
	position:absolute;
	left: 480px;
	height: 160px;
	width: 505px;
	letter-spacing: 8px;
	}	
	
#menuestart li
	{
	display:block;
	float: left;
	padding-right: 60px;
	line-height: 160px;
	font-size: 1.6em;
	}		
	
#menuestart li a
	{
	font-style: normal;
	text-decoration: none;
	color: #3F291C;
	}


#menuestart li a:hover
	{
	font-style: normal;
	text-decoration: none;
	color: #51311C;
	}
	
	
	
#menuecontainer
	{
	position: absolute;
	top: 50px;
	height: 55px;
	width: 873px;
	color: #3F291C;
	padding-left: 112px;
	border-top: 5px solid #3F291C;
	border-bottom: 5px solid #3F291C;
	background-color: #F6E8C2;
	letter-spacing: 5px;
	}
	
	
#menuecontainer li
	{
	display:block;
	float: left;
	padding-right: 60px;
	line-height: 55px;
	font-size: 1.6em;
	}	
	
li.kontakt
	{
	display:block;
	float: left;
	padding-right: 0px;
	padding-left:  190px;
	line-height: 55px;
	font-size: 1.6em;
	}		
	
#menuecontainer li a
	{
	font-style: normal;
	text-decoration: none;
	color: #3F291C;
	}


#menuecontainer li a:hover
	{
	font-style: normal;
	text-decoration: none;
	color: #51311C;
	}	
	
	
#inhalt
	{
	position:absolute;
	top: 170px;
	left: 112px;
	background-color: #F6E8C2;
	height: 360px;
	width: 741px;
	border: 5px solid #3F291C;
	}		
	
	
#vitabild
	{
	position:absolute;
	height:320px;
	width: 280px;
	padding: 20px;
	}	
	
#vita
	{
	position: absolute;
	left: 326px;
	height: 320px;
	width: 400px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	overflow:auto;
	}	

#vita p
	{
	margin-bottom: 5px;
	}	

#vita table
	{
	margin-bottom: 15px;
	line-height: 1.2em;
	}
		
	
#vita tbody th
	{
	width: 70px;
	}

#galerie
	{
	position: absolute;
	height: 320px;
	width: 701px;
	padding: 20px;
	}	
	
#galerie table
	{
	width: 100%;
	}	
	
#galerie table td
	{
	text-align: center;
	}	
	
#galerie table td img
	{
	margin-top: 13px;
	margin-bottom: 5px;
	border: 1px solid #3F291C;
	}	

#galeriebild
	{
	position:absolute;
	height:320px;
	width: 320px;
	padding: 20px;
	}	
	
#galeriedetails
	{
	position: absolute;
	left: 366px;
	height: 320px;
	width: 360px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	overflow:auto;
	}	
	
#zurueckbutton
	{
	position: absolute;
	top: 560px;
	left: 430px;
	height: 20px;
	width: 80px;
	background-color: #3F291C;
	line-height: 20px;
	text-align: center;
	}	
	
#zurueckbutton a
	{
	color: #FFF;
	text-decoration: none;
	}
	
#zurueckbutton a:hover
	{
	color: #FFF;
	text-decoration: underline;
	}			
	

#impressum
	{
	position: absolute;
	height: 320px;
	width: 330px;
	padding: 20px;
	}
	
#impressum a
	{
	color: #51311C;
	text-decoration: none;
	font-weight: bold;
	}	
	
	
#impressum a:hover
	{
	text-decoration: none;
	}	


#kontaktformular
	{
	position: absolute;
	left: 375px;
	height: 340px;
	width: 351px;
	padding-top: 20px;
	padding-right: 20px;
	}	
	
	
#kontaktformular label
	{
	display: block;
	width: 80px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
	}	
	
#kontaktformular input
	{
	color: #3F291C;
	background-color: #FFF;
	border: 1px solid #3F291C;
	width: 200px;
	height: 20px;
	padding: 2px 6px;
	margin-bottom: 10px;
	}
	
#kontaktformular textarea
	{
	color: #3F291C;
	background-color: #FFF;
	border: 1px solid #3F291C;
	height: 80px;
	width: 200px;
	padding: 2px 6px;
	}	

#kontaktformular input.senden
	{
	color: #FFF;
	border: 1px solid #3F291C;
	float: left;
	margin-left: 80px;
	width: 212px;
	height: 25px;
	font-weight: bold;
	background-color: #51311C;
	}

#kontaktformular input.senden:hover
	{
	color: #F6E8C2;
	background-color: #3F291C;
	border: 1px solid #51311C;
	}	
	
#kontaktformular a
	{
	color: #51311C;
	text-decoration: none;
	font-weight: bold;
	}	
	
	
#kontaktformular a:hover
	{
	text-decoration: none;
	}	
	
	
	
/*----------------------*/

#myGallery, #myGallerySet, #flickrGallery
{
	width: 320px;
	height: 320px;
	z-index:5;
	border: 0;
}

.jdGallery .slideElement {background-image: url('/img/jdgallery/loading-bar-black.gif');}


.jdGallery .loadingElement {background-image: url('/img/jdgallery/loading-bar-black.gif');}

.jdGallery .slideElement
{
	background-color: #FFF;
	}
	
.jdGallery .carousel
	{
	height: 85px;
	background: #3F291C;
	}	

.jdGallery a.carouselBtn
{
	line-height: 20px;
	background: #3F291C;
}