*{
padding:0;
margin:0;
font-family:Arial,Helvetica,sans-serif;
border:0;
font-size:100.01%;
}


label{
display:block;
margin-bottom:1em;
overflow:hidden;
}

input,
select,
textarea{
padding:4px 2px;
background:url(../layout/field.png) repeat-x left top #fff;
color:#3d3d3d;
width:120px;
display:block;
float:left;
margin-right:8px;
}

input[type=hidden]{
display:none;
}

input.button{
width:auto;
color:#fff;
background:#0072bc;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:2px solid #fff;
padding:2px;
cursor:pointer;
}

a.button{
display:block;
text-decoration:none;
overflow:hidden;
float:left;
color:#fff;
background:#0072bc;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:2px solid #fff;
padding:2px 4px;
cursor:pointer;
}


html{
overflow-y:scroll;
background:url(../layout/bg.png) left top fixed;
height:100%;
}

body{
font-size:.8em;
line-height:1.45;
color:#3d3d3d;
background:url(../layout/container.png) center top repeat-y;
min-height:100%;
}

#assist{
width:1000px;
background:#fff;
margin:0 auto;
overflow:hidden;
}

#head{
float:left;
width:998px;
height:288px;
position:relative;
margin-bottom:-14px;
z-index:9;
background:url(../files/image/head/header1.jpg) no-repeat center top;
border-right:1px #fff solid;
border-left:1px #fff solid;
}

#head .himage{
z-index:7;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
overflow:hidden;
background:no-repeat left top;
}

#head .himage img{
position:absolute;
left:0;
right:0;
bottom:0;
}

#logo{
display:block;
position:absolute;
left:13px;
top:25px;
z-index:10;
}

#logo img{
display:block;
}

#pausehead,
#playhead{
position:absolute;
z-index:11;
right:13px;
bottom:25px;
padding:10px;
overflow:hidden;
background-color:#fff;
-moz-border-radius:8px;
-webkit-border-radius:8px;
cursor:pointer;
}

#langs{
position:absolute;
z-index:11;
right:13px;
padding-top:10px;
top:0;
overflow:hidden;
}

#langs li{
padding:2px;
list-style:none;
float:left;
position:relative;
z-index:20;
}

#langs img{
display:block;
}

#langs a,
#langs span{
padding:5px;
display:block;
}

#langs .bg{
background-color:#fff;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:19;
}

#langsdesc{
text-align:center;
clear:both;
width:100%;
}

#mm{
display:block;
position:absolute;
top:0;
left:249px;
padding:0 10px;
background:url(../layout/mm.png) left top;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
z-index:12;
}

#mm .bg{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#0072bc;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
z-index:13;
}

#mm li{
list-item:none;
display:block;
padding:0 5px;
float:left;
position:relative;
z-index:14;
}

#mm a{
float:left;
padding:10px 5px 5px;
display:block;
color:#fff;
font-family:"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
font-size:1.2em;
text-decoration:none;
}

#mm a.active,
#mm a.subactive,
#mm a:hover,
#mm a:focus{
background:url(../layout/arrow.png) no-repeat 50% -2px;
}

#mm ul{
position:absolute;
left:0;
top:100%;
background-color:#fff;
overflow:hidden;
padding:0 0 8px 0;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
min-width:100%;
display:none;
}

#mm li:hover ul,
#mm li:focus ul{
display:block;
}

#mm ul li{
clear:left;
margin:0;
padding:0;
}

#mm ul a{
font-family:Arial,Helvetica,sans-serif;
font-size:.83333em;
color:#0072bc;
min-width:100%;
margin:0;
padding:10px 10px 5px;
}

#mm ul a.active,
#mm ul a.subactive,
#mm ul a:hover,
#mm ul a:focus{
background:#ecf2f6;
}

#control{
height:155px;
width:201px;
padding:0 20px;
float:left;
position:relative;
z-index:11;
margin-bottom:-14px;
background-color:#ecf2f6;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
color:#0072bc;
}

#control p{
margin-bottom:.6em;
}

#control li{
float:left;
display:block;
list-style:none;
}

#genctrl{
display:none;
border-top:#bacfdd dotted 4px;
padding-top:1em;
position:absolute;
bottom:10px;
left:20px;
right:20px;
}

