@import url(fonts.css);
/*  ------------------------------
	Clickwerk.ch
	uca
		- Allgemein
		- Hauptkategorien
		- Visual unter Hauptkategorie
		- Navigation
			- Subnav
			- ContactBox
		- Content
			- Kurse
			- Farbbalken
		- Home
		- Sprachen
			- Orte
			- Anmeldung
			- Box right (Kurse pro Schule) - Anmeldung
		- Tools / buttons
		- Fusszeile

---------------------------------*/



/*  ------------------------------
	Allgemein
---------------------------------*/
html {overflow-y:scroll;}
body {
	border:0px;
	margin: 3px 0px 0px 3px;
	line-height: 13px;
}
div.disabled{display:none;}
hr.fuss{background-color:85856F;}

/*  ------------------------------
	Hauptkategorien
---------------------------------*/
div#hkatnav{width:770px;}
ul#hkat, ul#sprachen{
	margin:0px;
	padding:0px;
	width: 770px;
	font-family:Arial, Helvetica, sans-serif;	
	text-align: center;
	text-transform: uppercase;
	list-style-type:none;
}

ul#hkat li, ul#sprachen li{
	display: block;
	width: 90px;
	margin: 2px;
}

ul#hkat li{
	font-size: 10px;
	font-weight:bold;
	float:left;
	height:79px;
	display:block;
	border: 1px solid #FFFFFF;
}

ul#hkat li a{
	height:79px;
	display: block;
}

ul#hkat li a:hover{	
	background:url(../_img/nav_de/transp.gif) no-repeat right top;
}


/*  ------------------------------
	Visual unter Hauptkategorie
---------------------------------*/
ul#hkat li#visual{
	width:474px;
	padding:0px;
	background-repeat: no-repeat;
}

ul#hkat li#leer{background-color:#CBCBB5;}
ul#hkat li#location{border: 1px solid #828476; background-color:#FFFFFF;}


/*  ------------------------------
	Navigation
---------------------------------*/

div#nav{
	margin:0px 6px 0px 3px;
	width:186px;
	min-height:500px;
	float:left;
}
ul#nav, ul#ort{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-type:none;
}

ul#nav li, ul#nav li a, ul#ort li, ul#ort li a{
	text-decoration:none;
	color:#85856F;
	display:block;
}
div#nav ul#nav li{	width:170px;}
ul#nav li.nav1-lo a, ul#nav li.nav1-hi a, ul#ort li.nav1-lo a, ul#ort li.nav1-hi a, li.nav1-hi a{color:#000000;}


/*  ------	Subnav ------*/
div#content ul.subNav{
	list-style-type:none;
	padding:0px;
	margin:0px;
	display:block;
}
div#content ul.subNav li{
	display:block;
	float:left;
	min-width:180px;
	height:15px;
	padding-right:10px;
}
div#content ul.subNav2 li{
	margin-left: -40px;
	display:block;
	float:left;
	width:150px;
	height:15px;
	
}
div#content ul.fett{font-weight:bold;}

/*  ------	Optiongrup ------*/
/*select.subnav{
	width:180px;
	font-size:10px;
}
optgroup{
	font-style: normal;
	font-weight: bold;
}
*/

/*  ------	ContactBox ------*/
div.contactBox{
	color:#FFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 30px;
	margin:50px 0px 0 0;
	font-weight: bolder;
	display:block;
	width:126px;
	line-height: 17px;	
}

/*  ------------------------------
	Content
---------------------------------*/
div#content{ 
	width: 570px;
	float:left;
}
div#content-home{
	margin-left:5px !important;
	width: 580px !important;
}


div#content span#spezial{
	width: 474px;
	display:block;
}

input,textarea{
	border: 1px solid #999999;
	margin:1px;
}
.noborder{border:0px;}



/*  -----	Orte ----*/
div#left{
	float:left;
	width:190px;
	margin-left:3px;
}
div#right{
	width: 565px;
	margin-left:190px;
}

/*  ----- Kurse ----*/
div#kurse-right{
	width: 469px;
	margin-left:190px;
}

