/*
- Stylesheets für Projekt: ParterreMedia.de
- Projektteil: Standardformatierung
- Erstellt: 01-12-2004 durch Peter Bergner (ParterreMedia.de)
*/
* {padding:0; margin:0;}
body {
font: normal 100.01%/1.6 "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size-adjust: 0.51;
background:white url(../gfx/bg-kachel.gif) repeat 88px 769px;
border:0 none;
}
/*:: Bilder */
img, img.leftfloat {border:0 none;}
img.leftfloat {float: left; margin-right:20px; margin-bottom: 10px;}
img.widthBorder {border: 1px solid #D0E0DF; padding: 8px;}

/*:: Verweise */
a:link, a:visited, a:hover, a:focus, a:active {
font-family: verdana,arial,helvetica,sans-serif; 
text-decoration:underline;
outline: 0 none;
color:#FF6600;
}
a:hover, a:active {
text-decoration:none;
}
#head {
background:#3F605F;
width:100%; height:13.8125em;
border-bottom:1px solid #3F605F;
}
#head #bannerbox { /* #bannerbox(316px) + #mainmenubox(167px) = 493px */
width: 316px;
float:left;
background:white;
}
#bannerbox h1 {
background: white url(../gfx/logo.gif) no-repeat bottom left; color:#314B4A; 
height: 5.5em;
font-size:1em; /* um Vererbung Schriftgröße/Zeilenhöhe aus body-Elem. auf 0 zu stellen */
}
#bannerbox h2.slogan {
font-size:1.0em;
height:8.3125em; 
background: #3F605F url(../gfx/bg-start-3.gif) no-repeat top left;
color:white;
}

#head .platzhalter {
background:white; 
height:5.5em;
display:block;
}
#head #mainmenubox {
width: 167px;
height:13.8125em;
float:left;
background:white url(../gfx/bg-mainmenu.gif) no-repeat 0 3.4375em;
border-right:1px solid #3F605F;
}
ul#mainmenu {
text-align:right;
margin-top:6.5em/* 6.0em */;
}
ul#mainmenu li {
list-style-type:none; 
height:1.4em;
}
ul#mainmenu li a:link, ul#mainmenu li a:visited, ul#mainmenu li a:hover, ul#mainmenu li a:active {
display:block;
font-size:0.70em;
font-weight: bold;
text-decoration:none;
color:#FF6600;
background: url(../gfx/icon-middle-link.gif) no-repeat center right;
padding-right:20px;
}
ul#mainmenu li a:visited {
/* color:#98A5A4; */
background: url(../gfx/icon-middle-visited.gif) no-repeat center right;
}
ul#mainmenu li a:hover, ul#mainmenu li a:focus, ul#mainmenu li a:active, ul#mainmenu li a:visited:hover {
background: url(../gfx/icon-middle-hover.gif) no-repeat center right;
}

ul#mainmenu li a.aktiv:link, ul#mainmenu li a.aktiv:visited, ul#mainmenu li a.aktiv:hover, ul#mainmenu li a.aktiv:active {
background: url(../gfx/icon-middle-hover.gif) no-repeat center right;
cursor:default;
}
/* :: Metamenü -- Start, Impressum, Dialog etc. pp. */
#head #metamenubox {
width: 30%; height:88px;
float:left;
background: white;
}
ul#metamenu {background: white; margin-left:10px; margin-top:4.0em;}
* html ul#metamenu { /* its not a hack. its a filter ;) */
background: white; margin-left:10px; margin-top:3.95em;
} 
ul#metamenu li, ul.einzeilig li {
display: inline;
list-style-type: none;
font-size: 0.65em;
background: white;
}
ul#metamenu li a:link, ul#metamenu li a:visited, ul#metamenu li a:hover, ul#metamenu li a:active {
background: white url(../gfx/small-icon.gif) no-repeat 50% -12px;
padding-bottom:7px;
text-decoration:none;
color:#314B4A;
font-weight: bold;
font-variant:small-caps;
}
ul#metamenu li a:hover, ul#metamenu li a:focus, ul#metamenu li a:active {
background: white url(../gfx/small-icon.gif) no-repeat 50% 12px;
}
ul#metamenu li a.aktiv:link, ul#metamenu li a.aktiv:visited, ul#metamenu li a.aktiv:hover, ul#metamenu li a.aktiv:focus, ul#metamenu li a.aktiv:active {
background: white url(../gfx/small-icon.gif) no-repeat 50% 12px;
cursor:default;
}
#grafikbox {
background: #3F605F url(../gfx/headgfx-maus-3.jpg) no-repeat top left;
height:8.25em;/* 132px; */
display:block;
margin-left:484px;
border-top:1px solid #3F605F;
}
#mainbox {
width:768px; 
background:white;
border-right:1px solid #3F605F;
}

