/* CSS Document */


/*
	woelfldesign.css
	autor: Uschi Woelfl
	letzte aenderung: 2009.06.25
	kontakt: www.woelfldesign.de*/

/* Allgemeine Formatierungen */


* {
	padding:0;
	margin:0;
	border:none;
	}

html {
	overflow-y: scroll;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:22px;
	background-color:#892D1B;
}	

#mainBox {
	position:relative;
	width:840px;
	height:630px;
	margin:auto;
	background: url(../bilder/schatten_oben.png) repeat-y left top;
}

#schattenUntenBox {
	position:relative;
	width:840px;
	height:20px;
	margin:auto;
	background: url(../bilder/schatten_unten.png) no-repeat left top;
	margin-bottom:20px;
}

#logo {  
	position:absolute;
	top:30px;
	left:620px;
	z-index:1;
}

img {
	border:0;
}

#monde {  
	position:absolute;
	top:175px;
	left:15px;
	z-index:1;
}

#navi_head {  
	position:absolute;
	top:12px;
	left:40px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	color:#8A8C8E;
	font-size:10px;
	font-weight: bold;
}

#navi_head p, #navi_head a, #navi_head a:link, #navi_head a:visited, #navi_head a:active, #navi_head a:hover {
	color:#8A8C8E;
	font-size:10px;
	text-decoration:none;
	}

#navi_head a:active, #navi_head a:hover {
	color:#FAA61A;
	}


#hauptnavi {  
	position:absolute;
	top:180px;
	left:60px;
	font-family:Arial, Helvetica, sans-serif;
	color:#8A8C8E;
	font-size:14px;
	font-weight: bold;
	line-height:21px;
	text-transform: uppercase;
	z-index:1;
}

#hauptnavi p, #hauptnavi a, #hauptnavi a:link, #hauptnavi a:visited, #hauptnavi a:active, #hauptnavi a:hover {
	color:#8A8C8E;
	font-size:14px;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:none;
	}

#hauptnavi a:active, #hauptnavi a:hover {
	color:#FAA61A;
	font-weight: bold;
	}

#subnavi_grafik {  
	position:absolute;
	top:270px;
	left:60px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:18px;
	z-index:1;
}


#subnavi_grafik p, #subnavi_grafik a, #subnavi_grafik a:link, #subnavi_grafik a:visited, #subnavi_grafik a:active, #subnavi_grafik a:hover {
	color:#484848;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	}

#subnavi_grafik a:active, #subnavi_grafik a:hover {
	color:#A23F25;
	font-weight:bold;
	}

#subnavi_print {
	position:absolute;
	top:330px;
	left:60px;
	color:#A23F25;
	font-weight:bold;
	line-height:16px;
	z-index:1;
	width: 150px;

}

#subnavi_print p, #subnavi_print a, #subnavi_print a:link, #subnavi_print a:visited, #subnavi_print a:active, #subnavi_print a:hover {
	color:#A23F25;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	font-weight: bold;
	text-decoration:none;
	}

#subnavi_print a:active, #subnavi_print a:hover {
	text-decoration:underline;
	}

#subnavi_literatur {  
	position:absolute;
	top:350px;
	left:60px;
	color:#A23F25;
	font-weight:bold;
	line-height:16px;
	z-index:1;
}

#subnavi_literatur p, #subnavi_literatur a, #subnavi_literatur a:link, #subnavi_literatur a:visited, #subnavi_literatur a:active, #subnavi_literatur a:hover {
	color:#A23F25;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	font-weight: bold;
	text-decoration:none;
	}

#subnavi_literatur a:active, #subnavi_literatur a:hover {
	text-decoration:underline;
	}

#inhalt {  
	position:absolute;
	top:270px;
	left:220px;
	width:458px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:20px;
	z-index:1;
}

#inhaltbild {  
	position:absolute;
	top:276px;
	left:220px;
	width:458px;
	z-index:1;
}