#genctrl li{
float:none;
display:inline;
position:relative;
}

#genctrl #genctrldig{
position:absolute;
right:0;
display:block;
text-align:right;
white-space:nowrap;
}

#genctrl img{
display:inline;
cursor:pointer;
margin-right:.6em;
}

#controltabs{
margin-bottom:.2em;
overflow:hidden;
}

#controltabs li{
float:left;
display:block;
list-style:none;
cursor:pointer;
padding:3px 5px;
position:relative;
}

#controltabs li:hover,
#controltabs li:focus{
background:#bacfdd;
color:#fff;
}

#controltabs li.js:hover,
#controltabs li.js:focus{
background:none;
color:#0072bc;
}

#controltabs li.active,
#controltabs li.active:hover,
#controltabs li.active:focus{
padding:3px 5px 11px 5px;
color:#fff;
background:url(../layout/ctrltab.png) no-repeat center bottom #0072bc;
}

#controltabs li div{
position:absolute;
z-index:9;
top:0;
right:0;
bottom:0;
left:0;
background-color:#bacfdd;
}

#controltabs li.active div{
background:#0072bc;
}

#controltabs li span{
position:relative;
z-index:10;
}

#banner{
height:155px;
width:759px;
position:relative;
z-index:11;
margin-bottom:-14px;
float:left;
overflow:hidden;
}

#banner #bannerleft{
width:60px;
height:155px;
padding:0;
position:absolute;
top:0;
left:0;
margin:0;
background:url(../layout/left.png) no-repeat center #fff;
z-index:25;
}

#banner #bannerleft.active{
background-image:url(../layout/left-active.png);
cursor:pointer;
}

#banner #bannerright{
width:60px;
height:155px;
padding:0;
position:absolute;
top:0;
right:0;
margin:0;
background:url(../layout/right.png) no-repeat center #fff;
z-index:25;
}

#banner #bannerright.active{
background-image:url(../layout/right-active.png);
cursor:pointer;
}

#banner div{
position:relative;
z-index:24;
width:351px;
height:141px;
padding:14px 14px 0 14px;
float:left;
background-color:#fff;
-moz-border-radius:8px;
-webkit-border-radius:8px
}

#banner div.active{
background-color:#fdf1d7;
}

#banner img{
position:relative;
left:-6px;
}

#banner h1{
font-family:"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
color:#0072bc;
font-weight:100;
}

#banner p{
font-size:.9em;
color:#3d3d3d;
}

#banner a.button{
float:right;
}

#container{
width:1000px;
float:left;
position:relative;
z-index:10;
float:left;
background:#fae2ae url(../layout/cg.png) repeat-x left top;
}

#sidebox{
padding:0;
width:241px;
float:left;
}

#sidebox div{
width:231px;
padding:30px 10px 20px 0;
float:left;
}

#sidebox div.nopad{
padding:0;
width:241px;
}

#sidebox div.hidden{
display:none;
}

#sidebox img{
margin-left:12px;
}

#sidebox a{
padding:4px 0 4px 20px;
margin:4px 0;
display:block;
text-decoration:none;
color:#3d3d3d;
}

#sidebox a:hover,
#sidebox a:focus,
#sidebox a.active{
background:url(../layout/harrow.png) no-repeat left center;
}

#sidebox h1,
#sidebox h2,
#sidebox p,
#sidebox table,
#sidebox li{
margin-left:20px;
}

#sub li{
margin:0;
}

#sidebox h1{
font-family:"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
color:#0072bc;
font-weight:100;
font-size:1.2em;
margin-bottom:.8em;
}

#sidebox p,
#sidebox ul,
#sidebox table{
margin-bottom:1em;
}

#sidebox li{
margin-bottom:.3em;
list-style:none;
}

#sidebox .broad li{
margin:0;
}

#sidebox div.nopad a{
padding:0;
background:none;
margin:0;
}

#sidebox div.nopad img{
margin:0;
}

#sidebox #events{
background:url(../files/image/content/veranstaltungen.png) no-repeat left top;
padding:0;
padding-top:29px;
width:241px;
}

#sidebox #events ul,
#sidebox #events ol,
#sidebox #events p{
margin:0 0 5px 0;
}

#sidebox #events h1{
margin:0;
}

