/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:normal 0.8em Verdana,Tahoma,Arial,Helvetica,sans-serif;
background:#fff;
color:#000;
}

#page {
background:#fff url(../../lib/img/bg.jpg) top left no-repeat;
color:#000;
margin:0 auto;
padding:12px;
}

/***** Kobfbereich (Header) *****/

#header {
position:relative;
top:0;
left:0;
background:#fff url(../../lib/img/kv.jpg) bottom right no-repeat;
height:140px;
margin:0 0 8px 0;
padding:0;
border:1px solid #b83b3a;
}

#header h1 {
position:absolute;
left:0;
top:0;
width:210px;
height:140px;
background:#fff;
margin:0;
padding:0;
}

#header img {
background:#fff url(../../lib/img/logo.gif) top left no-repeat;
width:195px;
height:125px;
margin:8px 7px 0;
padding:0;
text-align:center;
border:0;
}

#header p {
font:bold italic 1.3em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:0.3px;
color:#555;
position:absolute;
right:14px;
top:110px;
}

#header p.shadow {
font:bold italic 1.3em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:0.3px;
color:#f1f2f3;
position:absolute;
right:11px;
top:112px;
}

/* Pfadangabe horizontal */
#spath {
position:absolute;
top:156px;
left:233px;
width:550px;
background:transparent;
text-align:left;
margin:0;
padding:8px 12px 2px;
}

#spath p {
font:bold italic 0.85em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:1px;
color:#555;
}

#spath a {
font:bold italic 1.0em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:1px;
color:#b83b3a;
}

/* Umschaltfunktion Schriftgroesse */
#chgfs {
position:absolute;
top:156px;
right:191px;
width:250px;
background:transparent;
text-align:right;
margin:0;
padding:8px 0 2px;
font:bold 0.85em Verdana,Tahoma,Arial,Helvetica,sans-serif;
}


/***** Linker Bereich *****/
/* Navigationselemente + Pfadangabe -> menu.css */

#menu {
position:relative;
top:0;
left:0;
clear:left;
float:left;
width:210px;
margin:4px 0 0;
padding:0;
border-bottom:16px;
}

#adr {
width:182px;
position:absolute;
left:24px;
bottom:11px;
vertical-align:bottom;
color:#555;
font:italic 0.85em Verdana,Tahoma,Arial,Helvetica,sans-serif;
line-height:17px;
letter-spacing:1px;
}

#adr h1 {
font:bold italic 1.2em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:1px;
margin:0 0 3px;
}

#extras left {
float:left;
width:160px;
margin-top:16px;
margin:4px 0 10px 0;
padding:0;
}

#extras .infobox left {
border:1px solid #bbb;
background:#f1f2f3;
padding:0;
margin-top:16px;
margin:0;
margin-bottom:10px;
}


#extras .infobox p.nopad left {
border:100px;
padding:0;
margin-top:16px;
margin:90px;
}


/***** Rechter Bereich (Infoboxen) *****/

#extras {
float:right;
width:160px;
margin:4px 0 10px 0;
padding:0;
}

#extras .infobox {
border:1px solid #bbb;
background:#f1f2f3;
padding:0;
margin:0;
margin-bottom:10px;
}

#extras .infobox p.nopad {
border:0;
padding:0;
margin:0;
}

#extras p, #extras ul {
	font:normal 0.9em Verdana,Tahoma,Arial,Helvetica,sans-serif;
	line-height:18px;
	margin:8;
	padding:6px;
}

#extras a {
font-weight:bold;
}

#extras li {
list-style:none;
margin:0 0 6px 0;
padding:0;
}

#extras h2 {
font:bold 1.2em Verdana,Tahoma,Arial,Helvetica,sans-serif;
margin:6px 6px 1px;
letter-spacing:-1px;
}


/***** Hauptbereich *****/

#content {
margin:38px 180px 10px 230px;
padding:0;
line-height:18px;
text-align:left;
border:0;
}

#contentwide {
margin:38px 0 10px 230px;
padding:0;
line-height:18px;
text-align:left;
border:0;
}

#content h1, #contentwide h1 {
font-size:1.65em;
letter-spacing:0.1px;
font-weight:normal;
margin:0 0 10px 0;
padding:0;
}

#content h2, #contentwide h2 {
font:bold 1.3em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:0.2px;
font-weight:bold;
margin:8px 0 10px 0;
padding:0;
}

