@charset "utf-8";

@import url(wmodal.css);

* {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif, Arial, Helvetica;
  font-size: 13px;
  color: black;
}

img { border: 0 }

h1 { font-size: 20px }
h2 { font-size: 16px }

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

body { background-color: #4D87C7; padding: 0 }

table { border-collapse: collapse }

td { vertical-align: top }

/*
.tooltip:hover { position: relative; background: transparent; text-decoration:none }
.tooltip .hint { position:absolute; visibility:hidden; display:inline; background-color: #FDFDE0; border: 1px solid black; color:black; padding:5px; width:300px; top:20px; left:0; }
.tooltip:hover .hint { display:block; font-weight:normal; text-decoration:none; visibility: visible }
*/
.help { border-bottom:1px dotted black; cursor:help }

div.msg_hint { background-color:#32BD32; padding:8px; color:white }
div.msg_hint * { color:white }
div.msg_error { background-color:red; padding:8px; color:white }
div.msg_error * { color:white }

.font_red { color:red }
.underlined { text-decoration:underline }
.font_bold { font-weight:bold }
.font_normal { font-weight:normal }
.font_italic { font-style:italic }
.floatl { float:left }
.padded_small { padding: 1px 0 1px 0 }
.removed { display:none }
.partitle_medium { padding-bottom: 8px; font-weight: bold; font-size:15px }

#page_frame { width:918px; margin:0 auto }

#page { background:white; padding: 16px 27px 16px 22px; background: url(../images/shadow_tail.gif) repeat-y white; }


#shadow_top { height: 16px; background: url(../images/shadow-top.gif) no-repeat }
#shadow_bottom { height: 16px; background: url(../images/shadow-bottom.gif) no-repeat }


#topnav { text-align: right; color: #808080; font-size: 11px }

#topnav a { color: #808080; font-size: 11px; text-decoration: none }
#topnav a:hover { text-decoration: underline }
#topnav a:active { text-decoration: underline }

#mainnav { height: 26px; background-color: #C0C0C0; padding-left: 20px; margin-top: 20px }

#mainnav .navi { float: left }
#mainnav .navi a { display: block; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding: 5px; text-decoration: none; border: 1px solid white; width: 110px; margin: 0; text-align: center }
#mainnav .navi a.active { text-decoration: underline; }
#mainnav .navi a:link { color: white; background: #C0C0C0 }
#mainnav .navi a:visited { color: white; background: #C0C0C0 }
#mainnav .navi a:hover { color: black; border-color: black; background: white }
#mainnav .navi a:active { color: black; border-color: black; background: white }

#slogan { text-align: right; color:white; padding:5px 10px 0 0; font-weight: bold }

#content_frame { padding-top: 10px }

#content_left { position:absolute; width:240px }
.content_box { border: 1px solid #C0C0C0; margin-bottom: 5px }
.box_title { padding: 4px 4px 4px 12px; color: white; font-weight:bold; background-color: #C0C0C0 }
.box_content { margin: 10px 30px 10px 30px }
.box_content .link { padding: 2px 0 2px 0 }
.box_content a { text-decoration: none }
.box_content a:hover { text-decoration: underline }
.box_content a:active { text-decoration: underline }

#content_body { margin-left: 250px; min-height:500px; height:auto !important; height:500px }

div.partitle { padding-bottom: 8px; font-weight: bold }
.par { margin-bottom: 16px }
div.parhalf { margin-bottom: 8px }
div.frmbox { border:1px solid #D1D3D4; background-color:#EFEFEF; padding:20px 0 20px 0 }
.frmbox .chngdt { height:22px; margin:2px 0 2px 0 }
.chngdt .label { float:left; width:192px; padding:2px 8px 0 0; text-align:right }
.chngdt .choice { float:left; width:244px }
.chngdt .choice2 { float:left; width:264px }
.chngdt .txtfld { padding-top:2px }
.chngdt .selector { padding-top:2px; height:16px }
.chngdt .selector img { cursor:pointer } 

#content_body div.fbox_tb { margin:auto; display:table; border-collapse:collapse }
#content_body div.fbox_tr { display:table-row }
#content_body div.fbox_td1 { display:table-cell; padding:2px; text-align:right; padding-right:4px }
#content_body div.fbox_td2 { display:table-cell; padding:2px }
#content_body div.fbox_td { display:table-cell; padding:2px; margin:auto; width:520px }

#content_body div.frmbut { margin-top: 2px; height: 20px; text-align:right }
a#active { text-decoration: underline }
a.active { text-decoration: underline }

#load_frame { visibility:hidden; position:absolute; left:7px; top:-7px; width:899px; padding-bottom:11px; height:100%; background-image:url(../images/semi-transparent.gif) }
#load_cont { height: 55px; width:321px; margin:auto; margin-top:200px; background-image:url(../images/loading-bg.png) }
#load_imgcont { float: left; padding:12px 12px 0 16px }
#load_title { font-weight:bold; font-size:14px; padding-top:20px }

input.text { height: 15px; border: 1px solid #333333; font-size: 12px }
input.checkbox { display:block; height:14px }
input.inline { float:left; margin:2px 4px 0 0 }
input.centered { float:left; margin-top:5px }
input.button { border: 1px solid #D1D3D4; background-color:#EFEFEF; height:22px; cursor:pointer; padding: 0 24px 0 24px }

textarea { border:1px solid #D1D3D4 }
textarea#nachricht { padding:8px; width:601px; height:82px; background: url(../images/ihre-nachricht.png) no-repeat #EFEFEF }

#alist p { padding: 2px 0 2px 15px }

#cal_menu { padding-bottom:32px }
#cal_menu * { float:left }
#cal_menu .text { padding-right:4px }
#cal_menu .red { color:red }
#cal_menu .green { color:green }
#cal_menu a { display:block; padding-right:4px }
#cal_menu a:hover { text-decoration:none }

div#regbar { height: 36px }
div#regbar * { font-size:9px }    
div#regbar a { text-decoration:none }
div#regbar .item { float:left; height:13px; border:1px solid #D1D3D4; text-align:center; padding:4px; width:112px }
div#regbar a.item:hover { background-color:#EFEFEF }
div#regbar .sep { float:left; height:13px; width:2px; border:1px solid #D1D3D4; border-left:0; border-right:0; padding:4px 0 4px 0 }
div#regbar .active { background-color:#EFEFEF }

div#scodeimg { float:left; width:75px; height:20px; background:url(../images/scode.jpg) no-repeat -85px }

div#stepscont { text-align:right; padding:12px 32px 0 0 }
div#stepscont a { margin: 0 8px 0 8px }
div#stepscont img { border: 1px solid black }

img.hover { opacity:0.45 }
a:hover img.hover { opacity:1.0 }

.sel_chngdt { display:none }

.hovertip {
    position: absolute;
    padding: 6px 6px;
    z-index: 2;
    min-width: 150px;
    max-width: 300px;

    background-color: #FDFDE0;
    border: 1px solid black;

    font-size: 12px;
    line-height: 18px;
    text-align: left;
}