
body {
margin:0;
padding:1em 3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header {
display:inline;
float:left;
width:100%;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header_top {
width:100%;
float:left;
margin-bottom:0.5em;
}
p.zit {
padding-left:1em;
font-style:italic;
}
#header_navbar {
float:left;
width:96%;
margin:0;
margin-top:0.6em;
padding:0 1em;
display:inline;
background-color:#039;
background-image: -moz-linear-gradient(top,  #03a 10%, #038 90%);
background-image: -webkit-linear-gradient(top,  #03a 10%, #038 90%);
background-image: -ms-linear-gradient(top,  #03a 10%, #038 90%);
background-image: -o-linear-gradient(top,  #03a 10%, #038 90%);
background-image: linear-gradient(top,  #03a 10%, #038 90%);
color:#FFF;
border-radius:15px;
}
#header_navbar ul {
list-style:none;
margin:0;
padding:0;
}
#header_navbar li {
font-size:0.9em;
float:left;
display:inline;
margin: 0.2em 0;
padding:0.1em 0;
}
#header_navbar a {
display: block;
float: left;
padding:0.1em 1em;

color:#fff;
text-decoration:none;
border-radius:8px;
}
#header_navbar a:hover {
color:#039;
background:#fff;
}
.zitat {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#039;
margin-bottom:8em;
}
.zit_autor {
font-style:normal;
font-size:0.8em;
}
.zitat img {
float:left;
margin-right:1em;
}
.bold {
font-weight:bolder;
}
#text {
margin:1em 0em;
float:left;
display:inline;
width:64%;
height:80%;
}
#text a {
color:#039;
padding:0 0.3em;
font-size:0.9em;
}
#text a:hover {
color:#f60;
}
#text_top {
float:left;
display:inline;
width:100%;
margin:0 0 1em 0;
}
#text_col1 {
width:47%;
float:left;
display:inline;
}
ul.icon {
list-style:none;
}
#text_col2 {
width:47%;
float:right;
display:inline;
}
#col3 {
width:30%;
float:right;
margin:1em;
}
.textbox {
background-color:#abc;
border-radius:8px;
margin:0.2em;
}
.textbox li ul li {
list-style:disc;
}
h1 {
margin-top:0;
margin-bottom:1 em;
padding:0.1em 1em;
color:#fff;
background:#039;
background-image: -moz-linear-gradient(top,  #03a 10%, #038 90%);
background-image: -webkit-linear-gradient(top,  #03a 10%, #038 90%);
background-image: -ms-linear-gradient(top,  #03a 10%, #038 90%);
background-image: -o-linear-gradient(top,  #03a 10%, #038 90%);
background-image: linear-gradient(top,  #03a 10%, #038 90%);
font-size:1.1em;
border-radius:20px;
}
h2 {
font-size:1.3em;
margin-top:1.6em;
}
h2 .subtitle {
font-size:0.8em;
}
h3 {
font-size:0.9em;
color:#444;
padding-top:1em;
}
.h_topline {/* verkleinert die 1. Zeile der Überschrift */
font-size:0.7em;
}
p, li, ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
.blue {
color:#039;
}
.orange {
color:f60;
}
.i {
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:1.2em;
}
/*------------------------blockNAV-Anfang
Formate für orangen Navigationskasten*/

.blockNAV {
margin-bottom:2em;
padding:1em;
border-radius:8px;
border:solid 1px #039;
}
.blockNAV h2 {
padding-top:0;
margin-top:0.5em;
}
.blockNAV h3 {
padding-top:0;
margin-top:0.5em;
}
.blockNAV ul {
margin:1em;
padding:0;
}
.blockNAV li {
margin-bottom:0.2em;
margin-top:0.9em;
}
.blockNAV img {
display:block;
float:right;
margin-left:auto;
margin-right:auto;
}
.blockNAV a {
text-decoration:none;
padding:0 0.3em;
font-size:0.7em;
color:#eee;
border-radius:8px;
}
.blockNAV a:hover {
color:#f60;
border-top:#930;
border-left:#039;
border-right:#CC9900;
border-bottom:#c90;
background:#fff;
}

/*------------------------blockNAV -Ende*/

/*------------------------BLOCK-Anfang
Formate für normale Kästen in COL3*/

.block {
margin-bottom:2em;
padding:1em;
border-radius:8px;
border:solid 1px #039;
}
.block h2 {
padding-top:0;
margin-top:0.5em;
}
.block h3 {
padding-top:0;
margin-top:0.5em;
}
.block ul {
margin:1em;
padding:0;
}
.block li {
margin-bottom:0.2em;
margin-top:0.9em;
}
.block img {
display:block;
float:right;
margin-left:auto;
margin-right:auto;
}
.block a {
text-decoration:none;
padding:0 0.3em;
font-size:0.7em;
color:#039;
border-radius:8px;
}
.block a:hover {
color:#f60;
border-top:#930;
border-left:#039;
border-right:#CC9900;
border-bottom:#c90;
}
/*------------------------BLOCK-Ende*/
	
.img_left {
float:left;
width:70px;
height:auto;
}
.img_right {
float:right;
width:90px;
height:auto;
margin:0;
padding:0;
}
.img_right_small {
float:right;
width:50px;
height:auto;
}
#text ul.textlink {
padding-left:0;
}
#text li.textlink {
list-style:none;
background-color:#bbb;
border-radius:8px;
margin-bottom:0.9em;
padding-top:0.6em;
display:block;
}
#text li.textlink ul {
padding-bottom:1em;
padding-left:1.6em;
}
#text li.textlink ul li {
list-style:disc;
display:none;
margin-left:3em;
margin-right:1em;
}
#text li.textlink a {
text-decoration:none;
color:#000;
margin-left:4.3em;
padding-top:0.1em;
display:block;
font-size:0.8em;
}
#text li.textlink a:hover {
text-decoration:underline;
background-color:#bbb;
}
#text p.foot {
color:#666666;
font-size:0.7em;

}
img_blau_klein {
float:right;
width:25px;
height:auto;
margin-top:-0.5em;
}
.img_info {
float:left;
margin:0;
padding:0;
padding-right:1em;
padding-top:1em;
}
h1 .smart {
width:90px;
height:auto;
}
h2 .smart {
width:70px;
height:auto;
}
h3 .smart {
width:60px;
height:auto;
}
p .smart {
width:40px;
height:auto;
}