#content h3, #contentwide h3 {
font:bold 1.2em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:0.2px;
margin:20px 0 6px 0;
padding:0;
}

#content .subhead, #contentwide .subhead {
border-bottom:1px solid #bbb;
margin:0 0 10px;
padding:0;
}

#content .subhead h2, #contentwide .subhead h2 {
font:bold 1.2em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:0.2px;
margin:0 0 10px;
padding:0;
}

#content .subhead p, #contentwide .subhead p {
letter-spacing:0.3px;
margin:0 0 10px;
padding:0;
}

.more {
width:100%;
display: block;
text-align:right;
margin-right:0;
padding:0;
}

#content a, #contentwide a {
font-weight:bold;
}


/*** Listenformatierungen ***/

#content ul, #contentwide ul {
list-style-image:url(../../lib/img/ul.gif);
margin:0;
padding:0;
}

#content ul ul, #contentwide ul ul {
list-style-image:url(../../lib/img/ulul.gif);
}

#content ul, #contentwide ul {
margin:0 0 16px 8px;
padding:0;
}

#content ol, #contentwide ol {
margin:0 0 16px 13px;
padding:0;
}

#content ul ul, #contentwide ul ul {
margin:2px;
padding:0 0 0 6px;
}

#content ol ol, #contentwide ol ol {
list-style-type:lower-alpha;
margin:2px;
padding:0 0 0 12px;
}

#content ul li, #contentwide ul li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

#content ul ul li, #contentwide ul ul li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

#content ol li, #contentwide ol li {
margin:0 0 2px 10px;
padding:0;
}



#content .teaserbox, #contentwide .teaserbox {
width:48%;
float:left;
margin:0 10px 0 0;
padding:0;
text-align:left;
border:0;
}

#content .left img {
margin:3px 10px 0 0;
padding:0;
border:1px solid #b83b3a;
display:inline;
}

#content .right img {
margin:3px 0 0 10px;
padding:0;
border:1px solid #b83b3a;
display:inline;
}

#content .teaserbox h2 {
font:normal 1.3em Verdana;
letter-spacing:1px;
margin:0 0 10px 0;
padding:0;
}

#content .teaserbox dt {
margin:0;
padding:0;
}

#content .teaserbox dl.left dt,#content .teaserbox dl.right dt {
margin:0;
padding:0;
}

#content .teaserbox dl.left dd,#content .teaserbox dl.right dd {
margin:0;
padding:0;
}

#content .teaserbox dd.left p,#content .teaserbox dd.right p {
margin:0;
padding:0px;
vertical-align:top;
}

#content .teaserbox dl.left, #contentwide .teaserbox dl.left {
width:100%;
margin:0;
padding:0;
line-height:18px;
text-align:left;
border:0;
}

#content .teaserbox dl.right, #contentwide .teaserbox dl.right {
width:100%;
margin:0;
padding:0;
line-height:18px;
text-align:left;
border:0;
}

/*** Container für E-Mail-Bilder: Inhaltsbereich ***/

#content #maeilimgnojs01,#content #maeilimgnojs02,#contentwide #maeilimgnojs01,#contentwide #maeilimgnojs02
{background:#fff url(../../lib/img/writemc1.gif);position:relative;top:4px;left:0;margin:0;padding:0;}

/* Mozilla, Opera, Firefox */
/* IE: s. Header HTML-Datei */
#content #maeilimg01,#content #maeilimg02,#contentwide #maeilimg01,#contentwide #maeilimg02
{background:#fff url(../../lib/img/writemc1.gif);position:relative;top:3px;left:0;margin:0;padding:0;}

#content #maeilimg01:hover,#content #maeilimg02:hover,#contentwide #maeilimg01:hover,#contentwide #maeilimg02:hover
{background:#fff url(../../lib/img/writemc1h.gif);}



/***** Footer *****/

#footer {
position:relative;
top:0;
left:0;
clear:both;
border-top:1px solid #bbb;
color:#555;
margin:30px auto 0;
padding:8px 10px 0;
}

#footer p {
padding:0;
margin:0;
font-size:0.85em;
text-align:center;
}

#footer p.fnav {
margin:0 0 6px;
}

#footer a {
color:#b83b3a;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer a.current {
cursor:default;
text-decoration:none;
}

