*{
margin:0;
padding:0;
}
html,body{
font-family:arial,verdana;
font-size:9pt;
color:#000;
}
html{
min-width:100%;
height:100%;
min-height:100%;
background:url('../images/bg_effekt_head.png') top repeat-x #c7c7c7;
}
body{
min-width:100%;
min-height:100%;
background:url('../images/bg_effekt_foot.png') bottom repeat-x;
}
/*Div um alles herum*/
#all{
width:1000px;
height:100%;
margin:0 auto;
}
/*Mittelteil mit dem Navi und dem Content*/
/*Das .cont ist dafür da, um den Inhalt vom Rand weg zu bekommen.*/
#middle{
width:100%;
background:url('../images/content_bg.png') repeat-y;
}
#middle .cont
{
width:986px;
margin:0 auto;
}
/*Der Footer*/
#footer{
width:100%;
height:162px;
background:url('../images/footer.png') no-repeat;
color:#fff;
}
#footleft{
margin-top:53px;
margin-left:15px;
float:left;
}
#footer a#jb-tainment{
display:inline-block;
position:absolute;
right:310px;
margin-top:55px;
width:150px;
height:17px;
}
#footleft a{
font-size:10pt;
color:#fff;
text-decoration:none;
}
#footbannerleft{
float:left;
position:realtive;
width:728px;
height:90px;
margin-left:-150px;
margin-top:90px;
border:none;
}
#footbannerright{
float:right;
position:realtive;
width:468px;
height:60px;
margin-right:20px;
margin-top:90px;
border:none;
}
.clear{clear:both;} 

/*Der Inhalt in der Mitte*/
.content{
width:637px;
float:left;
}
#content{
width:637px;
float:left;
}
#content .head{
width:100%;
height:34px;
background:url('../images/cont_head.png') no-repeat;
}
#content .bgdiv{
width:100%;
height:100%;
background:url('../images/cont_middle.png') repeat-y;
}
#content .cont{
width:620px;
padding:0px 0;
margin:0 auto;
}
#content .head h1{
position:relative;
top:7px;
font-size:9pt;
color:#ffffff;
text-align:left;
margin-left: 15px;
}
#content .foot{
width:100%;
height:19px;
background:url('../images/cont_foot.png') no-repeat;
}

/*Startseitengrafiken*/
#startgfx{
width:622px;
height:227px;
background:url('../images/startgrafik_1.png') no-repeat;
}
#text1{
width: 480px;
position:relative;
top:10px;
left:15px;
font-size:13pt;
color:#004d70;
}
#text2{
width: 400px;
position:relative;
top:12px;
left:15px;
font-size:9pt;
color:#000000;
}
#startgfxbig{
width:622px;
height:324px;
background:url('../images/startgrafik_vorteile.png') no-repeat;
}
#startgfxbig .bigtext1{
float:left;
width: 260px;
position:relative;
font-size:9pt;
margin-left:10px;
top:35px;
}
#bigtext2{
float:right;
width: 280px;
position:relative;
font-size:9pt;
right: 7px;
margin-top: -290px;
}

/*Header mit Buttons, Login usw.*/
#header{
width:100%;
height:304px;
background:url('../images/header.png');
}

/*Statistik*/
#headstatistik{
position:relative;
left:710px;
top:18px;
color:#000000;
font-size:9pt;
width:270px;
height:15px;
}

/*Kampagnen*/
#headkampagnen{
position:relative;
left:551px;
top:75px;
color:#000000;
font-size:9pt;
width:425px;
height:80px;
}

/*Homebutton*/
#homebutton{
position:relative;
float:left;
width:52px;
height:39px;
left:13px;
top:134px;
border:none;
}
#homebutton:hover{
background:url('../images/home_hov.png') no-repeat;
} 
#homebutton a {
display:block;
width:52px;
height:39px;
}

/*Ab hier die Buttons*/
#headbuttons{
position:relative;
left:306px;
margin-top:0px;
width:681px;
height:35px;
}
#headbuttons menu{
list-style-type:none;
float:left;
}
#headbuttons menu li {
float:left;
display:inline-block;
height:35px;
width:136px;
margin:0 0px;
background:url('../images/headbutton.png') no-repeat;
text-align:center;
}
#headbuttons menu li:hover{
background:url('../images/headbutton_hover.png') no-repeat;
}

#headbuttons menu li a{
display:block;
width:136px;
height:35px;
margin-top:7px;
color:#000000;
text-decoration:none;
}

