/* Style Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font:inherit;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* Accessibility features */

.acc {
	display: none;
}

/* Basics */

html, body {
	background: #FFF url(../img/body_bg.jpg) no-repeat top center;
	width: 100%; height: 100%; overflow: hidden;
}
body {
	font: 81.25% Arial, Helvetica, sans-serif;
	color: #333;
}


/* Header & Title */

#container {
	position: absolute; top: 0; left: 50%;
	width: 530px; height: 100%;
}

#logo {
	position: relative;
	width: 960px; height: 190px;
	margin: 0 auto;
}

#logo h1 {
	position: absolute; top: 89px; left: 0;
	width: 260px; height: 0;
	padding-top: 47px;
	overflow: hidden;
	background: transparent url(../img/logo.gif) no-repeat;
}
#logo h1 img {
	display: none;
}


/* Navigation */

#nav {
	position: absolute; top: 190px; left: 0;
	width: 100%;
	overflow: hidden;
}
#nav li {
	overflow: hidden;
	width: 100%;
}
#nav li a {
	display: block;
	background: transparent url(../img/nav_bg.gif) repeat-x;
}
#nav li a:hover {
}
#nav #nav01 a { background-position: 0    0  ; }
#nav #nav02 a { background-position: 0  -25px; }
#nav #nav03 a { background-position: 0  -50px; }
#nav #nav04 a { background-position: 0  -75px; }
#nav #nav05 a { background-position: 0 -100px; }
#nav #nav06 a { background-position: 0 -125px; }
#nav #nav07 a { background-position: 0 -150px; }
#nav #nav08 a { background-position: 0 -175px; }
#nav #nav09 a { background-position: 0 -200px; }
#nav #nav01 a:hover, #nav #nav01 a.active { background-position: 0 -300px; }
#nav #nav02 a:hover, #nav #nav02 a.active { background-position: 0 -325px; }
#nav #nav03 a:hover, #nav #nav03 a.active { background-position: 0 -350px; }
#nav #nav04 a:hover, #nav #nav04 a.active { background-position: 0 -375px; }
#nav #nav05 a:hover, #nav #nav05 a.active { background-position: 0 -400px; }
#nav #nav06 a:hover, #nav #nav06 a.active { background-position: 0 -425px; }
#nav #nav07 a:hover, #nav #nav07 a.active { background-position: 0 -450px; }
#nav #nav08 a:hover, #nav #nav08 a.active { background-position: 0 -475px; }
#nav #nav09 a:hover, #nav #nav09 a.active { background-position: 0 -500px; }


#nav li a span {
	display: block; width: 960px; overflow: hidden; height: 0; padding-top: 25px;
	margin: 0 auto;
	background: transparent url(../img/nav_menu.gif) no-repeat;
}
#nav #nav01 a span { background-position: 0    0  ; }
#nav #nav02 a span { background-position: 0  -25px; }
#nav #nav03 a span { background-position: 0  -50px; }
#nav #nav04 a span { background-position: 0  -75px; }
#nav #nav05 a span { background-position: 0 -100px; }
#nav #nav06 a span { background-position: 0 -125px; }
#nav #nav07 a span { background-position: 0 -150px; }
#nav #nav08 a span { background-position: 0 -175px; }
#nav #nav09 a span { background-position: 0 -200px; }
#nav #nav01 a:hover span, #nav #nav01 a.active span { background-position: 0 -300px; }
#nav #nav02 a:hover span, #nav #nav02 a.active span { background-position: 0 -325px; }
#nav #nav03 a:hover span, #nav #nav03 a.active span { background-position: 0 -350px; }
#nav #nav04 a:hover span, #nav #nav04 a.active span { background-position: 0 -375px; }
#nav #nav05 a:hover span, #nav #nav05 a.active span { background-position: 0 -400px; }
#nav #nav06 a:hover span, #nav #nav06 a.active span { background-position: 0 -425px; }
#nav #nav07 a:hover span, #nav #nav07 a.active span { background-position: 0 -450px; }
#nav #nav08 a:hover span, #nav #nav08 a.active span { background-position: 0 -475px; }
#nav #nav09 a:hover span, #nav #nav09 a.active span { background-position: 0 -500px; }


/* Content */

#pagehead {
	position: absolute; top: 30px; left: -170px;
	width: 630px; height: 140px;
	background: #DDD url(../img/pagehead_bg.jpg) no-repeat;
}

#pagehead h1 {
	overflow: hidden;
	margin: 50px 0 0 50px; padding-top: 60px;
	width: 530px; height: 0;
	background: transparent url(../img/pageheads.gif) no-repeat;
}
#pagehead #pagehead02 { background-position: 0  -60px; }
#pagehead #pagehead03 { background-position: 0 -120px; }
#pagehead #pagehead04 { background-position: 0 -180px; }
#pagehead #pagehead05 { background-position: 0 -240px; }
#pagehead #pagehead06 { background-position: 0 -300px; }
#pagehead #pagehead07 { background-position: 0 -360px; }
#pagehead #pagehead08 { background-position: 0 -420px; }
#pagehead #pagehead09 { background-position: 0 -480px; }
#pagehead #pagehead10 { background-position: 0 -540px; }

#pagehead #pagehead02 {
	margin: 0; width: 630px; height: 140px;
	background: #DDD url(../img/pagehead_home.jpg) no-repeat;
	text-indent: -9999px;
}

#content {
	position: absolute; top: 170px; left: -170px; bottom: 30px;
	overflow: auto;
	width: 530px;
	background: #F9F9F9;
	padding: 30px 50px;
}

/*

#content h1 {
	position: absolute; top: 0; left: 0;
	height: 140px; width: 630px;
	background: #CCC url(../img/dummy_headline.jpg) no-repeat;
	text-indent: -9999px;
}

*/


/* Inhaltsformatierung */

a {
	color: #7A2828;
	font-weight: bold;
}

#content p {
	margin-bottom: 1em;
}
#content h2 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-size: 18px;
}
#content h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 13px;
	font-weight: bold;
}
#content .tophead {
	margin-top: 0;
}


#content strong {
	font-weight: bold;
}

#content ol li {
	margin-left: 25px;
	margin-bottom: 0.5em;
	list-style-type: decimal;
}
#content ul li {
	padding-left: 20px;
	margin-left: 0;
	margin-bottom: 0.5em;
	list-style-type: none;
	background: transparent url(../img/content_bullet.gif) no-repeat 8px 6px;
}
#content li ul {
	margin-top: 0.5em;
}

#content span.tabrep {
	display: block; float: left;
	width: 4em;
}


#content div.colwrap {
	overflow: hidden;
}
#content div.colleft {
	float: left;
	width: 250px;
}
#content div.colright {
	float: right;
	width: 250px;
}


#content label {
	display: block;
	font-size: 11px;
}
#content input.input-text,
#content textarea {
	display: block;
	width: 100%;
	border: 0; border-bottom: 1px solid #999;
	padding: 2px 0;
	background: #EEE;
}
#content textarea {
	height: 120px;
}

#content p.remark {
	font-size: 11px;
}
#content input.input-submit {
	width: 10em;
	border: 1px solid #999;
	background: #EEE;
}

hr {
	margin: 0 0 0.8em 0; border: 0; padding: 0; visibility: hidden;
}