/*   Design:   CENTERED with TOPNAV 				         */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Sam Mueller, www.nuun.ch 		                 */
/*   Datum:   08.09.2008				                     */
/*   Site: 	  wwww.kaelinkom.ch               		 */
/*************************************************************/
/*   Colors:  orange: #ee7d0c					 			 */
/*			  grey: #868889 (links)						 	 */
/*************************************************************/


/*  GLOBAL LAYOUT											 */
/*************************************************************/
html, body {min-width:995px; margin:0 auto; height:100%; font: 100.01%/1.3em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.01em; background-color:#ee7d0c; }
#container-page {font-family: Arial, Verdana, Helvetica, sans-serif; color:#939393; position: relative; min-height:100%; width:995px; margin-left:auto; margin-right:auto; }
* html #container-page {height:100%;}
#container-content {padding-bottom: 20px; font-size: 0.7em;}
#header {height:52px; width:995px; padding:0px; padding-top:10px; }
#headline { width: 998px; position:absolute; top:300px; }
#footer {width:995px; position:relative; margin-top:-35px; height: 20px; margin-left:auto; margin-right:auto; font-size:0.8em; color:#fff; }
.cleaner{clear:both;}

/*  GLOBAL TEXT FORMATS	AND CONTENT FORMATS					 */
/*************************************************************/
a, a:link, a:visited{text-decoration:none; color:#fff;}
a:hover, a:active{text-decoration:underline; color:#de271f;}
a.homelink:link, a.homelink:visited { width:364px; height:79px; display:block; position:absolute; top:20px; left:630px; background-image:url(../images/logo_kaelinkom.gif); }
a.headlink:link, a.headlink:visited{background:url(../images/eine_idee_besser.gif) no-repeat; width:998px; height:121px; display:block;}
a.headlink:hover, a.headlink:active{background:url(../images/eine_idee_besser_aktiv.gif) no-repeat;}
a.headlink span {display:none;}
#footer a, #footer a:link, #footer a:visited{text-decoration:none; color:#fff;}
#footer a:hover, #footer a:active{text-decoration:underline; color:#666666; }

/*  MAIN-NAVIGATION	/ GEN-NAVIGATION / SEK-NAVIGATION	  	 */
/*************************************************************/
ul#hnav{list-style-type:none; margin:0px; width:215px; padding:0px; }
ul#hnav li{padding:0; margin:0; background:none; }
ul#hnav li a {width:215px; height:44px; display:block; }
ul#hnav li a.hn1:link, ul#hnav li a.hn1:visited { background-image:url(../images/hnav_1_white.png); }
ul#hnav li a.hn1:hover, ul#hnav li a.hn1:active { background-image:url(../images/hnav_1_grey.png); }
ul#hnav li a.hn2:link, ul#hnav li a.hn2:visited { background-image:url(../images/hnav_2_white.png); }
ul#hnav li a.hn2:hover, ul#hnav li a.hn2:active { background-image:url(../images/hnav_2_grey.png); }
ul#hnav li a.hn3:link, ul#hnav li a.hn3:visited { background-image:url(../images/hnav_3_white.png); }
ul#hnav li a.hn3:hover, ul#hnav li a.hn3:active { background-image:url(../images/hnav_3_grey.png); }
ul#hnav li a.hn4:link, ul#hnav li a.hn4:visited { background-image:url(../images/hnav_4_white.png); }
ul#hnav li a.hn4:hover, ul#hnav li a.hn4:active { background-image:url(../images/hnav_4_grey.png); }
ul#hnav li a.hn5:link, ul#hnav li a.hn5:visited { background-image:url(../images/hnav_5_white.png); }
ul#hnav li a.hn5:hover, ul#hnav li a.hn5:active { background-image:url(../images/hnav_5_grey.png); }

/*  FOOTER													 */
/*************************************************************/

/*  FIXES  													 */
/*************************************************************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* 	Hide from IE Mac \*/ .clearfix {display:block;} /* 	End hide from IE Mac */