/*** Container für E-Mail-Bilder: Footer ***/

#footer #maeilimgnojs
{background:#fff url(../../lib/img/writemf1.gif);position:relative;top:3px;left:0;margin:0;padding:0;}

/* Mozilla, Opera, Firefox */
/* IE: s. Header HTML-Datei */
#footer #maeilimg
{background:#fff url(../../lib/img/writemf1.gif);position:relative;top:3px;left:0;margin:0;padding:0;}

#footer #maeilimg:hover
{background:#fff url(../../lib/img/writemf1h.gif);}


/***** Tags *****/

h1 {
font:normal 1.65em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:-1px;
margin:0 0 10px 0;
padding:0;
}

h2 {
font:normal 1.3em Verdana,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing:-1px;
margin:8px 0 10px 0;
padding:0;
}

h3 {
font:bold 1.2em Verdana,Tahoma,Arial,Helvetica,sans-serif;
margin:6px 0 6px 0;
padding:0;
}

a {
color:#b83b3a;
text-decoration:none;
background-color:inherit;
}

a:hover {
text-decoration:underline;
background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 10px 0;
}

hr {
width:100%;
height:1px;
background:transparent;
border:0;
border-top:1px solid #bbb;
}

sup {
font:normal 0.6em Arial,Helvetica,sans-serif;
margin-left:1px;
}


/***** Tabellen *****/

table {
margin:0 0 16px 0;
padding:0;
line-height:18px;
border-collapse:collapse;
border:1px solid #b83b3a;
}

th {
padding:7px;
text-align:left;
background:#b83b3a;
color:#000;
}

td {
padding:7px;
font-size:0.8em;
text-align:left;
background:#f1f2f3;
color:#000;
}

/***** Formulare *****/

form {
width:450px;
position:relative;
margin:0 0 50px;
padding:0;
}

label {
margin:2px 0 0;
display:block;
font:bold 0.9em Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

label.right {
display:block;
}

input, textarea {
font:normal 0.9em Verdana,Tahoma,Arial,Helvetica,sans-serif;
border:1px solid #bbb;
background:#fff;
display:inline;
margin:2px 0 6px;
padding:2px 3px 0;
}

input {
width:200px;
height:18px;
}

textarea {
width:448px;
height:100px;
margin:3px 0 30px;
padding:0;
}

#buttons {
width:450px;
margin:0;
padding:0 0 20px;
}

.button {
width:208px;
height:24px;
border:2px solid #b83b3a;
vertical-align:middle;
text-align:center;
background:#f1f2f3;
font-weight:bold;
margin:0;
padding:1px 3px 3px;
}


/***** Suchfeld *****/

#searchbox {
padding:0;
margin:6px 0 16px 0;
}

#searchform {
width:140px;
background:#fff;
border:1px solid #b83b3a;
padding:4px;
}

#searchbox label {
display:none;
}


/***** Sonstige Klassen *****/

/* Anordnung linksbuendig */
.left {
	float:left;
	margin-left: 15px;
}

/* Anordnung linksbuendig: Bilder */
.left img {
	float:left;
	margin:0;
	padding:0;
	margin-top: 10px;
	margin-left: 20px;
}

/* Anordnung rechtsbuendig */
.right {
float:right;
}

/* Anordnung rechtsbuendig: Bilder */
.right img {
float:right;
margin:0 0 0 10px;
padding:0;
}

/* zentrieren von Text und Inhalten */
.center {
text-align:center;
}

/* Text kleiner */
.small {
font-size:0.85em;
}

/* Text groesser */
.large {
font-size:1.2em;
}

/* Text fett */
.bold {
font-weight:bold;
}

/* Verstecken von Inhalten */
.hide {
display:none;
visibility:hidden;
}

/* Icons mit Rahmen */
.icon {
margin:0;
padding:1px 3px;
display:inline;
border:1px solid #b83b3a;
}

a.icon {
}

/* Positionierungskorrektur E-Mail vor Abbildung */
.email {
position:relative;top:-1px;left:0;
}



/***** 3-Pixel-Jog Bug bei IE6 *****/

* html #content {
height:1%;
margin-left:227px;
margin-right:175px;
}

* html #contentwide {
height:1%;
margin-left:227px;
margin-right:5px;
}

* html #menu {
margin-right:-3px;
}
