##CSS-BEHINDERTEN-GUIDE###*/

body {
color:#333;
font:70%/120% Arial, Sans-Serif;
margin:0;
padding:0;
text-align:center;
background:#fff;
}
img {
border:none;
}
label, textarea, select, input, span, p, li, td, th, a, code, samp {
font-size:0.9em;
}
abbr { 
cursor:help;
border-bottom: 1px #069 dashed !important;
}
acronym {
cursor:help;
border-bottom: 1px #069 dashed !important;
}
.grossbuchstaben  {
text-transform:uppercase;
}
a:link {
color:#f60;
letter-spacing:1px;
}
a:visited {
color:#069;
letter-spacing:1px;
}
a:hover {
background-color:#069;
color:#fff;
text-decoration:none;
}
p, p a, blockquote, cite {
line-height:160%;
}
h1, h2, h3 {
margin: 0 0 8px 0;
padding: 0;
font-family:"trebuchet ms", verdana, sans-serif;
}
h1 {
color:#069;
font-size: 1.2em;
line-height:1.2em;
}
h2, h3 {
color:#069;
font-size:1.0em;
padding: 10px 0 2px 0;
}
h4 {
color:#069;
font-size:1.2em;
padding: 10px 0 2px 0;
}
h1 a {
color:#f60;
}
h4 a:link {
line-height:130%;
}
.bold {
font-weight:bold;
}
/*********** FORMULARE (labels, Pflichtfelder, textarea, select, etc.) ***********/
textarea, select, input {
font-family:arial, sans-serif;
color:#069;
padding:2px;
font-weight:normal;
}
textarea:focus, select:focus, input:focus {
background:#ffe;
}
.stern {
font-weight:bolder;
color:red;
}
/*#### LAYOUT ###*/
/*#### HEADER ###*/
#kopf {
width:930px;
padding-left:0 !important;
padding-left:0px;
margin-right:auto;
margin-left:auto;
}
#kopf_foto {
height: 110px;
margin-top: 0.0em;
margin-left:0px !important;
margin-left:35px;
background: transparent url(../bilder/kopf_test.jpg) no-repeat left;
}
#logo {
height:60px;
width:480px;
margin-top: 0.0em;
margin-left:0 !important;
margin-left:-380px;
background: white url(../bilder/rolli_logo.gif) no-repeat left;/**/
text-align:left;
}
#logoprint {
display:none;
}
/*### SPRUNGNAVIGATION ###*/
#top {
height:1.8em;
background-color:white; 
text-align:center;
margin-left:-8em;
}
#top a{
color:#333;
font-size:0.9em;
padding:0 0.5em;
}
#top a:hover{
color:#fff;
font-size:0.9em;
}
#top .unsichtbar a {
color:#fff;
font-size:1px;
}
#top  a.unsichtbar:link {
color:#fff;
font-size:1px;
}
#top  a.unsichtbar:visited {
color:#fff;
font-size:1px;
}
/*###################SUCHE############*/
#container fieldset {
border:0.1em solid #ccc;
text-align:left;
margin-top:0em;
padding:0.5em 0.5em 1.5em 0.5em;
}
legend {
color:#069;
font-size:100%;
font-weight:bold;
}
#container div.search input,
#container div.search2 input {
font-size:100%;
color:#069;
font-weight:bold;
}
#checker  {
margin:0px 5px 2px 0px !important;
margin:0 0 0 -3px;
}
#container div.search {
background:#fff url(../bilder/Suche_HG.gif) repeat-x left top;
padding:3px 7px 7px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #eee;
}
#container div.search,
#container div.search2 {
position:relative;
margin:3px 0px !important;
margin:3px 3px;
color:#069;
}
/*###FUNKMENUE###*/
#funkmenu {
width:500px;
margin-top:-26px !important;
margin-top:-30px;
margin-left:265px !important;
margin-left:43em;
margin-bottom:0.3em;
text-align:right;
}
#funkmenu ul {
padding: 0;
margin: 0em 0 0 0em;
}
#funkmenu ul li {
display: inline;
}
#funkmenu ul li a {
border-top: #069 1px solid;
border-right: #069 1px solid;
border-bottom: #FF8D40 0.3em solid;
border-left: #069 1px solid;
margin: 0em 1px;
font-size: 110%;
float:none !important;
float: left;
color: #069;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
background: white;
padding: 0.19em 3px;
text-align:center;
}
#funkmenu ul li a:hover {
border-bottom: #069 0.3em solid;
color: #069;
text-decoration: none;
}
#funkmenu li a#selected:link {
border-top: #069 1px solid;
border-right: #069 1px solid;
border-bottom: #069 0.3em solid;
border-left: #069 1px solid;
color: #069;
letter-spacing: 1px;
background: #fff;
}
#funkmenu li a#selected:visited {
border-top: #069 1px solid;
border-right: #069 1px solid;
border-bottom: #069 0.3em solid;
border-left: #069 1px solid;
color: #069;
letter-spacing: 1px;
background: #fff;
}
/*### ###*/
#wrap {
width:930px;
margin-right:auto;
margin-left:auto;/**/
}
#container {
margin-top:1.7em !important;
margin-top:0em;
padding-top:0;
width:82% !important;
width:82%;
text-align:left;
background-color:#fff;
float:left;
clear:both;/**/
border:0.1em solid #ccc;
}
/*###linke Seite###*/
#gonav {
width:180px;
float:left;
margin-top:0px;
border-right:1px solid #eee;
background-color:#fff;
}
#gonavInner {
padding:0 15px;
}
#kategorien {
margin: 0.5em 0;
}
/*********** MENUE NAVIGATION ***********/
#menu {
list-style:none;
margin: 0 0 0 -40.5px;
padding: 0;
}
#menu li {
list-style: none;
margin:0;
font-size:129%;
letter-spacing:1px;
color:#069;
line-height:200%;
}
#menu ul li.selected {
list-style: none;
margin:0;
font-size:125%;
color:#069;
line-height:200%;
}
#menu li a:link {
background:url(../bilder/pfeil_menue2.gif) no-repeat left bottom;
text-decoration:none;
padding-left:0.9em;
color:#069;
}
#menu li a:visited {
background:url(../bilder/pfeil_menue2.gif) no-repeat left bottom;
text-decoration:none;
padding-left:0.9em;
color:#069;
}
#menu li a:hover {
text-decoration:underline;
background:url(../bilder/pfeil_menue_sel2.gif) no-repeat left bottom;
padding-left:0.9em;
color:#069;
}
#menu a.active:visited {
text-decoration:none;
background:url(../bilder/pfeil_menue_sel2.gif) no-repeat left bottom;
padding:0.5em 0 0 0.9em;
color:#069;
}
#menu a.active:hover {
text-decoration:underline;
background:url(../bilder/pfeil_menue_sel2.gif) no-repeat left bottom;
padding:0.5em 0 0 0.9em;
color:#069;
}
/*###SUBNAVI###*/
#subnavi ul {
margin:0em;
padding: 0em;
list-style-type: none;
}
#subnavi li {
width:8.7em;
background-color:#fff;
margin-left:-2em;
padding-left:0em;
font-size:85%;
}
#subnavi li a.active:link {
background:url(../bilder/pfeil_menue_sel2.gif) no-repeat left bottom;
color:#069;
text-decoration:none;
}
#subnavi a:visited {
color:#069;
text-decoration:none;
}
#subnavi li a:hover {
color:#069;
text-decoration:underline;
}
#subnavi li.invisiblelistitem {
background-color:transparent;
margin-top:-5.3em;
font-size:1px;
}
/*###Mitte###*/
#hauptinhalt {
float:left;
width:350px;
margin-top:10px;
background-color:#fff;
}
#hauptinhalt2 {
float:left;
width:500px;
margin-top:10px;
background-color:#fff;
}
#inhaltmitte {
padding:0 15px;
}
#inhaltmitte2 {
padding:0 15px;
width:500px;
}
/*###Meldungen###*/
h2.bereich  {
border-width:0.01em 0;
border-color:#E0DEDE;
border-style:solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0.2em 0;
font-size:0.9em;
color:#888;
background:#eee;
}
#meldungen {
margin:0;
width:345px;
}
#meldungen h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#news_voll h2 {
margin-top:-2.2em !important;
margin-top:-2.8em;
margin-left:5em;
}
.news {
width:345px;
padding:0;
margin:0 0 2em 0;
}
.news p {
margin:0;
}
.news h3 {
margin:8px 0;
padding:0;
line-height:1.1em;
}
.news h3 a:link {
color:#f60;
padding:0 0.1em;
font-family:Arial, Helvetica, sans-serif;
}
.news h3 a:hover {
color:#fff;
}
.news h3 a:visited {
color:#069;
font-family:Arial, Helvetica, sans-serif;
}
.news h3 a:hover {
color:#fff;
}
img.newsphoto {
margin: 0.4em 0.8em 0.5em 0em;
border: #eee 0.12em solid;
float:left;
}
img.newsphoto_voll {
margin: 1.5em 1.5em 0.5em 0em;
border: #eee 0.12em solid;
float:left;
}
#auswahl3,
#auswahl2,
#auswahl {
margin-left: -1.3em !important;
margin-left: 0em;
text-align:left;
font-size:100%;
}
#auswahl3 p,
#auswahl2 p,
#auswahl p {
line-height:200%;
padding:0 0.6em;
}
p.ende  {
padding-bottom:0.8em;
margin-left:0.4em;
background:url(../bilder/pfeil_news.gif) no-repeat left;
}
#auswahl3 h3,
#auswahl2 h3,
#auswahl h3 {
padding:0.2em 0.0em 0.0em 0.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#auswahl3 h4,
#auswahl2 h4,
#auswahl h4 {
padding:0.2em 0.0em 0.0em 0.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#auswahl3 img,
#auswahl2 img,
#auswahl img {
padding:0 0 0 0.3em;
}
.datum {
padding:0 0.2em;
color:#666;
font-size:0.9em;
}
h3.inline  {
color:#000;
font-size:1em;
margin-bottom:-1.5em;
}
#auswahl3 ul,
#auswahl2 ul,
#auswahl ul {
display:block;
}
#auswahl3 li,
#auswahl li,
#auswahl2 li {
list-style-type:none;
line-height:200%;
background-color:#EAF0F6;
padding:0.5em 0.0em 0 0.0em;
margin-bottom:0.5em;
margin-left:-2em !important;
margin-left:0;
border:#CFE2EC solid 1px;
}
#auswahl3 li,
#auswahl2 li {
width:38em;
}
#auswahl li a:link {
color:#f60;
}
#auswahl li a:visited {
color:#069;
}
#auswahl li a:hover {
color:#fff;
}
#auswahl2 ul.none {
padding-left:60px !important;
padding-left:0px;
}
#auswahl2 li.none  {
padding:0;
margin:0em;
border:0;
list-style:disc;
width:400px;
line-height:150%;
}
/*###rechte Seite###*/
#featureContent {
width:175px;
float:right;
margin-top:0px;
margin-right:10px !important;
margin-right:0px;
border-left:1px solid #fff;
}
#featureInner {
padding:0 0 0 5px;
}
#featureInner p.aendern {
line-height:200%;
width:170px;
background:url(../bilder/achtung.gif) no-repeat left;
}
#featureInner a:link {
margin-left:1.5em;
}
#featureInner a:visited {
margin-left:1.5em;
}
#feature_list {
width:180px;
}
#forum a {
display:block;
color:#fff;
width:175px;
height:12em;
text-decoration: none;
background: url(../bilder/forum3.gif) top left no-repeat;
}
#forum a:hover {
background: url(../bilder/forum4.gif) top left no-repeat;
}
#forum a span {  }
#forum {
margin-bottom:0em;
margin-left:0.0em;
width:175px;
}
.sprung a {
color:#fff;
font-size:1px;
padding: 0 ; 
margin-left: 50em !important; 
margin-left: 0em ; 
letter-spacing:-1px;
text-decoration: none;
}
.sprung2 {
position:absolute;
color:#fff;
font-size:1px;
padding: 0 ; 
margin-left: 50em !important; 
text-indent: -9999px; 
letter-spacing:-1px;
text-decoration: none;
}
.invisible {
color:#fff;
text-decoration:none;
font-size:1px;
}
.invisible2 {
color:#ccc;
text-decoration:none;
font-size:1px;
}
.invisible a:link {
color:#fff;
text-decoration:none;
font-size:1px;
}
.invisible a:visited {
color:#fff;
text-decoration:none;
font-size:1px;
}
.invisible a:hover {
background-color:#fff;
}
#feature {
margin-top:-2em !important;
margin-top:-2.1em;
margin-left:0.0em;
padding:0;
width:180px;
font-size:100%;
list-style:none;
text-align:left;
}
#feature li {
background:#EDF4F8 url(../bilder/box5.gif) 0 100% no-repeat;
padding:0;
margin:0 0 0.5em 0;
display:block;
}
#feature li p {
background:#EDF4F8;
padding:0 0.5em 0 0.5em;
margin:0;
}
#feature li.arr p {
background: url(../bilder/edge3.gif) 0 50% repeat-y;
padding-left:1.5em;
font-size:100%;
}
#feature h4 {
font-size:110%;
font-weight:bold;
background:url(../bilder/box5.gif) 0 0 no-repeat;
margin:0;
padding:6px 0.3em 0.5em 1.5em;
}
#feature h4 a:link {
margin:0;
padding-left:0;
}
#feature h4 a:link {
text-decoration:underline;
color:#f60;
}
#feature h4 a:visited {
text-decoration:underline;
color:#069;
}
#feature h4 a:hover {
text-decoration:underline;
background-color:#EDF4F8;
color:#069;
}
.googleadds {
background: #fff;
padding:0;
margin-top:2em !important;
margin-top:1.5em;
width:14em;
float:right;
clear:both;
}
#feature .more {
line-height:1em;
width:9.0em;
font-size:105.0%;
display:block;
text-align:right;
padding:10px 2.3em 15px 0;
margin-top:4px;
margin-left:1.5em;
background:url(../bilder/pfeil_menue_sel2.gif) no-repeat 95%;
}
a.more:hover {
color:#f93;
}
.oben {
margin-left:1em;
}
/*###FOOTER###*/
#footer {
border:solid 1px #eee;
width:63.5em;
float:left;
clear:both;
text-align:center;
}
#innerFooter {
padding:8px;    
}
#copyright {
font-size:90%;
color:#aaa;
}
#footerNav {
margin: 0 0 3px;
}
#footerNav ul {
margin-left: 0;
padding-left: 0;
display: inline;	
}
#footerNav ul li {
margin: 0 9px 0 0;
list-style: none;
display: inline;
}
#footerNav ul li a {
font-size:100%;
}
dt a {
background:#fff;
}
dt a:link {
background:#fff;
}
dt a:hover {
background:#069;
}
ul {
list-style:none;
}
#meldungen ul li {
padding:0.3em 0;
}
.sitefirstlevel ul li {
list-style:circle;

}
.site2ndlevel ul li {
list-style:square;
padding:0.5em;
}
.sitefirstlevel a:link {
color:#069;
font-size:110%;
font-weight:bold;
padding:0.2em;
}
.sitefirstlevel a:visited {
color:#069;
font-size:110%;
font-weight:bold;
padding:0.2em;
}
.site2ndlevel a:link {
color:#069;
font-size:110%;
font-weight:normal;
padding:0.2em;
}
.site2ndlevel a:visited {
color:#069;
font-size:110%;
font-weight:normal;
padding:0.2em;
}

