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

/* general */
 
html,body {
	background-color:#c4cfc3;
	font-family: verdana, arial, sans-serif; 
	color: #404040;
	font-size: 10px;
	}

h1 {font-size: 10px;color:#5e745b;font-weight:normal;}

a {text-decoration: none; color:#5e745b;}
a:hover {color:#444;}

img {
	border:none;
	}
td {padding-right:2px;}
/*img, div,a {behavior:url(css/iepngfix.htc);}*/
	
ul  {
	list-style-type:none;
	}

/* layout */

#horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}
	
#wrapper {	
	width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1282? "1280px" : "auto"); /*min/max-width für IE 5.5, 6 */
	margin: 0px auto -345px auto; 
	min-width: 740px;
	max-width: 1280px; 
	position:relative;
	top: -345px;
	}


#gesamt_start, #gesamt_vita1, #gesamt_fotos, #gesamt_video, #gesamt_links, #gesamt_impressum, #gesamt_kontakt, #gesamt_vita1, #gesamt_vita2, #gesamt_vita3 {
	width:100%; 
	height:690px; 
	background-image: url(../img/layout/Tanya_Barut_titel.jpg); 
	background-repeat: no-repeat; 
	background-position: right;
	background-color: #7D9579;  
	}
	
#gesamt_vita1, #gesamt_vita2, #gesamt_vita3 {
	background-image: url(../img/layout/Tanya_Barut_vita.jpg);
	}
#gesamt_fotos {
	background-image: url(../img/layout/Tanya_Barut_foto.jpg);
	}
#gesamt_video {
	background-image: url(../img/layout/Tanya_Barut_video.jpg);
	}
#gesamt_kontakt {
	background-image: url(../img/layout/Tanya_Barut_kontakt.jpg);
	}
#gesamt_links {
	background-image: url(../img/layout/Tanya_Barut_links.jpg);
	}
#gesamt_impressum {
	background-image: url(../img/layout/Tanya_Barut_imp.jpg);
	}

#linke {
	position:relative; 
	width:400px; 
	height: 690px;
	background-color: #7D9579;
	}
	
#logo {
	position:absolute; 
	margin:80px auto auto 90px;
	}

/*NAVIGATION */

ul#mainmenu {
	position:absolute;
	margin:160px auto auto 40px;
	}

	ul#mainmenu li, ul#submenu li, ul#submenu_vita3 li {
	float:left;
	}

#subnavi {
	padding:0px;
	}
		
	ul#submenu, ul#submenu_vita3 {
	position:absolute;
	width:580px;
	height:23px;
	margin: 184px 0px;
	padding:0px;
	border-spacing:0px;
	}

	ul#submenu_vita3 {
	width:740px;
	}

	.col_sub {background-color:#90a28c; width:80px;height:23px;}	

	.trans_sub, .trans_sub_vita3, .trans_sub_tr, .trans_sub_vita3_tr {
	width:91px;
	height:23px;
	background-image:url(../img/layout/subnavi_bg2.png);}
	.trans_sub_tr {width:163px;}
	.trans_sub_vita3 {width:251px;}
	.trans_sub_vita3_tr {width:323px;}

/* transparenter Content-Bereich */

#cont_trans, #cont_trans_index, #cont_trans1, #cont_trans_vita3, #cont_trans_links {
	position:absolute; 
	top:207px; 
	width: 580px;
	height:auto;
	background-image: url(../img/layout/55prozent_weiss.png);
	}
#cont_trans_index {
	top:187px;
	}	

#cont_trans {
	background-image:none;
	position:absolute; 
	top:187px;
	}	
#cont_trans_vita3 {
	width:740px;
	height:450px;
	}

#cont_trans_links {
	top:187px; 
	height:350px;
	}

/* Tabellen und formatierung darin enthaltener Elemente*/

	.index {width:auto;
			padding:200px 20px 40px 80px;
			height:350px;
			margin:0px;
			}
	
	.vita, .vita2, .vita3, .anhang {
			width:580px;
			padding:30px 0px 40px 10px;
			margin:0px;
			} 
	.anhang {padding-top:0px;}
	.vita2, .vita3 {width:740px;}
	.vita2 {padding-bottom:10px;}
	
	.tab_titel {text-align:right;padding-right:10px;}
	.kat {color:white;}
	.links {margin-top:4em;
			padding:0px auto auto 9px;
			width:380px;
			/*border-spacing:3px;*/
			}
	.green {color:#EEEEEE;}
	
	.text_oben, .text_oben_kat {
	top: 0px;vertical-align:top;
}
	.text_oben_kat {color:white;}
	
/*  LISTEN  */

.linksliste {line-height: 20px;padding:0px;margin:0px;}
.kontaktliste {line-height: 1.4em;padding:0px;margin:0px;}
	.absatz {margin-bottom:30px;}
	.umbruch {margin-bottom:8px;}
/*

P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  	content: ".";
  	clear: both;
  	height: 0;
  	visibility: hidden;
	display: block;
	}
.clearfix {
  	display: inline-block; /* Fixes IE/Mac */
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */