/* Allgemeine-Styles */
*
{
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
}

body{
background-color: #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #313131;
}

h2{ font-size:11px; }
h5{ font-size:18px; }

.h5home{ font-size:11px;color:#fff;padding:10px 2px 2px 10px; }
.h2home{ font-size:18px;color:#fff;padding:2px 2px 10px 10px; }
.h2homeblack{ font-size:18px;color:#111;padding:10px 2px 10px 10px; }

span.ahk{
display: block;
padding-left: 10px;
}

.hometeaser{
font-size: 11px;
}

.cimg{
z-index: 1;
}

.norepeattop{
background-position: top left;
background-repeat: repeat-x;
}


#page{
width: 100%;
text-align: center;
margin: 0 auto;
}

#site{
position: relative;
width: 900px;
height: 100%;
margin: 0 auto;
font-size: 95%;
background-color: #fff;
text-align: left;
}

#header{
position: relative;
height: 57px;
border-bottom: 1px solid #eee;
margin: 0px 25px;
}

#logo{
position: absolute;
left: 0px;
top: 15px;
width:205px;
height: 30px;
cursor: pointer;
}

#logo h1{
overflow: hidden;
display: none;
}

#topnav{
position: absolute;
right: 0px;
top: 30px;
width:550px;
height: 25px;
text-transform: uppercase;
font-weight: bold;
font-size: 105%;
text-align: right;
}

#topnav a, #middle a, a.clnk, a.whitelnk{
text-decoration: none;
font-weight: bold;
padding-left: 10px;
}

#topnav a:link, #topnav a:visited, #topnav a:active,
a.clnk:link, a.clnk:visited, a.clnk:active{
color: #111;
background-image:url(../images/arrow_black.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#topnav a:hover, #topnav a.on, 
a.clnk:hover{
color: #9f092e;
background-image:url(../images/arrow_red.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

a.whitelnk:link, a.whitelnk:visited, a.whitelnk:active{
color: #fff;
background-image:url(../images/arrow_white.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

a.whitelnk:hover{
background-image:url(../images/arrow_white.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

a.redlnk{
padding: 0px;
color: #9F092E;
text-decoration: none;
}

.imglnk{
margin: 5px 0px !important;
padding: 0px !important;
}

.imglnk img{
margin: 5px 0px;
}

#topnav ul li, #cnav li{
list-style-type: none;
display: inline;
padding-left: 5px;
}

#content{
position: relative;
min-height: 610px;
margin: 15px 25px;
font-size: 12px;
}

.ttop{
font-size: 11px;
}

#contentleft{
position: absolute;
top: 0px;
left: 0px;
width: 425px;
overflow: hidden;
}

#contentright{
position: absolute;
top: 0px;
right: 0px;
width: 425px;
height: 100% auto;
overflow: hidden;
border-left: 1px solid #eee;
}

#menu{
position: absolute;
left: 0px;
top: 0px;
width:205px;
overflow:hidden;
}

#menu div{
padding: 15px 0px 15px 0px;
position: relative;
background-repeat: repeat-x;
background-position: top left; 
margin-bottom: 1px; 
}

#menu ul li{
list-style-type: none;
padding:1px 5px 2px 15px
}

#menu ul li:hover, #menu ul li.on{
background-image:url(../images/li-arrow.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#menu ul li.litop{
font-size: 125%;
padding-bottom:8px;
}

#menu ul li.liin{
padding-left:25px;
}

#menu div.grey{
padding: 13px 0px 10px 0px;
}

#menu div.grey, .inboxgrey{
background-image: url(../images/nav-bg-grey.gif);
background-color: #738386;
}

#menu div.red, .inboxred{
background-image: url(../images/nav-bg-red.gif);
background-color: #A0092F;
}

#menu div.green, .inboxgreen{
background-image: url(../images/nav-bg-green.gif);
background-color: #63AD2A;
}

#menu div.hblue, .inboxhblue{
background-image: url(../images/nav-bg-hblue.gif);
background-color: #73AEBD;
}

