/*  GEMEINSAME SEITEN */
/* copyright by KreativForm.de, Bernd Schlackl, info@kreativform.de */
html { 
height: 100%; max-height: 100%;
}

body {
position: relative; top:0; max-width: 940px; /* max-width, damit bei zu kleinem Fenster Scrollbars kommen */
margin: 0 auto; padding: 0;
height: 100%; max-height: 100%;
overflow: hidden; /* für IE6 notwendig */
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000099;
background: #fff url(../img/css/bg-content-gemeinsam.gif) repeat-y top center;
background-attachment: scroll;
}
/* container ist nur für IE6 notwendig, alle anderen browser interpretieren body width bzw. max-width */
* html body { background: #fff; }
* html #container {
width: 940px; padding:0; border: 0;
position: relative; top:0; left:-470px; margin: 0 50%; 
height: 100%;
background: #fff url(../img/css/bg-content-gemeinsam.gif) repeat-y 0 0;
}


#header {
position:absolute; top:0; left:0; width:100%; 
height: 238px; padding: 0;
background: #f9d8ac url(../img/css/bg_head.gif) no-repeat top center;
z-index: 5; /* für IE6 */
}
/* bottom:0 ist für #left und #content notwendig! */
#left {
position:absolute; top:238px; left:0; bottom:0; width:240px; overflow:auto;
padding-left: 80px;
z-index: 4; /* für IE6 */
}
* html #left {
top: 0; border-top: 238px solid #fff;
width:320px; /* boxmodell fehler: 240+80(padding-left)=320 */
height: 100%; background: #fff url(../img/css/bg-content-gemeinsam.gif) repeat-y 0 0;
}
/* right: 0 ist wichtig, damit keine Querscrollbars angezeigt werden! */
#content {
position:absolute; top:238px; left:340px; bottom:0; right:0; overflow:auto;
padding-right: 80px;
z-index: 3; /* für IE6 */
}
* html #content {
top:0; left:0; border-top:238px solid #fff; border-left:340px solid #fff;
height:100%; max-height:100%; width:100%; overflow:auto; 
}

#print, #print2 { display: none; }

.clear { clear: both; line-height: 0; font-size: 0; height: 0; }

/* ------------------------------------ */
/*             #header                  */
/* ------------------------------------ */
#header #headleft {
text-align: left; float: left; padding-left: 10px; padding-top: 3px;
width: 180px; height: 100px;
}
#header #headmitte {
margin-top: 44px; text-align: center;
}
* html #header #headmitte { margin-top: 54px; }
#header #headright {
text-align: right; float: right; padding-right: 10px; padding-top: 1px;
width: 210px; height: 100px; line-height: 14px;
}
* html #header #headright { line-height: 18px; }
#header ul {
margin: 0 0 0 0; padding: 0;
list-style-type: none;
}
#header ul.right {
margin-top: -1px;
}
* html #header ul.right {
margin-top: -2px;
}
#header li.left {
line-height: 26px; /* damit die schrift mittig zum main-nav-left.gif ist! */
}
#header li.right {
line-height: 26px; /* damit die schrift mittig zum main-nav-left.gif ist! */
}
#header a.left, a.kontakt, a.link, a.home, a.impressum {
display: block; height: 26px;
text-decoration: none;
font-size: 14px; color: #ed8700;
font-weight: bold;
padding: 0 0 0 30px;
background: url(../img/css/main-nav-left.gif) no-repeat top left;
}
#header a.impressum:hover { 
background: url(../img/css/main-nav-impressum.gif) no-repeat top left;
}
#header a.left:hover {
background: url(../img/css/main-nav-left2.gif) no-repeat top left;
}
#header a.link:hover {
background: url(../img/css/main-nav-links2.gif) no-repeat top left;
}
#header a.kontakt:hover {
background: url(../img/css/main-nav-kontakt2.gif) no-repeat top left;
}
#header a.kontakton, #header a.impressumon, #header a.linkon {
display: block; height: 26px;
text-decoration: none;
font-size: 14px; color: #ed8700;
font-weight: bold;
padding: 0 0 0 30px;
}
#header a.kontakton { background: url(../img/css/main-nav-kontakt2.gif) no-repeat top left; }
#header a.impressumon { background: url(../img/css/main-nav-impressum.gif) no-repeat top left; }
#header a.linkon { background: url(../img/css/main-nav-links2.gif) no-repeat top left; }
#header a.home:hover {
background: url(../img/css/main-nav-home2.gif) no-repeat top left;
}
#header a.right {
display: block; height: 26px;
text-decoration: none;
font-size: 14px; color: #ed8700;
font-weight: bold;
padding: 0 30px 0 0;
background: url(../img/css/main-nav.gif) no-repeat top right;
}
#header a.right:hover {
background: url(../img/css/main-nav-right2.gif) no-repeat top right;
}