.sitefirstlevel a:hover,
.site2ndlevel a:hover {
background-color:#069;
color:#fff;
padding:0.2em;
}
.sendlink {
margin-top:0em !important;
margin-top:1.5em;
float:right;
clear:left;
}
/* Inset 3D Raised */
.raised {background: transparent; width:105%;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:1.2em; color:#069; margin: 0 0 0 1em; padding-top:0.2em;}
.raised p {padding-bottom:0.0em;}
.raised ul {background:#edf4f8;}
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#edf4f8; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#edf4f8; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#edf4f8; border-left:1px solid #fff; border-right:1px solid #aaa;}
/*ecke unten rechts*/
.raised .b4b {background:#edf4f8; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#edf4f8; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#edf4f8; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#edf4f8; border-left:1px solid #fff; border-right:1px solid #999;}
.raised .boxcontent ul {
list-style-type:none;
padding-left: 1em !important;
}
.raised .boxcontent ul li {
padding:0.3em 0;
margin:0.5em 0 0.8em 0 !important;/**/
margin:0.5em 0 0.8em -3em;/**/
}
p.breadcrumb  {
color:#666;
font-weight:bold;
}
p.breadcrumb2  {
color:#666;
width:500px;
font-weight:bold;
}
p.pagination  {
width:500px;
}
/*von Olli (Wird genau so benoetigt um inline styles in externe styles zu wandeln.*/
/*Aus:<span style="font-weight: bold; font-style: italic; color: rgb(128, 128, 0); text-decoration: underline line-through;">*/
/*Wird:<span class="bold italic underline line-through" style="color: rgb(128, 128, 0);">*/

.bold {
font-weight:bold;
}
.italic {
font-style: italic;
}
.underline {
text-decoration:underline;
}
.line-through {
text-decoration: line-through;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-justify {
text-align: justify;
}
#google {
position:absolute;
top:205px!important;
top:240px;
right:20px;
float:right;
clear:right;