/***********************************************/
/* styles2.css                             */
/* für appi-tv.ch        */
/* Juerg Koechli webservices4u GmbH                       */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 



body{
	font-family: Verdana, Arial,sans-serif;
    	font-size:10px;
	color: #000000;
	margin-top:0px;
	margin-bottom:0px;	
	padding: 0px;
	line-height:1.2; 
	letter-spacing:0.1em;
	background-color:#00ffff;
	background-image:url(../Kundendaten/Hintergrundfarben/220px00CCCC.gif);
	background-repeat:repeat-y;
	 }


*.td {	padding:0px;
	margin:0px;}

td {	padding:0px;
	margin:0px;}
        table {	padding:0px;
	margin-top: 0px;}

td.csc-form-labelcell {margin-left:10px;}


p { font-family: Verdana, Arial, sans-serif; color:#000000; font-size:14px; line-height:1.2; letter-spacing:0.1em; margin-left:0px; margin-right:5px; margin-top:-2px; margin-bottom:0px; padding-right: 8px; padding-left: 0px; padding-top:0px;  }

.topnav {
	font-family: Verdana, Arial,sans-serif;
	color: #000000;
	line-height:1;	
	font-size:14px; 
	letter-spacing:0.1em;
	margin: 5px 3px 3px 5px;
	padding-left: 5px;
	padding-right: 5px;
}



p.bodytext  { font-family: Verdana, Arial, sans-serif; color:#000000; font-size:14px; line-height:1.2; letter-spacing:0.1em; margin-left: 0px; margin-right:5px; margin-top:0px; margin-bottom:0px; padding-right: 8px; padding-left: 0px; padding-top:0px;   }


p.csc-form-label { font-family: Verdana, Arial, sans-serif; color: #000000;  font-size:12px; margin-left: 10px; margin-right:5px; margin-top:4px; margin-bottom:1px; padding-right: 8px; padding-top:2px; padding-left: 0px; padding-top:1px;  }


p.csc-sitemap csc-sitemap-level1 {font-family: Verdana, Arial, sans-serif; color: #000000;  font-size:12px; margin-left: 25px; margin-right:5px; margin-top:4px; margin-bottom:1px; padding-right: 8px; padding-top:2px; padding-left: 0px; padding-top:1px; }


p.csc-sitemap csc-sitemap-level2 {font-family: Verdana, Arial, sans-serif; color: #000000;  font-size:12px; margin-left: 40px; margin-right:5px; margin-top:4px; margin-bottom:1px; padding-right: 8px; padding-top:2px; padding-left: 0px; padding-top:1px; }

p.csc-form-label-req  {font-family:  Arial, sans-serif; color: #000000;  font-size:11px; margin-left: 12px; margin-right:2px; margin-top:4px; margin-bottom:1px; padding-right: 2px; padding-top:2px; padding-left: 0px; padding-top:1px; }


#titelbilder {
	margin-left:0px;
	margin-top:0px;
	height:153px;
	width:918px;
}

#titelbild {
	margin-left:0px;
	margin-top:0px;
	height:70px;
	width:918px;
	background-image:url(../Kundendaten/Hintergrundfarben/titelbild.gif);
	background-repeat: no-repeat;
}


#Titelleiste {
	margin-left:0px;
	margin-top:0px;
	height:70px;
	width:100%;
	background-image:url(../Kundendaten/Hintergrundfarben/1px00cccc.gif);
	/* alt x006666.gif */
    	/*background-repeat: no-repeat;*/
}



a { color: #000000; font-size:14px; line-height:1.2; letter-spacing:0.1em; font-family: Verdana, Arial, sans-serif; text-decoration: none; }


a.internal-link { color: #000000; font-size:14px; line-height:1.2; letter-spacing:0.1em; font-family: Verdana, Arial, sans-serif; text-decoration:underline; }


/* Speziell für PDF Downloads  17.4.2008 */

.download { color: #000000; font-size:14px; line-height:1.2; letter-spacing:0.1em; font-family: Verdana, Arial, sans-serif; text-decoration:underline; }




a.navi {display: block; line-height:1.5; background-image:url(../Kundendaten/Hintergrundfarben/1px00cccc.gif); border-top:1px solid #ffffff; padding-left:10px; border-bottom:1px solid #00cccc;font-size:14px; text-decoration:none; color:#000000;}

a.navi_active {display: block; line-height:1.5; background-image:url(../Kundendaten/Hintergrundfarben/1px00ffff.gif); border-top:1px solid #ffffff; padding-left:10px; border-bottom:1px solid #00cccc;font-size:14px; text-decoration:none; color:#000000;}


a.navi_active2 {display: block; line-height:1.3; background-color:#ffffff; border-top:1px solid #ffffff; border-right:1px solid #ffffff; border-left:30px solid #ffffff; border-bottom:2px solid #ffffff;font-size:14px; text-decoration:none; color:#000000;}


a.navi_active3 {display: block; line-height:1.2; background-color:#ffffff; border-top:1px solid #ffffff; border-right:1px solid #ffffff; border-left:40px solid #ffffff; border-bottom:2px solid #ffffff;font-size:12px; text-decoration:none; color:#000000;}

a.navi_active4 {display: block; line-height:1.2; background-color:#ffffff; border-top:1px solid #ffffff; border-right:1px solid #ffffff; border-left:50px solid #ffffff; border-bottom:2px solid #ffffff;font-size:11px; text-decoration:none; color:#000000;}

a.external-link-new-window {color: #000000; font-size:14px; line-height:1.2; letter-spacing:0.1em; font-family: Verdana, Arial, sans-serif; text-decoration:underline;}


h1.csc-firstHeader {
 	font-family: Verdana, Arial,sans-serif;
 	font-size: 16px;
 	color: #000000;
 	/*background-color:#e1e1e1;
 	border-left:13px solid #e1e1e1;
 	border-right:1px solid #e1e1e1;*/
 	/*border-right:0px solid #transparent;*/
 	line-height: 1;
 	margin-left: 0px;
 	margin-top:0px;
 	margin-bottom:0px;
 	padding-left: 0px;
 	padding-right: 0px;
 	padding-top:0px;
 	padding-bottom:0px;
 	white-space:normal;
 	width:100%;
}


h1 {
 	font-family: Verdana, Arial,sans-serif;
 	font-size: 16px;
 	color: #000000;
 	/*background-color:#e1e1e1;
 	border-left:13px solid #e1e1e1;
 	border-right:1px solid #e1e1e1;*/
 	/*border-right:0px solid #transparent;*/
 	line-height: 1;
 	margin-left: 0px;
 	margin-top:0px;
 	margin-bottom:0px;
 	padding-left: 0px;
 	padding-right: 0px;
 	padding-top:0px;
 	padding-bottom:0px;
 	white-space:normal;
 	width:100%;
}



h2{
 font-family: Verdana, Arial,sans-serif;
 font-size: 14px;
 color: #000000;
 margin-left: 0px;
 margin-top:0px;
 margin-bottom:0px;
 padding-right: 10px;
 padding-bottom:0px;
}

h3{
 font-family: Verdana, Arial,sans-serif;
 font-size: 13px;
 color: #000000;
 margin: 0px;
 padding: 0px;
 padding-bottom:0px;
}

h3.sponsors {
 font-family: Verdana, Arial,sans-serif;
 font-size: 13px;
 color: #000000;
 margin-left: 7px;
 padding: 0px;
}

h3.csc-searchResultHeader {
 font-family: Verdana, Arial,sans-serif;
 font-size: 13px;
 color: #000000;
 margin-left: 20px;
 padding: 0px;
}

h3.csc-noSearchResultMsg {
 font-family: Verdana, Arial,sans-serif;
 font-size: 13px;
 color: #000000;
 margin-left: 20px;
 padding-bottom: 10px;
}


h4{
 font-family: Verdana, Arial,sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}




/* Bullet Point Grösse im Text */



ul {font-size:14px; margin-top:0px; margin-bottom:0px; padding-top:3px;}


ul ul{
 list-style-type: disc;
}

li{
 list-style-type: none;
line-height:1.2; padding-top:3px;
}

ul ul ul{
 list-style-type: none;
}

ul li{ list-style-type:disc; font-size:14px; line-height:1.2; letter-spacing:0.1em;} 



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

	
#primarnav {
	/*float: left;*/
	width: 170px;
	margin-left: 0px;
	border-bottom: 1px;
	
}

.primarnavspacer {
	margin-top: 21px;
	width:170px;
	border-bottom:1px solid #f1f1f1;
        background-color: #e1e1e1;
	border-left:1px solid #f1f1f1;
	border-top: 5px solid #f1f1f1;
}

#navigationlinks {	
	vertical-align:top;
	text-align:left; 
	margin-left:0px;
	margin-top:50px;
	margin-right:0px;
	padding-top:40px;
	width:210px;
}

#menuev {
	width:220px;
	margin-left: -10px;
	margin-top:40px;
	margin-right:0px;
	padding: 0px;
	z-index:1;	 
}


#navigation {
	width:220px;
	margin-left: -10px;
	margin-top:40px;
	margin-right:0px;
	padding: 0px;
	z-index:1;	 
}


	

#pfadanzeige {
        text-align:left;
        /* background-image:url(../Kundendaten/Hintergrundfarben/1px00ffff.gif); */
        border-top:0px solid #FFFFFF;
        margin-bottom: 0px;
        margin-left:1px;
        margin-top:0px;
        
        
}

#language {padding-top:30px;}

#pfadanzeige a {
	font-size:10px;
	padding-left:10px;
	}

#contentfield {

	text-align:left;
	width:600px;
	margin-left:10px;
	}


#contentarea {
	
	text-align:left;
	width:600px;
	min-height:500px;
	padding-left:45px;
	margin-left:0px;
	margin-top:25px;
	
	}
		
img {margin-left:0px; margin-top:0px; margin-bottom:0px; padding:0px;}	

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}




/************** .Hintergrundfarbe von Tabellen und TD's *****************/
.white {background-color:#FFFFFF;}

#blackspace {
background-color:#CCCCCC;
background-image:url(../img/blackspacer.gif);
height:1px;
width:100%;
border-left:1px solid #CCCCCC;

}




/************* #siteInfo styles ***************/

#siteInfo{
	position:relative;
	top:200px;
	/*margin-top:2px;*/
	font-size:10px;
	color: #333333;
	padding: 2px 1px 1px 2px;
}

#siteInfotable {
	left:36px;
	position:absolute;
	bottom:0px;
        border-bottom:1px;
       width:800px;
}





/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

input {width:78px; margin-left:0px;}
form {width:80px; margin-left:0px;}

#loginform {
		
	margin-top:150px;
	margin-bottom:3px;
        margin-left:2px;
	width:190px;
	vertical-align:bottom;
}

