@charset "utf-8";
/* CSS Document */

#wrapper{ /* Allgemeine Einstellungen Wrapper */
margin:0 auto;
width:59.95em; /* Entspricht in etwa 960px */
min-height:50em;
background:#fff;
border-left:1px solid #dadada; /* Die Rahmen dienen lediglich der optischen Eingrenzung in Browsern, die keinen Box-Shadow beherrschen! */
border-right:1px solid #dadada;
-webkit-box-shadow: 0px 0px 10px 0px rgba(90,90,90,0.45);
-moz-box-shadow: 0px 0px 10px 0px rgba(90,90,90,0.45);
box-shadow: 0px 0px 10px 0px rgba(90,90,90,0.45)	
}
/* Header-Bereich */

#header{margin:0 0 1.875em 0;}

/* LOGO */
h2{
background:url(../img/logo_balken_960x100.jpg) no-repeat #8d7a6b; /* JPG wg. Darstellung in alten Browsern */
width:100%;
height:6.25em;
padding:0;
text-indent:-99999em;}


/* NAVIGATION */
nav ul li{float:left;
display:inline-block;
padding:0.5em 0.738em 0.5em 0.738em;
border-left:1px solid #fff;
background:#8d7a6b;}
nav ul li:first-child{border:0;}
/*nav ul li:last-child{border:0;}*/

/* Aktive Seite */
.active{background:#59a5a3;} /* Petrol */

/* Content-Bereich GALERIE-Seite */
/* Linke Spalte */
.links{
	float:left;
	width:11.875em;
	min-height:40em;
	/*background:#dadada;*/
	padding:0 1.875em 0 1.875em;
	}
h1{font-weight:normal;
font-size:1.1875em;
color:#59a5a3;
margin-bottom:0.25em;}
p{font-size:0.75em;
line-height:1.5em;
margin-bottom:0.5em;}

.invisible{text-indent:-99999em;}
/* Verweis in linker Spalte */
.verweis a{color:#8d7a6b;}
.verweis a:hover{color:#59a5a3;}	


/* Galerie */
.galerie{
	float:left;
	width:44.3em;
	}
.galerie a{float:left;
margin:0 1.53em 1.53em 0;}	
	
.galerie img{border:1px solid #efefef;}
.galerie figcaption{
	color:#8d7a6b;
	font-size:0.75em;
	padding:0.25em 0 0.5em 1em;
	/*padding-left:1em;
	padding-bottom:0.25em;*/}
/* Galerie-Hover */
.galerie a:hover figure{
	background:#66c1bf;}
.galerie a:hover img{
	border:1px solid #66c1bf;}
.galerie a:hover figcaption{
	color:#fff;}

/* ÜBER MICH  */
.vita{width:18em;
float:left;}
.vita h3{font-weight:normal;
font-size:1.1875rem;
color:#59a5a3;
margin-bottom:0.25em;}
.figcaption figcaption{text-indent:-99999em;}

/* KONTAKT und DATENSCHUTZ  */
.kontakt{float:left;
width:40em;
margin-bottom:0.5em;}

h4,dt{font-size:1.1875em;margin-bottom:0.25em;}
dl dd,dl a{font-size:0.75rem;
display:block;
margin:0;
line-height:1.5em;}
dl dd a{color:#8d7a6b;}
dl dd a:hover{color:#59a5a3;}
dl dd address{display:block;}
dl dd a{display:inline-block;}
dl dd:nth-of-type(5){margin-top:0.5em;}

/* KONTAKT-Formular */
form{margin:1.5em 0 1.5em 0;}
fieldset div{margin:0.5em 0 0.5em 0;}
legend{font-size:1.1875em;}
label{font-size:0.75em;width:5em;display:inline-block;text-align:right;}
input{padding:0.2em;width:20em;}
select,textarea{padding:0.2em;width:20.5em;}
textarea{height:10em;}
textarea:hover,input:hover{border:1px solid #59a5a3;}
label:hover{color:#59a5a3;}
div>label:first-child{
width:7em;
text-align:left;
vertical-align:top;
padding:0.5em;
}
select{color:#8d7a6b;}
.submit{background:#8d7a6b;border:1px solid #8d7a6b;color:#ffffff;margin-left:7.5em;width:20.5em;}
.submit:hover{border:1px solid #66c1bf;background:#59a5a3;}
.submit:active{border:1px solid #59a5a3;background:#66c1bf;}

/* HINTERGRUNDBILD statt Slider in IE8 */
/**/