﻿body {
    margin:0px;
    margin-bottom:25px;
}

body, 
table td
{
    font-family:Verdana,Arial;
    font-size:11px;
    line-height:14px;
    color:#444444;
}

table, td { padding:0px; margin:0px; }

a { color:#FF6600; text-decoration:none; }
a:hover { text-decoration:underline; }

b, strong { color:#FF6600; }

.logoFont, .logoFont b { color:#FF6600; }
.boxBorder { border:solid 1px #FF6600; }
.green { color: #FF6600; }
.schwarz { color:Black; }
.bgOrange { background-color:#FF6600; }
.bgWeiss { background-color:White; }
.lightGrey { color:#808080 }
.invisbleColor { color:#DDDDDD; }
     
.cbSecondLine { display:inline-block; margin-left:20px; }

td.right { text-align:right; }
td.bottom {  }

.fieldLabel {
    display:inline-block; 
    width:100px; 
}

iframe {
    border:none;
    .border:transparent;
    margin:0px;
    padding:0px;
}
    
.fehlerField { background-color:Red; color:White; }
b.fehlerField { background-color:Transparent; display:inline-block; color:red; }

.ul { 
    margin:5px 0px 5px 0px;    
    list-style-position:inside;
    padding:0px;
}
.ul li { margin-bottom:2px;  }
.ul.raw { list-style-type:none; list-style-position:outside; }

img { border:none; }
hr { 
    height: 1px;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: black;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
}
hr.lightGrey { border-color:#bfbfbf; }
hr.short { width:150px; border-style:solid; text-align:left; }
h1, h2, h3 { margin:0px; padding:0px; }
h1 { font-size:16px; font-weight:bold; }
h2 { font-size:13px; font-weight:bold; }
h3 { font-size:13px; font-weight:bold; }

.hide { display:none; }
    
.article {
    margin-left:12px;
    margin-right:12px;
}
    
.absatz {
   padding-bottom:25px;
}

.noAbsatz 
{
    margin:0px !important;
    padding:0px !important;
}
        
.SchriftKlein { font-size:10px; }
.SchriftKlein1 { font-size:9px; }
.SchriftKlein sup { font-size:9px; }

sup { font-size:8px; }

.clear { clear:both; width:0px; height:0px; }

.contentSpalte {
    width:50%;
    float:left;
}
    
#bodyBox {
    position:relative;
    background-color:White;
    width:800px;
    margin:auto;
}    

#top {
    position:relative;
    width:100%;
    height:115px;
}
    
#logo {
    position:absolute;
    top:30px;
}    

#topSuche {
    position:absolute;
    top:0px;
    right:18px;
    padding:2px;
}    
#txtTopSuche { width:110px; }

#topSuche,
#topSuche input {
    background-color:#E1ECF2;
    color:#808080;
    border:none;
}

#txtTopSuche { .padding-bottom:2px; }
#topNavi {
    position:absolute;
    right:165px;
    top:4px;
}
    
#topInfo {
    position:absolute;
    top:40px;
    right:20px;
}
    
#topChat {
    position:absolute;
    right:20px;
    bottom:4px;
    text-align:right;
}    
#topChat img { margin-bottom:5px; }

/* Kruemel-Style */
#kruemel { background-color:#e1ecf2;  font-size:10px; display:inline-block; padding:8px 50px 8px  15px; }
#kruemel, #kruemel * { color:Black !important; }
/* -------------- */

/* contentBox */
#contentBox { background-color:#e1ecf2; padding-left:15px; padding-right:10px; } 
.h1Headline { color:#FF6600; font-size:16px; font-weight:bold; padding-top:24px; }
.h2Subline { font-size:13px; font-weight:bold; margin-top:15px; } 
.h2Subline span { font-size:11px; font-weight:normal; margin-top:15px; display:block; } 

#contentBox>.left { 
    width:575px; 
    float:left;
}

#contentBox>.right {
    float:right;
    margin-top:63px;
}        

#contentBox contentLeft { }
#contentBox contentRight { }
/* ----------- */ 

.hoverField:hover { background-color:#DDDDDD !important; color:Black !important; }
.hoverField:focus,
.focus24 { 
    background-color:White !important; 
    color:Black !important;  
}


/* bottom */
#bottom {
   clear:both;
   font-size:10px;
   padding-top:30px;
   padding-bottom:7px;
   text-align:right;
   background-color:#e1ecf2; 
}
.horizNavi a {
    display:inline-block;
    margin-right:25px;
    color:#808080;
}   

#bottom hr { border-color:#808080; }
/* --------------------- */

#widgetBox div {
    float:left;
    position:relative;
    top:-5px;
}    

#widgetBox div { left:-1px; }
#widgetBox div.first { left:-5px; }
#widgetBox div.last { left:2px; }

/*-- Schema: Clear -- */
.sClear #kruemel { background-color:Transparent; }
.sClear #contentBox { background-color:Transparent; padding-left:0px; padding-right:0px; }
.sClear #contentBox .right { width:0px; display:none; }
.sClear #contentBox .left { width:100%; }
.sClear #bottom { background-color:Transparent; }

.sClear .h1Headline { margin:0px; padding:0px; padding-top:5px; }
.sClear .h2Subline { margin:0px; padding:0px; }

.s4sContent #contentBox .right { width:0px; display:none; }
.s4sContent #contentBox .left { float:none; width:auto; padding-right:10px; }
/* ----------------- */

/* Schema 3+1s Float */
.s31noClear { /*DEBUG*/ }
/* ------------------ */

.clickImg { cursor:pointer; }