#loginform.input {
		
	margin-top:60px;
	margin-bottom:3px;
        margin-left:0px;
	width:150px;
	vertical-align:bottom;
}


#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}



#navigation1 a:link 	 {display: block; line-height:1.5; border-top:1px solid #e1e1e1; padding-left:10px; border-bottom:1px solid #e1e1e1;  font-family:Verdana,Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none;color:#000000;}
#navigation1 a:visited {display: block; line-height:1.5; border-top:1px solid #e1e1e1; padding-left:10px; border-bottom:1px solid #e1e1e1;font-size:14px; text-decoration:none;color:#000000;}
#navigation1 a:hover 	 {display: block; line-height:1.5; background-image:url(../Kundendaten/Hintergrundfarben/1px00ffff.gif); border-top:1px solid #555555; border-bottom:1px solid #FFFFFF;font-size:14px; text-decoration:none;color:#000000;}
#navigation1  {list-style:none; margin: 0px; padding: 0px 0px 0px 0px; line-height:1.5;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navigation1 {list-style:none; border-bottom: 1px solid #e1e1e1; font-size:14px; background-image:url(../Kundendaten/Hintergrundfarben/1px00cccc.gif); margin-left:-10px; width:210px;}

/* fix for browsers that don't need the hack */
html>body #navigation1 {list-style:none; border-bottom: 1px solid #e1e1e1; font-size:14px; background-image:url(../Kundendaten/Hintergrundfarben/1px00cccc.gif); margin-left:-10px; width:210px;}