#inhaltbildUnten {  
	position:absolute;
	top:418px;
	left:220px;
	width:600px;
	line-height:8px;
	z-index:1;
}

#Portfolio {  
	position:absolute;
	top:450px;
	left:220px;
	width:200px;
	z-index:1;
}

#inhaltGallery {
	position:absolute;
	left:220px;
	top:275px;
	width:460px;
	z-index:1;
}

#inhaltGallery div a {
	display:block;
	width:115px;
	height:77px;
	padding:0px;
	margin:0 10px 10px 0;
}


#inhaltGallery img {
	border:0;
	width:115px;
	height:77px;
}

#inhaltGallery2 {
	position:absolute;
	left:220px;
	top:275px;
	width:500px;
	z-index:1;
}

#inhaltGallery2 div a {
	display:block;
	width:178px;
	height:112px;
	padding:0px;
	margin:0 15px 15px 0;
}


#inhaltGallery2 img {
	border:0;
	width:178px;
	height:112px;
}

#beschreibung {  
	position:absolute;
	top:272px;
	left:556px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:18px;
	z-index:1;
}


#beschreibung2 {  
	position:absolute;
	top:272px;
	left:614px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:18px;
	z-index:1;
}

#beschreibung3 {  
	position:absolute;
	top:272px;
	left:590px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:18px;
	z-index:1;
}

#beschreibung4 {  
	position:absolute;
	top:272px;
	left:410px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:18px;
	z-index:1;
}

#beschreibung5 {  
	position:absolute;
	top:272px;
	left:480px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:18px;
	z-index:1;
}


#beschreibung6 {  
	position:absolute;
	top:272px;
	left:570px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:18px;
	z-index:1;
}

#weitere {  
	position:absolute;
	top:520px;
	left:220px;
	width:600px;
	line-height:8px;
	z-index:1;
}


#inhaltprint {  
	position:absolute;
	top:290px;
	left:480px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:22px;
	z-index:1;
}


#tab_ethnisch {  
	position:absolute;
	top:430px;
	left:220px;
	width:458px;
	z-index:1;
}

#kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #484848;
}

#portraet {  
	position:absolute;
	top:318px;
	left:220px;
	z-index:1;
}

#profil {  
	position:absolute;
	top:313px;
	left:345px;
	width:458px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	line-height: 18px;
	z-index:1;
}

#bu {  
	position:absolute;
	top:450px;
	left:220px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:11px;
	line-height: 14px;
}

#vita {  
	position:absolute;
	top:527px;
	left:220px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height: 18px;
}

#footer {  
	position:absolute;
	top:605px;
	left:112px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	color:#8A8C8E;
	font-size:9px;
	text-align:center;
	
}	

#footer p, #footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
	color:#8A8C8E;
	font-size:9px;
	letter-spacing: 1px;
	text-align:center;
	text-decoration:none;
	}

#footer a:active, #footer a:hover {

	text-decoration:underline;
	}

		
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #FAA61A;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #A23F25;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A23F25;
	font-weight: bold;
	letter-spacing: 1px;
}

.homeaktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FAA61A;
}

.grafikaktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FAA61A;


}

.printaktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #A23F25;
	text-decoration:none;
}

.subnaviprintaktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	color: #A23F25;
	text-decoration:underline;
	
}

.weiter {
	color: #484848;
	text-decoration:underline;
}

.textweiter {  
	font-family:Arial, Helvetica, sans-serif;
	color:#A23F25;
	z-index:1;
	text-decoration: none;
}

.email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	color: #484848;
	text-decoration: none;
}

.abstand {
	padding-left: 7px;
}

.hyper {  
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:12px;
	line-height:22px;
	z-index:1;
	text-decoration: none;
}

.bu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #484848;
	text-decoration: none;
}

.za {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#A23F25;
	font-weight: bold;
	line-height:12px;
	z-index:1;
}

.link {  
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:11px;
	line-height:22px;
	z-index:1;
	text-decoration: underline;
}