/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }



/* basics */

html, body {
	height:100%;
	}
	
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}


body {
	background-color: #151515;
    font-family: sans-serif;
	color: white;

 
  
}


img { border: 0; }


em {
	font-style: italic;
}


h1, h2, h3, h4 { 
	font-weight: normal; 
	margin-top: 12px;
}

h1 { 
	font-size: 1.4em;
	margin-left: -0.065em;
	margin-bottom: 5px;
}

h2{ 
	font-size: 1.1em;
	margin-left: -0.065em; 
	
}

h3 { 
	font-weight: 600;
}

/* links */

a:link, a:visited, a:active{
	color: #777;
	text-decoration: none;
}


 a:hover {
	color: #D03;
}


/* dirty helpers */

.left 		{ float: left;}
.right 		{ float: right;}
.hidden 	{ position:absolute; left:-999px; width:200px; }
.break 		{ clear: both; display: block;}



#header {
	
	
	padding-top: 0px;
	text-transform:uppercase;
	color: #099;
}


#logo {
	background-image: url(../gfx/art_sommerlicht_logo.png);
	background-repeat: no-repeat;
	cursor:pointer;
	height: 80px;
	width: 303px;

}

#inhalt {
	margin-left: 12px;
	margin-top: 12px;

	width: 960px;
}

#inhalt_big {
	margin-left: 12px;
	margin-top: 12px;

	
}



#hauptnavi {
margin-top: 12px;
margin-bottom: 5px;
}

ul#hauptnavi li{
	font-size: 24px;
	
   list-style: none;
    display: inline;
    margin-right: 0.4em; padding: 0;
}

#nebennavi {


}

#nebennavi a{
	color: #fff;
	text-decoration: none;
}

#nebennavi a:hover{
	color: #D03;
	text-decoration: none;
}

ul#nebennavi li{
	
	font-size: 13px;
	
    list-style: none;
    display: inline;
    margin-right: 0.4em; padding: 0;
}


#bilderfenster {
width: 680px;
clear: both;
margin-top: 15px;
}

#bilderfenster img {

margin-right: 12px;
margin-bottom: 12px;
opacity: 0.4;
}

#bilderfenster img:hover {
opacity: 1;
}

#detailbildrahmen {
margin-bottom: 14px;
margin-right: 14px;
float:left;
display:none;
}


#bildtext {
text-transform:uppercase;
display:none;
float:left;
}

#text { 
float:left;
margin-top: 5px;
margin-bottom:10px;
width:300px;
font-size: 12px;
text-transform:none;
line-height:1.2;
}

ul#bildtext li{
 
}


li#aktiv a{
 color: #D03;
}

li#aktiv2 a{
 color: #D03;
}


#zitat {
margin-top:20px;
text-transform:uppercase;
}

#lebenslauf {
margin-top: 20px;
line-height: 1.2;

}

#lebenslauf  {
font-size: 10pt;
}

#lebenslauf TABLE {
font-size: 10pt;

margin-left: 50px;
margin-right: 10px;
margin-top: 15px;
margin-bottom: 5px;
width: 500px;
}

#lebenslauf TABLE td{
padding: 10px;

}

#lebenslauf .jahr{
text-align: right;
font-weight: bold;
}

#lebenslauf a{
color: #099;
}

#lebenslauf a:hover{
color: #D03;
}

#bild_lucie_sommer-leix {

float:right;
}

#statement {
font-size: 10pt;
line-height: 1.2;
width: 550px;
}

#statement h1{
margin-bottom: 5px;
margin-top:100px;
}

#statement h2 {
margin-bottom: 5px;
margin-top:25px;
}

#statement p{
margin-bottom: 10px;
}

p{
margin-bottom: 10px;
}

#impressum {
font-size: 10pt;
line-height: 1.2;

}

#impressum p{
margin-bottom: 10px;
}

strong{
font-weight:bold;
color: #099;
text-transform:uppercase;
}

#impressum h2 {
margin-bottom: 5px;
margin-top:10px;
}



#kontakt {
margin-top: 10px;
}

#kontaktformular input, select, textarea { 
color:#fff; 
background-color: #333;
border: 1px solid #D03;
padding: 5px;
}
#kontaktformular p{
margin-bottom: 10px;
}

#kontaktformular TABLE {

margin-right: 10px;
margin-top: 15px;
margin-bottom: 40px;
width: 500px;
}

#kontaktformular TABLE td{
padding: 5px;
}

#kontaktformular .button    {
background-color: #099;
}

#kontaktformular .button2  {
background-color: #D03;
}

#aktuell  {
font-size: 10pt;
margin-top:10px;
width: 600px;
}
 
#aktuell h1,h2 {
text-transform:uppercase;
}

#aktuell h2 {
margin-bottom: 5px;
}


#bild_aktuell img{
float:right;
margin-left: 20px;
height: 350px;
width: 350px;
}


#button_back {
background-image:url(../gfx/button_links.png);
float:left;
height: 24px;
width: 12px;

}


#button_back:hover {
background-position: 0px -24px;
}

#button_next {
float:right;
background-image:url(../gfx/button_rechts.png);
height: 24px;
width: 12px;

}


#button_next:hover {
background-position: 0px -24px;
}

#topgesamtbildrahmen {
margin-top: 12px;
width: 1200px;
}

#navis{
margin-top: 12px;
height: 50px;
width: 40px;

display:none;

}

#login {
margin: 20px;
margin-left: 0px;
}

#login a{
 color: #D03;
}

#square {
position: fixed;
bottom: 50px;
right: 50px;
height: 80px;
width: 80px;
background-color:#D03;
}



#formular {
margin-bottom: 40px;
}

#thumbs {
margin-top: 20px;
margin-bottom: 90px;

}

#thumbs img{
margin:30px;
margin-bottom:10px;
}

#titel {
font-size: 16px;
font-weight: bold;

}




#material {
font-size: 13px;
}

#jahr {
font-size:  13px;
}

#masse {
font-size:  13px;
}