/* --- floats --- */
.floatLeft {
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}

.floatRight {
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}
        
/* --- InfoBox --- */
.infoBox { 
    position:relative;
    width:200px; 
    margin-top:20px;
    margin-bottom:15px;
    .margin-bottom:0px;
}    
.infoBox a {
}
    
.infoBox hr {
    margin-left:-9px;
    margin-right:-5px;
    margin-bottom:20px; 
    .margin-bottom:10px;
    width:180px;

    top:4px;
    .top:0px;
    
    position:relative;
    height: 1px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bfbfbf;
}
   
.infoBox .bg {  
    background-image:URL(Grafiken/box_bg.png); 
    background-repeat:repeat-y;
    padding-left:19px;
    padding-right:15px;
    padding-top:3px;
    padding-bottom:2px;
}  
.infoBox h3 {
    margin:0px;   
    padding:0px;
    
    top:3px;
    
    position:relative;
    display:block;
    font-size:14px;
    
    font-weight:bold;
    color:black; 
    line-height:normal;  
    text-transform:uppercase;     
}    
.infoBox .top {
    position:absolute;
    width:200px;
    height:13px;
    top:-12px;
    background-image:URL(Grafiken/box_top.png);
    background-repeat:no-repeat;
}
.infoBox .bottom {
    position:absolute;
    width:200px;
    height:14px;
    background-image:url('Grafiken/box_bottom.png');
    background-repeat:no-repeat;
}        

#bookmarks { margin-right:15px; margin-top:5px; }
#bookmarks a { margin-right:10px; }
    
/* SupportChat */
#divSupport {
    position:absolute;
    right:20px;
    top:117px;
    width:400px;
    background-color:#ffd6b8;
    border:solid 2px #FF6600;
    padding:5px;
    visibility:hidden;
    z-index:1500;
}      
#divSupport h1 { font-size:16px; margin:0px; line-height:18px; }
#divSupport .close {
    position:absolute;
    right:5px;
    top:5px;
    text-align:right;
}   

#divSupport #chat {
    background-color:White;
    border:solid 1px black;
    padding:3px;
    margin-top:25px;
    padding-bottom:5px;    
}
#divSupport #chat a {
    font-size:14px;
    font-weight:bold;
    color:#FF6600;
} 

/* Reiter */
.Reiter, .Reiter * { float:left; }
.Reiter a, .Reiter span { display:inline-block; padding:3px 15px 3px 15px; }
.Reiter:hover, .Reiter a:hover { text-decoration:none; }

.Reiter.c1, .Reiter.c1 * { border-right:solid 1px #E1ECF2; border-bottom:solid 1px white; background-color:white; color:#FF6600; font-weight:bold; }
.Reiter.c1.aktiv *, .Reiter.c1.aktiv { border-bottom:solid 1px #FF6600; background-color:#FF6600 !important; color:White !important; }
.Reiter.c1:hover, .Reiter.c1 a:hover { color:White; background-color:#ff931e; border-bottom:solid 1px #ff931e; }

.Reiter.c2, .Reiter.c2 * { background-color:Transparent; position:relative; top:0px; color:Black; font-weight:normal; }
.Reiter.c2 span, .Reiter.c2 a { padding:0px; padding-left:10px; }
.Reiter.c2.aktiv *, .Reiter.c2.aktiv { border-bottom:none; color:#FF6600 !important; font-weight:bold; text-decoration:none !important; background-color:Transparent !important; }    
.Reiter.c2:hover, .Reiter.c2 a:hover { text-decoration:underline; }

/* -------------------- */
/*     FORMULARE        */
/* -------------------- */

table.form { }
table.form .label { width:150px; }
table.form .field1 { width:253px; }
table.form .field2_1 { width:124px; }
table.form .field2_2 { width:123px; }

/* Spalten */
.spalten_4 { width:551px; }

/* Textpopup */
#popOver {
    display:none;
	position: absolute;
	top: 115px;
	left: 0%;
	width: 100%;
	height: 90%;
	background-color:#666666;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}     

#popOver_body {
    display:none;
    position:absolute;
    top:120px;
    left:0px;
    width:100%;
    z-index:1002;
}
   
#popOver_contentBox {

    position:relative;
    top:150px;
	width:550px;
    left:110px;
    
    background-color:white;
    border:solid 2px #FF6600;
    padding:15px;
    
	z-index:1003;
	overflow: auto;
}

#popOver_contentBox iframe { width:95%; height:450px; }
#popOver_contentBox .close { position:absolute; right:5px; top:5px; text-align:right; }   

/* Common Close-Button */
.close { }
.close a {
    display:inline-block;
    width:17px;
    height:17px;
    background-image:URL(Grafiken/close_button_off.gif);
}

.close a:hover { background-image:URL(Grafiken/close_button_on.gif); }

/* --- Print/Screen --- */
.ScreenOnly { }
.PrintOnly { display:none; }

/* formDiv */
.formDiv label
{
    display: block;
    font-size: 11px;
}
.formDiv input
{
    width: 100%;
    border-color: #dddddd;
    border-style: solid;
}

.formDiv .button {
    width:auto;
    border-color:inherit;
    border-style:inherit;
}
    
.noFormat  
{ 
    width:auto; 
}

.formDiv input:focus
{
    border-color: #ff6600 !important;
}

.formDiv input:hover
{
    border-color: #cccccc;
}
.formDiv div
{
    clear: both;
    margin-bottom: 8px;
}
.formDiv div div
{
    clear: none;
    float: left;
    margin-right: 25px;
    width: 175px;
}