div#right.sprachen{
	padding-left:5px;
}

/* --- Farbbalken ---*/
div.farbbalken{
	color:#FFF;
	padding:5px 10px;
	/* width:455px; */
	width: 95%; 
}


/*  ------------------------------
	Home
---------------------------------*/
div#header{
	font-size: 12px;
	padding-top: 40px;
}

div#nav-home{
	margin:0 0 0 3px;
	width:85px;
	float:left;
}
div#content-home{width:570px;}
div#nav-home img.home-pfeil{padding:28px 0 0 25px; }

div.home-spalten{
	float:left;
	width:187px;
	padding-right:4px;
}

div.spalte-last{
	padding:0px !important;
	width:198px;
}

div#content-home h1{
	line-height: 16px;
	padding:0px;
	margin:0px;
}

div.home-headertext{
	padding-left:200px;
	height:25px;
	vertical-align:top;
}

div.home-spalten h3{
	line-height:5px;
	margin:5px 0px 10px 0px;
}

ul.home-punkte{	margin-bottom:30px;	}
ul.home-punkte li{list-style-type:square;}

h1.title-home{height:25px;}

#buttonGratiskatalog {
	float:left;
	display:block;
	margin-top:55px;
	height:79px;
	width:90px;
	background-image:url(../_img/gratiskataloge.gif);
	}
#buttonGratiskatalog:hover  {
	background-image:url(../_img/gratiskataloge2.gif);
	}
	
#buttonSpezialangebote {
	float:left;
	display:block;
	margin-top:25px;
	height:79px;
	width:90px;
	background-image:url(../_img/spezialangebote.gif);
	}
#buttonSpezialangebote:hover  {
	background-image:url(../_img/spezialangebote.gif);
	}

/*  ------------------------------
	Sprachen
---------------------------------*/

ul#sprachen{font-size: 9px;}
ul#sprachen li{
	float:left;
	height:14px;
	display:block;
	border: 1px solid #828476;
	line-height: 14px;
}

ul#sprachen li a{
	text-decoration:none;
	color:#85846F;
	display:block;
}

ul#sprachen li a:hover, ul#sprachen li.hi a{
	text-decoration:none;
	background-color:#85846F;
	display:block;
	color:#FFFFFF;
}


ul#nav, ul#ort {
	float:left;
	width:100px;
}

/* --- Box right (Kurse pro Schule) - Anmeldung --- */
div#infobox, div#kursebox, div#kurseboxTitle{
	width:166px;
	padding:10px;
	float:right;
}
/* --- box - Bild Schule --- */
.infobild{
	width:186px;
	margin-left:14px;
}

/* --- box2 - anmeldung --- */
div#infobox{
	background-color:#FC0;
	color:#FFF;
	font-size:12px;
	font-weight: bolder;
	text-decoration: none;
}

div#kurseboxTitle{
	background-color:#949484;
	color:#FFF;
	font-size:12px;
	font-weight:bolder;
}

div#kursebox{
	border: 1px solid #949484;
	width:164px;
	padding-top:5px;
}

div#kursebox ul#kurse{
	padding:0px;
	margin:0px 0px 0px 12px;
	list-style-type:circle;
	width:150px;
}









/*  ------------------------------
	Tools / buttons
---------------------------------*/

/*ul#tools{
	list-style-type:none;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
}

ul#tools li, ul#tools li a{
	float:left;
	background-color:#828476;
	color:#FFFFFF;
	width:80px;
	height:11px;
	margin-right:3px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
ul#tools li.hi, ul#tools li.hi a, ul#tools li a:hover{background-color:#F3B900;}
*/
div.ico{
	float:left;
	padding-right: 15px;
	color:000;
}
div.ico a{color:#000;}
img.ico{
	width:9px;
	height:9px;
}


/*  ------------------------------
	fusszeile / footer
---------------------------------*/
.footer a{
	text-decoration:none;
	color:
}
ul#kursliste{list-style-type:none;}
#footer-kurse{
margin-left:198px;
}

ul.sitemap {
	list-style:none;
}
ul.sitemap li a {
	line-height: 2em;
}