/*-------------------------------------- Accordeon START*/
#accordeon {
border:1px solid #ccc;
border-radius:8px;
background-color:#f60;
min-width:280px;
}
#accordeon h3 {
color:#fff;
padding: 0em 0.5em;
}
#accordeon p {
color:#fff;
padding:0.5em;
}
#accordeon ul {
color:#039;
list-style:none;
padding:0;
}
#accordeon li.link {
padding:0.5em;
}
#accordeon li.link span {
background-color:#fff;
}
#accordeon li.link:hover {
height:auto;
}
#accordeon li.link:hover span {
background-color:#ff0;
}
#accordeon li.link > ul {
display:none;
margin-top:1.8em;
}
#accordeon li.link:hover ul {
display:block;
padding:0.2em 0;
}
#accordeon td {
vertical-align:top;
padding:0.5em 1em 0.5em 0.5em;
}
#accordeon ul.bullet {
list-style:disc;
margin-left:1em;
}
#accordeon ul.bullet li{
font-size:0.8em;
}
#accordeon td.tag {
font-size:0.7em;
text-align:center;
padding:0.8em;
border-bottom:1px solid #930;
border-right:1px solid #930;
border-top:1px solid #f93;
border-left:1px solid #f93;		
}
#accordeon li.link span {
display:block;
padding: 0.2em ;
padding-left:0.9em;
border-radius:12px;
border-top:2px solid #aaa;
border-left:2px solid #aaa;	
}
#accordeon img.blau_small {
width:35px;
height:auto;
}
/*-------------------------------------- Accordeon ENDE*/