#menu div.dblue, .inboxdblue{
background-image: url(../images/nav-bg-dblue.gif);
background-color: #157979;
}

#menu div.yellow, .inboxyellow{
background-image: url(../images/nav-bg-yellow.gif);
background-color: #D2C602;
}

#menu div.uloff{
padding:10px 0px 10px 0px;
}

#menu div a,#menu div ul li a{
text-transform: uppercase;
text-decoration: none;
font-size: 95%;
font-weight: bold;
}

#menu a:link, #menu a:active, #menu a:visited{
color: #fafafa;
}

#menu div.grey a:hover, #menu div.grey a.on, .inboxgrey .whitelnk:hover{ color: #b3bcbe; }
#menu div.red a:hover, #menu div.red a.on, .inboxred .whitelnk:hover{ color: #e98ca2; }
#menu div.green a:hover, #menu div.green a.on, .inboxgreen .whitelnk:hover{ color: #b9de9c; }
#menu div.hblue a:hover, #menu div.hblue a.on, .inboxhblue .whitelnk:hover{ color: #bedce5; }
#menu div.dblue a:hover, #menu div.dblue a.on, .inboxdblue .whitelnk:hover{ color: #8bc5c5; }
#menu div.yellow a:hover, #menu div.yellow a.on, .inboxyellow .whitelnk:hover{ color: #f5f1b2; }

#middle{
position: relative;
left: 220px;
top: 0px;
min-height: 600px;
overflow:hidden;
padding: 0px 15px;
border-left: 1px solid #eee;
}

#middle ul{
padding: 0px;
}

#middle ul li{
list-style-type: none;
margin-bottom: 5px;
}

.mul{
margin-top: 5px;
}

.mul li{
list-style-type: square !important;
margin-left: 20px;
}

.mol{
margin-left: 15px;
}

.mol li{
padding-bottom: 10px;
}

.sideblank{
width:400px;
}

.sideline{
width:380px;
border-right: 1px solid #eee;
}

.without-right{
width: 585px;
display: block;
}

.pboxes{
position: absolute;
z-index: 99;
/*display: none;*/
}

.boxgrey{
background-image: url(../images/cloudnose_grey.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

.boxred{
background-image: url(../images/cloudnose_red.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

.boxhblue{
background-image: url(../images/cloudnose_hblue.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

.boxdblue{
background-image: url(../images/cloudnose_dblue.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

.boxgreen{
background-image: url(../images/cloudnose_green.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

.boxyellow{
background-image: url(../images/cloudnose_yellow.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

.box{
background-repeat: repeat-x;
background-position: top left;  
}

.inbox{
background-repeat: repeat-x;
background-position: top left;
padding: 4px 10px;
min-width:100px;
margin-bottom: 23px;
color: #fff;
font-size: 100%;
}

#right{
position: absolute;
right: 0px;
top: 0px;
width:200px;
overflow:hidden;
}

#footer{
height: 30px;
border-top: 1px solid #ddd;
margin: 5px 25px;
text-align: right;
}

#footlinks{
padding-top: 5px;
}

.footline{
border-top: 1px solid #eee;
}

#footlinks a:link, #footlinks a:active, #footlinks a:visited{
color: #111;
font-size: 80%;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}

#footlinks a:hover, #footlinks a.on{
color: #9f092e;
}

#footlinks ul li{
list-style-type: none;
display: inline;
padding: 1px 5px;
}

/* Forms */

input{
color: #111;
font-size: 11px;  
}

label{
display: block;
margin-bottom: 3px;
margin-top: 7px;
}

.fld, .tfld{
padding: 2px 3px;
border: 1px solid #111;
margin-right: 5px;
}

.btn{
margin-top: 5px;
margin-right: 10px;
background-color: #fff;
cursor: pointer;
font-weight: bold;
padding-left: 10px;
font-size: 11px;
background-image:url(../images/arrow_black.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}