#navigation2 a:link 	 {display: block; line-height:1.3; border-top:1px solid #e1e1e1; border-right:1px solid #cccccc; border-left:30px solid #e1e1e1; border-bottom:2px solid #e1e1e1;  font-family:Verdana,Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none;color:#000000;}
#navigation2 a:visited {display: block; line-height:1.3; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:30px solid #e1e1e1; border-bottom:2px solid #e1e1e1;font-size:14px; text-decoration:none;color:#000000;}
#navigation2 a:hover 	 {display: block; line-height:1.3; background-color:#FFFFFF; border-top:1px solid #ffffff; border-right:1px solid #ffffff; border-left:30px solid #FFFFFF; border-bottom:2px solid #FFFFFF;font-size:14px; text-decoration:none;color:#000000;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navigation2 {list-style:none; border-bottom: 1px solid #f1f1f1; font-size:14px; background-color:#DDDDDD;}

/* fix for browsers that don't need the hack */
html>body #navigation2 {list-style:none; border-bottom: 1px solid #f1f1f1; font-size:14px; background-color:#DDDDDD;}



#navigation3 a:link 	 {display: block; line-height:1.2; border-top:1px solid #e1e1e1; border-right:1px solid #cccccc; border-left:40px solid #e1e1e1; border-bottom:2px solid #e1e1e1;  font-family:Verdana,Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;color:#333333;}
#navigation3 a:visited {display: block; line-height:1.2; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:40px solid #e1e1e1; border-bottom:2px solid #e1e1e1;font-size:11px; text-decoration:none;color:#333333;}
#navigation3 a:hover 	 {display: block; line-height:1.2; background-color:#ffffff; border-top:1px solid #ffffff; border-right:1px solid #ffffff; border-left:40px solid #ffffff; border-bottom:2px solid #ffffff;font-size:11px; text-decoration:none;color:#000000;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navigation3 {list-style:none; border-bottom: 1px solid #f1f1f1; font-size:12px; background-color:#e1e1e1;}

/* fix for browsers that don't need the hack */
html>body #navigation3 {list-style:none; border-bottom: 1px solid #f1f1f1; font-size:12px; background-color:#e1e1e1;}



#navigation4 a:link 	 {display: block; line-height:1.2; border-top:1px solid #e1e1e1; border-right:1px solid #cccccc; border-left:20px solid #e1e1e1; border-bottom:2px solid #e1e1e1;  font-family:Verdana,Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;color:#333333;}
#navigation4 a:visited {display: block; line-height:1.2; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:20px solid #e1e1e1; border-bottom:2px solid #e1e1e1;font-size:11px; text-decoration:none;color:#333333;}
#navigation4 a:hover 	 {display: block; line-height:1.2; background-color:#888888; border-top:1px solid #888888; border-right:1px solid #888888; border-left:50px solid #888888; border-bottom:2px solid #888888;font-size:11px; text-decoration:none;color:#ffffff;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navigation4 {list-style:none; border-bottom: 1px solid #f1f1f1; font-size:12px; background-color:#e1e1e1;}

/* fix for browsers that don't need the hack */
html>body #navigation4 {list-style:none; border-bottom: 1px solid #f1f1f1; font-size:12px; background-color:#e1e1e1;}