/*Loginfeld*/
#headerlogin{
margin-top:133px;
margin-left:72px;
width:290px;
height:29px;
background:url('../images/headlogin_bg.png') no-repeat;

}
#headerlogin form{
height:100%;
width:100%;
border:none;
}
#headerlogin .username{
width:127px;
height:20px;
background:none;
border:none;
color:#000000;
font-size:10pt;
margin-top:5px;
margin-left:8px;
}
#headerlogin .passwort{
width:127px;
height:20px;
background:none;
border:none;
margin-left:14px; 
color:#000000;
}
#headerlogin .submit{
float:left; 
position:relative;
width:73px;
height:27px;
background:url('../images/login_butt.png') no-repeat;
border:none;
margin-left:292px;
margin-top:-24px;
color:#000000;
font-size:8pt;
}
#headerlogin .submit:hover,#headerlogin .submit:active{
background:url('../images/login_butt_hov.png') no-repeat;
}

/*PW vergessen*/
#pwbutton{
position:relative;
width:32px;
height:27px;
left:440px;
top:-28px;
background:url('../images/pw_butt.png') no-repeat;
}
#pwbutton:hover{
background:url('../images/pw_butt_hov.png') no-repeat;
} 
#pwbutton a {
display:block;
width:32px;
height:27px;
}

/*Newsticker*/
#newsticker{ 
position:absolute;
top: 280px;
width:490px;
height:19px;
margin-left:490px;
}
/*Die Navigation*/

#navi_left,#navi_right{
width:174px;
}
#navi_left{
float:left;
}
#navi_right{
float:right;
margin-right: 1px;
}
#navi_left .head, #navi_right .head{
width:100%;
height:34px;
}
#navi_left .head{
background:url('../images/nav_head.png') no-repeat;
}
#navi_right .head{
background:url('../images/nav_head.png') no-repeat;
}
#navi_left .head h1,#navi_right .head h1{
position:relative;
float:left;
font-size:9pt;
margin-top:7px;
margin-left:12px;
color:#fff;
}
#navi_left .bgdiv,#navi_right .bgdiv{
width:100%;
height:100%;
background:url('../images/nav_middle.png') repeat-y;
}
#navi_left .bgdiv{
background:url('../images/nav_middle.png') repeat-y;
}
#navi_right .bgdiv{
background:url('../images/nav_middle.png') repeat-y;
}
#navi_left .cont_link,#navi_right .cont_link,
#navi_left .cont_nolink,#navi_right .cont_nolink{
width:174px;
padding:0 0 0;
margin:0 auto;
}

/*Navigation mit Link*/

#navi_left .cont_link menu{ 
margin-left:0px;
font-weight:normal;
list-style-type:none;
}
.cont_link menu li{
padding-left:11px;
padding-top:4px;
}
.cont_link menu li a{
display:block;
height:28px;
width:160px;
}
#navi_left .cont_link menu li.top{ 
height:20px;
background:url('../images/nav_link_bg.png') no-repeat;
}
#navi_left .cont_link menu li.mid{
height:20px;
background:url('../images/nav_link_bg.png') no-repeat;
}
#navi_left .cont_link menu li.bot{
height:20px;
background:url('../images/nav_link_bg.png') no-repeat;
}
#navi_left .cont_link menu li.top:hover{
height:20px;
background:url('../images/nav_link_bg_hover.png') no-repeat;
}
#navi_left .cont_link menu li.mid:hover{
height:20px;
background:url('../images/nav_link_bg_hover.png') no-repeat;
}
#navi_left .cont_link menu li.bot:hover{
height:20px;
background:url('../images/nav_link_bg_hover.png') no-repeat;
}
#navi_left a{
color:#000;
text-decoration:none;
}
#navi_left .foot_linked{
width:100%;
height:19px;
margin-bottom:0px;
}
#navi_left .foot_linked{  
background:url('../images/nav_foot.png') no-repeat;
}
#navi_right .foot_linked{       
background:url('../images/nav_foot.png') no-repeat;
}

/*Navigation ohne Link*/

#navi_left .top_nolink,#navi_right .top_nolink{
width:100%;
height:1px;
background:url('../images/nav_middle.png') no-repeat;
}
#navi_left .top_nolink{
margin-left:0px;
}
#navi_right .top_nolink{
margin-left:0px;
}
#navi_left .bgdiv_nolink,#navi_right .bgdiv_nolink{
width:100%;
height:100%;
background:url('../images/nav_middle.png') repeat-y;
}
#navi_right .cont_nolink{
width:171px;
padding-left:0px;
color:#000;
background:url('../images/nav_middle.png') repeat-y;
}
#navi_right .cont_nolink{
width:171px;
padding-left:2px;
color:#000;
background:url('../images/nav_middle.png') repeat-y;
}
#navi_left .cont_nolink{
margin-left:0px;
}
#navi_right .cont_nolink{
margin-left:0px;
}
#navi_left .foot_nolink,#navi_right .foot_nolink{
width:100%;
height:19px;
}
#navi_left .foot_nolink{
background:url('../images/nav_foot.png') no-repeat;
}
#navi_right .foot_nolink{
background:url('../images/nav_foot.png') no-repeat;
}