/*-------------------------------------- AccordeonTXT START*/
div.accordeonTXT {
margin: 0 0 1em 0;
height:auto;
/*border:1px solid #ccc;
border-radius:3px;*/
border:solid 1px #039;
border-radius:8px;
}
.accordeonTXT a {
padding-left:1em;
margin-top:0;

}
.accordeonTXT p.head {
padding:0.8em;
border-top-left-radius:3px;
border-top-right-radius:3 px;
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:1.3em;
font-weight:bolder;	
margin:0;
}
.accordeonTXT ul {
padding:0;
color:#555;
margin:0;
padding-bottom:1em;
}
.accordeonTXT li.link {
padding:0.8em 1em;
padding-left:0.5em;
display:block;
list-style:none;
}
.accordeonTXT li.link:hover {
height:250px;
background:#ccc;
border-top:2px solid #fff;
}
.accordeonTXT li.link  {
display:block;
background:#fff;
border-top:1px dotted #ccc;
color:#f60;
}
.accordeonTXT li.link:hover a {
font-weight:bolder;

}
.accordeonTXT li.link:hover ul {
display:block;
padding:0.2em 1em;
}
.accordeonTXT li.link > ul {
display:none;
list-style:none;
margin-top:1em;
}
.accordeonTXT li.link > ul > p {
font-size: 0.7em;
}
.accordeonTXT li.link > ul.bullet {
list-style:disc;
margin-left:1em;
}
.accordeonTXT li.link > ul.bullet ul {
list-style:circle;
}
.accordeonTXT ul li {
font-size:0.7em;
padding-top:0.5em;
}
.accordeonTXT  li  li {
padding:0.3em 0;
font-weight:bolder;
margin-left:0.5em;
}
.accordeonTXT  li  li ul {
margin-top:0.5em;
}
.accordeonTXT  li li ul li {
padding:0;
font-weight:normal;
list-style:circle;
}
.accordeonTXT li.link a img.lupe {
padding-top:0em;

float:left;
border:none;
}
 img.kategorie {
float:right;
width:30px;
height:auto;
padding-left:0.8em;
}
img.bereich {
float:right;
width:20px;
height:auto;
padding-left:0.8em;
}

.accordeonTXT  img.level {
float:right;
width:50px;
height:auto;
padding-left:0.8em;
}
.accordeonTXT li.link a img.online {
margin-top:-8px;
float:right;
width:25px;
height:auto;

}
.accordeonTXT img.blau_small {
width:35px;
height:auto;
}
li.listimage {
margin-left:1.5em;
list-style:none;
padding-bottom:0.3em;
}
li.listimage img {
float:left;
width:25px;
height:auto;
padding-right:0.3em;
margin-left:-2em;
}
li.listimage td {
padding:0.2em 1.8em;
}
.accordeonTXT td {
font-weight:normal;
font-seize:0.8em;
padding:0.4em;
margin:0;
}
.accordeonTXT table {
margin:2em 0;
width:100%;
font-size:0.8em;
border-spacing:0;
}
.accordeonTXT tr.tablehead td {
font-weight:bold;
border-bottom:1px solid #555;
}
.accordeonTXT td {
padding-top:0.5em;
border-top:1px dotted #555;
}
.accordeonTXT td img {
padding:0 0.5em 0 0;
float:left;
width:20px;
height:auto;
}
.accordeonTXT p.foot {
font-size:0.8em;
font-weight:normal;
}

/*-------------------------------------- AccordeonTXT ENDE*/
a.sprache {
float:right;
}
img.smart_focus {
width:100px;
height:auto;
float:right;
padding-top:1em;	
}
img.smart {
width:80px;
height:auto;
display:inline;
float:left;
margin-top:-0.7em;
margin-right:0.3em;	
}
/*-------------------------------------- Quicktip START*/
span.quicktip {
margin:0;
border-bottom:1px dotted #000;
}
span.quicktip:hover  {
border:none;
color:#039;
}
span.quicktip span a {
text-decoration:none;
color:#f60;
}
span.quicktip span a:hover {
text-decoration:underline;
}
span.quicktip:hover span {
display:inline;
margin:0;
margin-left:0.5em;
}
span.quicktip span {
display:none;
color:#f60;
font-size:0.6em;
}
/*-------------------------------------- Quicktip ENDE*/

/*submen -START*/
div.submen {
color:#039;
margin:0;
}
div.submen:hover  {
background-color:#FFFF00;
}
div.quicktip:hover div {
display:block;
}
div.submen div{
display:none;
color:#000;
border-top:1px dotted #0cc;
background-color:#0ff;
font-family:"Courier New", Courier, mono;
font-size:1.1em;	
}
/*submen -ENDE*/
img.grau {
float:right;
width:auto;
height:120px;
}
img.lupe {


}