/*Renato Mihalic CSS Styles ? 2008*/

img {border: 0;}

body	 { 
background: url("../images/background.jpg"); 
text-align: center; 
margin: 0 }

#master_background { 
background: url("../images/masterbackground.png") repeat-x;
height: 700px;
text-align: center; 
margin: 0 }

#frame {
position: relative;
text-align: left;
width: 1020px;
margin: 0px auto;}

h2 {
position: absolute;
top: 200px;
left: 50px;
color: #FFFFFF;
font-size: 10px;}


/* HEADER */

#logo {
width: 310px;
height: 40px;
position: absolute;
top: 65px;
left: 55px;
margin: 0px; }

#make_up_artist {
width: 340px;
height: 20px;
position: absolute;
top: 80px;
left: 625px;
margin: 0px;}

#languages {
width: 50px;
height: 20px;
position: absolute;
top: 133px;
/top: 132px;
left: 970px;
z-index: 3;
color: #401117; 
font-size: 12px; 
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica; 
text-decoration: none;
text-transform: uppercase;
margin: 0px 5px;}

#languages a:link,
#languages a:visited		{ color: #401117; text-decoration: none; }
#languages a:hover			{ color: #000000; text-decoration: underline; }




/* NAVIGATION */

#topnavi {  }

#topnavi ul {
position: absolute;
top: 115px;
/top: 132px;
left: -20px;
z-index: 3;
list-style: none;}

#topnavi ul li {
display: inline;
color: #401117; 
font-size: 12px; 
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica; 
text-decoration: none;
text-transform: uppercase;
margin: 0px 5px; }

#topnavi ul li a:link,
#topnavi ul li a:visited		{ color: #401117; text-decoration: none; }
#topnavi ul li a:hover			{ color: #000000; text-decoration: underline; }

.current {
color: #000000; }


/* Content */

#content { 
color: #666666; 
font: 14px/23px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-stretch: normal; 
background: url("../images/tafel_weiss.png") no-repeat; 
margin: 0; 
padding: 20px 30px; 
position: absolute; 
top: 146px; 
left: 0; 
width: 1020px; 
height: 520px; }

#content h1 {
font: 18px/23px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-style: italic;
font-weight: normal;
text-transform: uppercase;
margin: 0px 0px 5px 0px; }

#content h2 {
font: 16px/22px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
margin: 0px 0px 5px 0px; }

#content h3 {
font: 15px/20px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-style: italic;
font-weight: normal;
text-transform: uppercase;
margin: 0px 0px 5px 0px; }

.spalte {
float: left;
height: 422px;
width: 285px;
margin: 23px 0px 0px 28px; }

.zwei_spalten {
float: left;
width: 598px;
margin: 23px 0px 0px 28px; }

.drei_spalten {
float: left;
width: 920px;
margin: 23px 0px 0px 28px; }

.spalte a:link,
.spalte a:visited,
.zwei_spalten a:link,
.zwei_spalten a:visited		{ color: #888888; text-decoration: none; }
.spalte a:hover,
.zwei_spalten a:hover			{ color: #401117; text-decoration: none; }

.smaller { 
font: 14px/23px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

.smallest { 
font: 11px/15px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

.fotos_big {
height: 422px;
width: 285px;
border: 1px solid #CCCCCC; }

.fotos_big_quer {
height: 422px;
width: 598px;
border: 1px solid #CCCCCC; }

.renato {
height: 422px;
width: 285px; }





/* KONTAKTFORMULAR */

.tabellenzeile  	 { 
color: #888888; 
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-weight: normal; 
line-height: 10px; 
text-transform: uppercase; }

.field {
color: #401117; 
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica;
height: 21px;
width: 180px;
border: 1px solid #CCCCCC;
margin: 0px 8px 5px 5px;
padding: 2px 0px 0px 3px;}

.textfield {
height: 50px;
width: 550px;
color: #401117; 
font-size: 12px;
line-height: 18px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica;
border: 1px solid #CCCCCC;
margin: 0px 0px 4px 0px;
padding: 5px;}


/* FUSS */

#fuss { 
color: #946b71; 
font-size: 11px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica; 
text-decoration: none;
text-transform: uppercase;
line-height: 14px;
position: absolute;
top: 670px;
left: 10px;
z-index: 3;
width: 750px;
margin: 0px 0px 0px 20px; }

#fuss a:link,
#fuss a:visited	{ color: #946b71; text-decoration: none; }
#fuss a:hover			{ color: #000000; text-decoration: none; }

#fuss_small {
font-size: 9px; }

.fussnote {
width: 500px;
height: 90px;
position: absolute;
top: 660px;
left: 500px;
margin: 0px; }


/* Galerie */

ul#thumbs, ul#thumbs li {
margin: 0px;
padding: 5px;
list-style:none;	}
	
ul#thumbs li {
float:left;
margin: 0px 15px 10px 0px;
border:1px solid #CCCCCC;	
padding:2px;	}
		
ul#thumbs a {
display:block;
float:left;
width:80px;
height:80px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;	}
		
ul#thumbs a img {
float:left;
position:absolute;
top: -40px;
left: -70px;	}
	
ul#thumbs a:hover {
overflow:visible;
z-index:1000;
border:none;	}
			
ul#thumbs a:hover img {
border:1px solid #999999;	
background: #FFFFFF;
padding: 10px;	}	
	
ul#thumbs:after, 
li#thumbs:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;	}
			
ul#thumbs, 
li#thumbs {
display:block;	}

ul#thumbs, 
li#thumbs {
min-height:1%; }

* html ul#thumbs, 
* html li#thumbs{
height:1%;	}

p.thumb {
float:left;
margin:.5em 0;
margin-right:10px;
border:1px solid #999;	
padding:2px;	}

p.thumb a {
display:block;
float:left;
width:100px;
height:100px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;	}
		
p.thumb a img {
float:left;
position:absolute;
top:-20px;
left:-50px; }
	
p.thumb a:hover {
overflow:visible;
z-index:1000;
border:none;}
			
p.thumb a:hover img {
border:1px solid #999;	
background:#fff;
padding:2px; }