﻿#divNav {

		margin: 0;
		padding: 0;
		height: 50px;
		width: 580px;
	}

#nav {
		position: relative;
		height: 50px;
		width: 580px;
		margin: 0;
		padding: 0;
	}

#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

#nav a {
		text-decoration: none;
	}

#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 10px;
	}

#nav li ul {
		display: none;
	}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 26px;
		left: 0;
	  padding-top: 10px;
		background: #000066;
		height: 26px;
		width: 580px;
		padding-left: 10px;
	}

#nav li.on ul {
		background: #000066;
	}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #000066;
	}

#nav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		padding: 0;
	}

#nav li.on a {
		color: #000066;
	}

#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #000066;
		width: auto;
		margin-right: 10px;
	}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #000066;
	}

#nav li.on ul {
		display: block;
	}

#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

#nav li span {
		position: absolute;
		left: -9384px;
	}

#nav li.off a:hover, #nav li.on a:hover { 
		color: #FFAC00;
	}

	/*do the image replacement*/



#liInformationen_kln a, #liPartnerprogramme_kln a, #liRegistrierung_kln a, #liHilfe_kln a, #liKontakt_kln a {
		display: block;
		position: relative;
		height: 26px;
		left: 0;
		background: url(http://www.adklick.de/img/menu_kln.png) no-repeat; /*contains all hover states*/
	}
	
#liKonto_ln a, #liPartnerprogramme_ln a, #liStatistiken_ln a, #liHilfe_ln a, #liKontakt_ln a {
		display: block;
		position: relative;
		height: 26px;
		left: 0;
		background: url(http://www.adklick.de/img/menu_ln.png) no-repeat; /*contains all hover states*/
	}

/*KLN*/

#liInformationen_kln a {
		background-position: 0 0;
		width: 105px;
}

#liPartnerprogramme_kln a {
		background-position: -108px 0;
		width: 135px;
}

#liRegistrierung_kln a {
		background-position: -248px 0;
		width: 103px;}

#liHilfe_kln a {
		background-position: -356px 0;
		width: 73px;}

#liKontakt_kln a {
		background-position: -437px 0;
		width: 63px;}

#liInformationen_kln.on a {
 		background-position: 0px -35px;
 }
#liPartnerprogramme_kln.on a {
 		background-position: -108px -35px;
 }
#liRegistrierung_kln.on a {
 		background-position: -248px -35px;
 }
#liHilfe_kln.on a {
 		background-position: -356px -35px;
 }
#liKontakt_kln.on a {
 		background-position: -437px -35px;
 }


/*hover states*/

#liInformationen_kln a:hover, #liInformationen_kln:hover a, #liInformationen_kln.over a {
		background-position: 0 -70px;
		width: 105px;}

#liPartnerprogramme_kln a:hover, #liPartnerprogramme_kln:hover a, #liPartnerprogramme_kln.over a {
		background-position: -108px -70px;
		width: 135px;}

#liRegistrierung_kln a:hover, #liRegistrierung_kln:hover a, #liRegistrierung_kln.over a {
		background-position: -248px -70px;
		width: 103px;}

#liHilfe_kln a:hover, #liHilfe_kln:hover a, #liHilfe_kln.over a {
		background-position: -356px -70px;
		width: 73px;}

#liKontakt_kln a:hover, #liKontakt_kln:hover a, #liKontakt_kln.over a {
		background-position: -437px -70px;
		width: 63px;}


/*LN*/

#liKonto_ln a {
		background-position: 0 0;
		width: 60px;
}

#liPartnerprogramme_ln a {
		background-position: -79px 0;
		width: 139px;
}

#liStatistiken_ln a {
		background-position: -235px 0;
		width: 88px;}

#liHilfe_ln a {
		background-position: -348px 0;
		width: 76px;}

#liKontakt_ln a {
		background-position: -435px 0;
		width: 65px;}

#liKonto_ln.on a {
 		background-position: 0px -35px;
		width: 60px; }
#liPartnerprogramme_ln.on a {
 		background-position: -79px -35px;
		width: 139px; }
#liStatistiken_ln.on a {
 		background-position: -235px -35px;
		width: 88px; }
#liHilfe_ln.on a {
 		background-position: -348px -35px;
		width: 76px; }
#liKontakt_ln.on a {
 		background-position: -435px -35px;
		width: 65px; }


/*hover states*/

#liKonto_ln a:hover, #liKonto_ln:hover a, #liKonto_ln.over a {
		background-position: 0 -70px;
		width: 60px;}

#liPartnerprogramme_ln a:hover, #liPartnerprogramme_ln:hover a, #liPartnerprogramme_ln.over a {
		background-position: -79px -70px;
		width: 139px;}

#liStatistiken_ln a:hover, #liStatistiken_ln:hover a, #liStatistiken_ln.over a {
		background-position: -235px -70px;
		width: 88px;}