#leftcol {
width: 453px;min-height:850px;
float:left;
background:white; color:black/* #5C5C5C *//* #666666 */;
padding-top:40px;
padding-left:30px;
border-right:1px solid #3F605F;
}
#leftcol h2 {
margin-right:40px; margin-bottom:20px;
color:#3F605F; /*#738B8A;*/
font: normal 1.2em georgia, serif;
}
#leftcol h3 {
border-bottom:1px solid #D0E0DF; color:#3F605F;
font-size:0.80em; 
width:75%;
margin-bottom:10px;
}
#leftcol h3.news {
border-bottom:1px solid #D0E0DF; color:#3F605F;
font-size:0.80em; 
width:75%;
margin-bottom:0;
}

#leftcol p {
margin-right:40px; margin-bottom:20px; 
font-size:0.80em;
}
#leftcol .teaser {
border:1px solid #DBE5E4; color:#3F605F;/*#666666;*/
padding:10px 10px;
/*font-weight:bold;*/
}
#leftcol .start-teaser { /*zur Zeit nur auf Startseite 04-02-05*/
font-weight:normal;
margin-right:40px;
color:#5B5B5B;
padding:10px;
border:1px solid #DBE5E4; color:#666666;
}
#leftcol .claimbox {
border:1px solid #3F605F; 
background:#D0E0DF; 
margin:50px 50px 50px 0;
}
.claimbox h1 {
font-size:0.95em;
line-height:1.1em; 
color:#D0E0DF; background:#3F605F; 
padding-left:5px;
}
h1 sup {font-size:65%;}
.claimbox p {
margin:12px 15px 12px 10px;
color:#3F605F;
text-align:center;
}
#leftcol ul {margin-left:20px; font-size:0.80em; color:#3F605F; margin-right:40px;margin-bottom:10px;}
#leftcol ul li {list-style-type: square;}
#leftcol ol {margin-left:30px; color:#3F605F; margin-right:40px; margin-top:15px; margin-bottom:15px;}
ol li {font-size:1.3em; line-height:1.0em; margin-bottom: 10px;}
ol li span {font-size:65%; color:black; }
ul li span {color:black;}


/*:: rechte Spalte mit Untermenüs etc. */
#rightcol {
width:284px;
float:left;
background: white;
/* min-height:850px; */
}

#rightcol #toolbox { /* enthielt styleswitcher + suchform; entfällt bei nächster Version */
background: #3F605F; color:white;
width:119px; float:right;
height:131px;
font-size:0.75em;
margin-bottom:70px;
}
/* #toolbox h4 {font-size:0.9em;font-weight:normal;margin-top:10px;margin-bottom:5px;color:white;} */

/* :: Sucheingabe */
.rightcolbox form.searchform {
margin-left:10px;
font-size:0.75em;
}
.rightcolbox form.searchform input.eingabe {
height:1.2em; vertical-align:top; width:120px; /*font-size:9px;*/
}
.searchform input#submit {
margin-left:10px;font-size:0.9em;
}
ul#submenu {
width:165px; height:155px; 
float:left;
padding-top:10px;
background: white url(../gfx/bg-submenu.gif) no-repeat top left;
}
ul#submenu li {
list-style-type:none;
font-size:0.7em;
}
ul#submenu li a:link, ul#submenu li a:visited, ul#submenu li a:hover, ul#submenu li a:active {
text-decoration:none;
color:#FF6600;
background: white url(../gfx/middle-icon.gif) no-repeat 4px 3px;
padding-left:20px;
}
ul#submenu li a:visited:hover, ul#submenu li a:hover, ul#submenu li a:focus, ul#submenu li a:active {
background: white url(../gfx/middle-icon.gif) no-repeat 4px -25px;
}
ul#submenu li a:visited {
background: white url(../gfx/middle-icon.gif) no-repeat 4px -52px;
}
ul#submenu li a.aktiv:link, ul#submenu li a.aktiv:visited, ul#submenu li a.aktiv:hover, ul#submenu li a.aktiv:active {
background: white url(../gfx/middle-icon.gif) no-repeat 4px -25px;
cursor: default;
}
ul#submenu li a.aktiv:visited:hover {
background: white url(../gfx/middle-icon.gif) no-repeat 4px -25px;
cursor: default;
}
.itembox-bild { /* erste Box in re. Spalte unter Navi */
text-align:right;
}
* html .itembox-bild {margin-top:0;margin-bottom:10px;}  /* nur IE */
.itembox-bild img {margin-right:15px; margin-bottom:10px;}
.itembox-text, .itembox-suche {
text-align:left;
margin-bottom:20px;
}
.itembox-text p {
font-size:11px;
font-family:georgia,verdana,helvetica,sans-serif;
margin-top:10px; margin-left:10px; margin-right:10px;
}
* html .itembox-text {
padding-top:5px;
}

