/* CSS Document */

html {
  height:100%;
  margin-bottom:1px;
  scrolling:yes;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#282820;
	line-height:170%;
	background-image:url(../layout/background.jpg);
	background-attachment:fixed;
	background-color:#FFFFFF;
	}
	
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-bottom:0px;
	color:#522727;
	}
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	margin-top:-4px;
	margin-bottom:3px;
	font-weight:bold;
	}
	
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#676767;
	}
	
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	}
	
a img{
	border:none;
	}
	
.little-font {
	font-size:8pt;
	line-height:140%;
	}
	
.little-font2 {
	font-size:7pt;
	line-height:140%;
	}
	
.bold {
	font-weight:bold;
	}
	
.bilduberschrift {
	font-size:10pt;
	font-weight:bold;
}

.bilduberschrift2 {
	color:#80c02b;
	font-size:10pt;
	font-weight:bold;
}
	
/* Sorgt dafuer das die Seite in Firefox und IE7 auf der gleichen hoehe beginnt */
#ausgleicher {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:9;
	}
	
/* Sorgt dafuer das die Seite immer mittig bleibt */
#hauptbox {
	position:relative;
	width:1064px;
	max-width:1064px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#999999;*/
	}
	
/* Haelt den Headteil in der Mitte */
#head {
	position:relative;
	width:1064px;
	max-width:1064px;
	margin-left:auto;
	margin-right:auto;
	z-index:10;
	background-color:#660033;
	}
	
/* Haelt den Headteil an der festen Position */
#headin {
	position:fixed;
	width:1064px;
	max-width:1064px;
	height:180px;
	background-image:url(../layout/header.png);
	background-repeat:no-repeat;
	line-height:130%;
	}
	
/* Haelt den Headteil an der festen Position */
#headin-vertical {
	position:fixed;
	top:180px;
	width:98px;
	max-width:98px;
	margin-left:210px;
	height:430px;
	background-image:url(../layout/header-vertical.png);
	background-repeat:no-repeat;
	}
	
#headin-strich {
	position:fixed;
	top:180px;
	width:138px;
	max-width:200px;
	margin-left:72px;
	height:18px;
	background-image:url(../layout/header-strich.png);
	background-repeat:no-repeat;
	}
	
#headbuttons {
	position:absolute;
	left:637px;
	top:134px;
	width:376px;
	height:20px;
}

#headanimation {
	position:absolute;
	left:422px;
	width:540px;
	height:181px;
}
	
#navigation {
	position:fixed;
	top:220px;
	width:138px;
	max-width:200px;
	margin-left:72px;
	height:414px;
	}
	
.navigation-zeile {
	position:relative;
	width:138px;
	max-width:200px;
	}
	
.sub-navigation-zeile {
	position:relative;
	width:138px;
	max-width:200px;
	z-index:10;
	}
	
#subbox {
	position:relative;
	width:620px;
	margin-top:250px;
	left:330px;
	}

.content-uberschrift {
	position:fixed;
	top:220px;
	width:628px;
	height:22px;
	text-align:right;
}
	
.content {
	position:relative;
	left:62px;
	margin-top:30px;
	height:190px;
	font-size:8pt;
}

.content-text {
	position:relative;
	left:62px;
	margin-top:30px;
	font-size:11px;
	width:410px;
}

.content-spalte01 {
	position:absolute;
	left:0px;
	width:206px;
	height:167px;

}

.content-spalte02 {
	position:absolute;
	left:220px;
	width:206px;

}

.content-spalte03 {
	position:fixed;
	top:252px;
	width:138px;
	max-width:200px;
	margin-left:428px;
	text-align:right;
}

.content-spalte-big {
	position:relative;
	left:62px;
	margin-top:30px;
	height:367px;
}

.bild {
	float:left;
	padding-right:14px;
	margin-top:5px;
}

.content-artikel {
	position:relative;
	left:62px;
	margin-top:252px;
	height:270px;
	width:566px;
}

.artikel-links {
	position:absolute;
	left:0px;
}

.artikel-rechts {
	position:relative;
	left:100px;
	width:250px;
	text-align:right;
}

.artikel-spalte-rechts {
	position:fixed;
	top:252px;
	width:170px;
	max-width:200px;
	margin-left:391px;
	text-align:right;
}

.artikel-zeile {
	position:relative;
	width:170px;
	max-width:200px;
	margin-bottom:10px;
	}


.content-farbkarte {
	position:relative;
	left:62px;
	margin-top:18px;
	height:100px;
}	

.farbkarte-spalte1 {
	position:absolute;
	width:80px;
}

.farbkarte-spalte2 {
	position:absolute;
	left:90px;
	width:80px;
}

.farbkarte-spalte3 {
	position:absolute;
	left:180px;
	width:80px;
}

.farbkarte-spalte4 {
	position:absolute;
	left:270px;
	width:80px;
}