#header #navleft {
width: 330px; height: 130px;
float: left; text-align: right;
}
* html #header #navleft {
width: 316px;
w\idth: 330px;
}
#header #navright {
width: 330px; height: 130px;
float: right; text-align: left;
}
* html #header #navright {
width: 316px;
w\idth: 330px;
}
#header #navmitte {
width: 266px;
margin: auto;
text-align: center;
}
* html #header #navmitte {
width: 298px;
w\idth: 266px;
}
#header a.nav1 {
text-decoration: none;
line-height: 25px;
font-size: 14px; color: #000099;
font-weight: bold;
padding: 1px 5px;
}
#header a.nav1:hover {
background-color: #fff7e6;
}
#header a.nav1on {
text-decoration: none;
line-height: 25px;
font-size: 14px; color: #000099;
font-weight: bold;
padding: 1px 5px;
background-color: #fff7e6;
}

/* Schriften */
#header .orangeklein {
font-size: 8pt; color: #ed8700;
font-weight: normal;
line-height: 9pt;
}
#header h2.orangemittel {
font-size: 14px; color: #ed8700;
font-weight: normal;
line-height: 14px;
margin: 0 0 5px 0;
}
#header h1 {
margin: 18px 0 0 0; padding: 0;
font-size: 21px; color: #ed8700;
font-weight: bold;
}
#header h1.sub {
margin: -3px 0 0 0; padding: 0 0 0 0;
font-size: 18px; color: #ed8700;
font-weight: bold;
}


/* ------------------------------------ */
/*             #left (Subnav)           */
/* ------------------------------------ */
#left h1 {
font-family: Tempus Sans ITC, Century Gothic, Arial, Helvetica;
font-size: 1.1em; color: #ed8700;
line-height: 1.1em;
margin: 20px 0  10px 0;
}
/* subnav ankernav */
#left ul {
margin:0 0 0 18px; padding: 0;
list-style-type: circle;
font-size: 0.8em;
}
#left li.subnav {
line-height: 1.2em;
font-size: 0.9em;
}
* html #left li.subnav {
line-height: 1.6em;
l\ine-height: 1.2em;
}
#left li.subnav:hover {
list-style-type: disc;
}
#left li.subnavOn {
line-height: 1.6em;
l\ine-height: 1.2em;
list-style-type: disc;
}

#left a.subnav {
text-decoration: none;
color: #000099;
}
#left a.subnav:hover {
text-decoration: underline;
}
#left a.subnavOn {
color: #000099;
font-weight: bold;
text-decoration: underline;
}


/* ------------------------------------ */
/*             #content                 */
/* ------------------------------------ */
#content h1.teaser {
margin: 10px 210px 15px 0;
text-align: center;
font-size: 1.0em;
}
#content h2 {
font-size: 1.0em;
margin: 12px 0 0 0;
}
#content h2.kontakt {
font-size: 0.9em;
}
#content h2.artikel {
font-size: 1.3em;
font-weight: normal;
margin-bottom: 12px;
padding: 0 0 5px 0;
border-bottom: 2px solid #ed8700;
}
#content h3, h4 {
font-size: 0.8em;
margin: 8px 0 0 0;
}
#content h3.artikel {
font-size: 0.8em;
margin: 0 0 3px 0;
}
#content h3.linktipps {
font-size: 0.95em; font-weight: bold;
margin-top: 14px;
}
#content p {
text-align: left;
font-size: 0.8em;
line-height: 1.5em;
margin: 10px 0 0 0;
}
#content p.kontakt, #content p.imp, #content p.link, #content p.linkinfo {
margin: 0;
}
#content p.linkinfo { font-size: 0.75em; } 
#content p.linktipps {
font-size: 0.75em;
margin: 0 0 28px 0;
}
#content p.artikel {
margin: 0 0 14px 0
}
/* genügend Platz nach unten für anker subnav: */
#content p.anker { height: 370px; } /* für 1024er 200px ausreichend */
/* wichtig */
#content b {
font-weight: normal;
}
#content ul {
margin: 10px 0 0 17px; padding: 0;
font-size: 0.8em;
line-height: 1.4em;
}
#content ul.square {
margin-top: 10px;
list-style-type: square;
}
#content ul.sub {
font-size: 1.0em; line-height: 1.3em;
list-style-type: circle;
font-weight: normal;
}
#content ol {
margin: 10px 0 0 26px; padding: 0;
font-size: 0.8em; font-weight: bold;
line-height: 1.4em;
list-style-type: lower-alpha;
}
#content em {
font-family: Tempus Sans ITC, Century Gothic, Arial, Helvetica;
color: #ed8700; font-size: 133%;
font-style: normal; font-weight: bold;
}

#content img.portrait {
float: left;
margin: 5px 15px 5px 0;
}
#content a.text {
color: #000099;
}
#content a.text:hover {
color: #ed8700;
}
/* kontakt  nebeneinander */
#content h3.kontakt {
font-weight: normal;
float: left;
margin: 0;
padding: 0;
width: 200px;
}
#content p.kontaktinfo {
text-align: left;
font-size: 0.8em;
line-height: 1.3em;
float: right;
width: 300px;
margin: 0;
}
/* abschluss bei 2spaltig */
#content br.infoend {
clear: both;
line-height: 0.1em;
font-size: 0.1em;
}