/* :: Box mit versch. Inhalt in rechter Spalte */
.rightcolbox {
background-color: #D0E0DF; color: #3F605F;
border-bottom: 1px solid #3F605F;
padding-right:20px;
margin-bottom:20px;
padding-top:10px; padding-bottom:10px;
text-align:left;
}
#rightcol h3 {
padding-left:10px; margin-bottom:-6px; 
font-size: 0.9em; 
background:#3F605F; color:#D0E0DF;
}

.rightcolbox h4, .rightcolbox p, .rightcolbox ul, .rightcolbox blockquote {
text-align:left; 
margin-left:10px; 
font-size:0.75em;
}
.rightcolbox p {margin-bottom:10px;}
.rightcolbox ul li {list-style-type:none;}
.rightcolbox ul.arrow {
/*list-style-image: url(../gfx/listArrow-right.gif);*/
margin-top:0;
margin-left:2.5em;
margin-bottom:10px;
}
.rightcolbox ul.arrow li {
list-style-type:square;
margin-bottom:0;
}

address {
border-top:1px solid #3F605F; border-bottom:1px solid #3F605F;
font: 0.7em/1.4 'Trebuchet MS',verdana,arial,helvetica,sans-serif;
padding:10px;
color:#314B4A;
background: white url(../gfx/signet.gif) no-repeat 175px 25px;
}
#foot { 
background:white;
border-top:1px solid #3F605F; border-bottom:1px solid #3F605F;
font-size:0.7em;
}
* html #foot { height:4em; }
#leftfoot {
width:483px; float:left;
text-align:center;
height:100%;
padding-top:0.5em; min-height:4.0em;
}
#middlefoot {
width:284px;
float:left;
border-right:1px solid #3F605F; border-left:1px solid #3F605F;
text-align:center; min-height:4em;
padding-top:0.5em;
}
* html #middlefoot { height:4em; }
#rightfoot {/* background:#3F605F;float:left;width:100%; */}

/*RSS-Button*/
.RSSbutton {
 border:1px solid;
 border-color:#FC9 #630 #330 #F96;
 padding:1px 3px;
 font:bold 10px verdana,sans-serif;
 color:#FFF; background:#F60;
 text-decoration:none;
 margin:0; 
}

/* Misc */
abbr {
border-bottom: 1px dotted #3F605F;
cursor:help;
speak: spell-out;
}
acronym {
border-bottom: 1px dotted #3F605F;
cursor:help;
speak: normal;
}
.center {text-align:center;}
.orange {color: #F46700;}
.font-50 {font-size:50%;}
.font-75 {font-size:75%;}
.font-125 {font-size:125%; line-height:1.0em;}
.font-150 {font-size:150%; line-height:1.0em;}
.bigfont, .font-200 {font-size:200%; line-height:1.0em;}
.standort {
left: -2600px; 
position: absolute;  
width:0px; height:0px; 
overflow: hidden; 
display:inline; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.85em;
}
.versteckt {
position:absolute; left:-3000px;
font-size:1.0em;
}
.newsdatum {color:#3F605F;margin-top:0;}
.nofloat { 
clear: both;
visibility: hidden;
height: 0;
}
.versteckt a:focus, .versteckt a:active {/* macht Übersprunglinks beim Tabben sichtbar*/
position:absolute;
left:+3020px;
top: -200px;
background-color:#3F605F;
color:#fff;
display:block;
width:9em;
padding:2px 6px;
}
/* => ist aural auch oral? egal, css ist auch ohne DAS sexy ;) */
@media aural {  
h1, h2, h3 { stress: 20; richness: 90 }
.sprachlos { speak: none }
p.copyright { volume: x-soft; speech-rate: x-fast }
dt { pause-before: 20% }
pre, code { speak-punctuation: code } 
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* .sIFR-hasFlash h1 {
	visibility: hidden;
} */

.sIFR-hasFlash #leftbox h2 {
	visibility: hidden;
	/* letter-spacing: -19px; */
	font-size: 1.8em;
}

/* .sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
} */

/* .sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
} */

/* .sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
} */
.rightcolbox ul li {margin-bottom:10px;}
.hilfe {border-bottom:1px dotted black; cursor:help; font-size:120%;}
.testclass {background:red; color:white;font-family:arial,sans-serif;font-size:1.0em;}
#testid {background:yellow; color:black;font-size:1.0em;}