#sidebox #events ul{
display:block;
padding:15px;
background:#ecf2f6;
}

#sidebox #events li{
margin:0;
cursor:pointer;
padding:5px 5px 1px 5px;
}

#sidebox #events li:hover{
background:#fff;
border:1px dotted #0072BC;
padding:4px 4px 0 4px;
}

#sidebox #events li.followup{
display:none;
}

#sidebox #events p{
margin-bottom:0;
}

#sidebox #events span.small{
display:block;
font-size:10px;
line-height:13px;
margin-bottom:2px;
}

#sidebox #events #moreevents{
border:none;
background:none;
padding:0;
margin-left:-15px;
}

#sidebox #events #moreevents a{
color:#0072BC;
}

#content{
padding:30px 20px 20px 10px;
width:729px;
float:left;
}

#content .video{
width:729px;
text-align:center;
}

#content h1{
font-family:"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
color:#0072bc;
font-weight:100;
font-size:1.8em;
margin-bottom:.6em;
}

#content h2{
font-family:"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
color:#0072bc;
font-weight:100;
font-size:1.2em;
margin-bottom:.8em;
}

#content p,
#content table{
margin-bottom:1em;
}

#content .picbars p{
overflow:hidden;
}

#content p.remark,
#content sub,
#content sup{
font-size:.7em;
}

#content img{
float:right;
margin:0 0 10px 20px;
clear:right;
}

#content .picbars img{
clear:none;
float:left;
margin:0 20px 10px 0;
}

#content .sticker img{
float:none;
margin:10px;
}

#content li{
margin-left:2em;
margin-bottom:1em;
clear:both;
}

#longevents #content li{
maragin-left:-20px;
padding-left:20px;
list-style:none;
background:url(../layout/liarrow.png) no-repeat 0 6px;
}

#longevents #content li h1{
margin:0;
}

#longevents #content li p{
margin:0;
}

#longevents #content span.large{
display:block;
font-size:18px;
line-height:22px;
margin-bottom:2px;
}

#longevents #content li span.small{
font-size:11px;
line-height:16px;
display:block;
padding:0;
margin:2px 0;
}

#content li ul{
margin-bottom:1.6em;
overflow:hidden;
}

#content li li{
list-style:none;
margin-left:1em;
margin-bottom:0;
float:left;
clear:none;
}

#content span.lastmodify{
color:#999;
}

#content a{
color:#0072bc;
text-decoration:underline;
}

#content a:hover,
#content a:focus{
text-decoration:none;
}

#content input,
#content select{
width:320px;
float:none;
}

#content textarea{
width:320px;
height:12em;
float:none;
}

#content input.button{
width:auto;
}

#content #search input,
#content #search select,
#content #search textarea{
float:left;
}

#content table img{
float:none;
display:inline;
margin:0;
}

#content td{
padding:0 1em 1em 0;
vertical-align:top;
}

#content .zebra td.border{
border-top:1px solid #000;
border-left:1px solid #000;
}

#content .zebra td.border.firstr{border-top:2px solid #000;}
#content .zebra td.border.lastd{border-right:2px solid #000;}
#content .zebra td.border.lastr{border-bottom:2px solid #000;}
#content .zebra td.border.firstd{border-left:2px solid #000;}

#content .zebra td{
text-align:center;
padding:2px 4px;
}

#content .zebra .even td.border{
background:#fff;
}

#content .zebra .odd td.border{
background:#e1eaf6;
}

#content #prodsel{
padding:0;
margin:0;
width:auto;
float:none;
display:block;
margin-bottom:1em;
overflow:hidden;
}

#content #prodsel span,
#content #prodsel label{
margin:0;
padding:0;
float:left;
margin-right:1em;
cursor:pointer;
}

#content #prodsel input{
width:auto;
padding:0;
margin:0;
display:inline;
margin-right:.2em;
}

#foot{
padding:10px 20px;
width:960px;
float:left;
color:#e2001a;
}

#foot p{
float:left;
}

#foot ul{
float:left;
margin-left:10px;
}

#foot li{
color:#0973ba;
float:left;
display:block;
}

#foot a{
color:#0973ba;
text-decoration:none;
padding:0 6px;
}

#foot a:hover,
#foot a:focus,
#foot a.active{
color:#04395d;
}