#liHilfe_ln a:hover, #liHilfe_ln:hover a, #liHilfe_ln.over a {
		background-position: -348px -70px;
		width: 76px;}

#liKontakt_ln a:hover, #liKontakt_ln:hover a, #liKontakt_ln.over a {
		background-position: -435px -70px;
		width: 65px;}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
		display: block;
		background: #000066;
		color: #FFFFFF;
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
}		

#nav li.on ul a {
		background: #000066;
}

#sectionLinks {
padding-top: 0px;
	}
#sectionLinks a:link, #sectionLinks a:visited {
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	text-decoration: none;
	color: #000066;
	background-color: #F1F7FA;
	border-top: 1px solid #000066;
	border-left: 1px solid #000066;
}

#sectionLinks a:hover{
	background-color: #000066;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	border-right: 5px solid #FFAC00;
}


#sectionLinks2 {
padding-top: 0px;
	}
#sectionLinks2 a:link, #sectionLinks2 a:visited {
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	text-decoration: none;
	color: #000066;
	background-color: #F1F7FA;
	border-top: 1px solid #000066;
}

#sectionLinks2 a:hover{
	background-color: #000066;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	border-right: 5px solid #FFAC00;
}

.dottedline { border: 1px solid #000066; }
.dottedline2 { border: 1px dashed #FFFFFF; }
.content { color: #000000; font-family: Arial,Verdana,Helvetica; font-size:12px;  }
.contentsm { color: #000000; font-family: Arial,Verdana,Helvetica; font-size: 11px;  }
.contentsm2 { color: #000066; font-family: Arial,Verdana,Helvetica; font-size: 11px;  }
.regcontent { color: #000000; font-family: Arial,Verdana,Helvetica; font-size: 12px;  }
.regex { color: #000000; font-family: Arial,Verdana,Helvetica; font-size: 11px; }
.headline { color: #000066; font-family: Arial,Verdana,Helvetica; font-size: 14px; }
.headlinew { color: #FFFFFF; font-family: Arial,Verdana,Helvetica; font-size: 12px; }
.headline2 { color: #000066; font-family: Arial,Verdana,Helvetica; font-size: 15px; }
.copy { color: #222222; font-family: Arial,Verdana,Helvetica; font-size: 11px }
.logininput { font-family: Arial,Verdana,Helvetica; border: 1px solid #000000; color: #444444; width: 100px;} 
.reginput { font-family: Arial,Verdana,Helvetica; border: 1px solid #000000; color: #444444;}
.reginputsm { font-family: Arial,Verdana,Helvetica; font-size: 11px; border: 1px solid #000000; color: #444444;}
.registerFailed { font-family: Arial,Verdana,Helvetica; font-size: 11px; color: #EE0000 }
.green { font-family: Arial,Verdana,Helvetica; font-size: 12px; color: #00CC00 }
.red { font-family: Arial,Verdana,Helvetica; font-size: 12px; color: #ee0000 }
.red2 { font-family: Arial,Verdana,Helvetica; font-size: 12px; color: #ee0000 }

P,LI,OL {
COLOR: #000000;
font-size:12px;
font-family:Arial,Verdana,Helvetica;
text-decoration:none;
}


a.stats:link
{
        color:#FFFFFF;
	text-decoration:none;
}

a.stats:visited
{
        color:#FFFFFF;
	text-decoration:none;
}

a.stats:hover
{
        color:#FFAC00;
        text-decoration:none;
}

a:link
{
        color:#000066;
        text-decoration:underline;
}
a:visited
{
        color:#000066;
        text-decoration:underline;
}
a:hover
{
        color:#FFAC00;
        text-decoration:none;
}

td
{
font-size:12px;
font-family:Arial,Verdana,Helvetica;
COLOR: #000066;
}
INPUT,SELECT {
        BORDER-RIGHT: #000066 1px solid;
        BORDER-TOP: #000066 1px solid;
        FONT-SIZE: 12px;
        BORDER-LEFT: #000066 1px solid;
        COLOR: #000000;
        BORDER-BOTTOM: #000066 1px solid;
        FONT-FAMILY: Arial,Verdana,Helvetica;
        BACKGROUND-COLOR: #ffffff;
}

.button {
        BORDER-RIGHT: #FFAC00 1px solid;
        BORDER-TOP: #FFAC00 1px solid;
        FONT-SIZE: 12px;
        font-weight: bold;
        BORDER-LEFT: #FFAC00 1px solid;
        COLOR: #000066;
        BORDER-BOTTOM: #FFAC00 1px solid;
        FONT-FAMILY: Arial,Verdana,Helvetica;
        BACKGROUND-COLOR: #FFFFFF;
}

TEXTAREA {
        BORDER-RIGHT: #000066 1px solid;
        BORDER-TOP: #000066 1px solid;
        FONT-SIZE: 12px;
        BORDER-LEFT: #000066 1px solid;
        COLOR: #000000;
        BORDER-BOTTOM: #000066 1px solid;
        FONT-FAMILY: Arial,Verdana,Helvetica;
        BACKGROUND-COLOR: #ffffff
}
INPUT.image {
        BORDER-RIGHT: #FFAC00 0px solid;
        BORDER-TOP: #FFAC00 0px solid;
        FONT-SIZE: 12px;
        BORDER-LEFT: #FFAC00 0px solid;
        COLOR: #333333;
        BORDER-BOTTOM: #FFAC00 0px solid;
        FONT-FAMILY: Arial,Verdana,Helvetica;
        BACKGROUND-COLOR: #ffffff;
}

html {  
   height: 101%;
   -webkit-text-size-adjust:none;
} 


body {
background-image:url(http://www.adklick.de/img/bg_verlauf.png);
background-position: top;
background-repeat:repeat-x;
color : #000000;
background-color: #E1EFF4;
font-size:12px;
font-family:Arial,Verdana,Helvetica;
}


CENTER
{
font-size:13px;
font-family:Arial,Verdana,Helvetica;
}

FORM
{
Font-Family: Arial,Verdana,Helvetica;
font-size:12px;
}

TABLE
{
Font-Family: Arial,Verdana,Helvetica;
font-size:12px;
}

TH
{
Font-Family: Arial,Verdana,Helvetica;
font-size:12px;
}

.success, .info, .error {
	background-position: 5px center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding: 7px 10px 7px 32px;
	border: 1px solid;
}

.success {
	color: #090;
	background-color: #efe;
	background-image: url(http://www.adklick.de/img/icons/successM.png);
	border-color: #090;
}

.success a, .success a:hover {
	color: #333;
}

.info {
	color: #000066;
	background-color: #F0F0FF;
	background-image: url(http://www.adklick.de/img/icons/infoM.png);
	border-color: #000066;
}

.info a, .info a:hover {
	color: #333;
}

.error {
	color: #AE0000;
	background-color: #fee;
	background-image: url(http://www.adklick.de/img/icons/errorM.png);
	border-color: #c00;
}

div.box_s {
background-image: url(http://www.adklick.de/img/box_s_mitte.png);
background-repeat: repeat-y; 
background-position: center;
width: 200px;
height: auto;   }
div.box_s h4  { 
color: white; 
font-size: 12px;
height: 25px;
background-image: url(http://www.adklick.de/img/box_s_oben.png);
background-repeat: no-repeat;
background-position: left top;
margin: 0; padding-top: 6px; padding-bottom: 3px; padding-right: 8px; padding-left: 8px; }
div.box_s_u { 
height: 15px;
background-image: url(http://www.adklick.de/img/box_s_unten.png);
background-repeat: no-repeat; }



div.box_m {
background-image: url(http://www.adklick.de/img/box_m_mitte.png);
background-repeat: repeat-y; 
background-position: center;
width: 300px;
height: auto;  }
div.box_m h4  { 
color: white; 
font-size: 12px;
height: 25px;
background-image: url(http://www.adklick.de/img/box_m_oben.png);
background-repeat: no-repeat;
background-position: left top;
margin: 0; padding-top: 6px; padding-bottom: 3px; padding-right: 8px; padding-left: 8px; }
div.box_m_u { 
height: 15px;
background-image: url(http://www.adklick.de/img/box_m_unten.png);
background-repeat: no-repeat; }


div.box_l {
	background-image: url(http://www.adklick.de/img/box_l_mitte.png);
background-repeat: repeat-y; 
background-position: center;
width: 580px;
height: auto;  }
div.box_l h4  { 
color: white; 
font-size: 12px;
height: 25px;
background-image: url(http://www.adklick.de/img/box_l_oben.png);
background-repeat: no-repeat;
background-position: left top;
margin: 0; padding-top: 6px; padding-bottom: 3px; padding-right: 8px; padding-left: 8px; }
div.box_l_u { 
height: 15px;
background-image: url(http://www.adklick.de/img/box_l_unten.png);
background-repeat: no-repeat; }

div.box_xl {
background-image: url(http://www.adklick.de/img/box_xl_mitte.png);
background-repeat: repeat-y; 
background-position: center;
width: 790px;
height: auto; }
div.box_xl h4  { 
color: #FFFFFF; 
font-size: 12px;
height: 25px;
background-image: url(http://www.adklick.de/img/box_xl_oben.png);
background-repeat: no-repeat;
background-position: left top;
margin: 0; padding-top: 6px; padding-bottom: 3px; padding-right: 8px; padding-left: 8px; }
div.box_xl_u { 
height: 15px;
background-image: url(http://www.adklick.de/img/box_xl_unten.png);
background-repeat: no-repeat; }
