/** 
 * kommapr.ch
 * 
 * css -> default template
 * 
 * @author  Marcel Birrer
 * @see     http://www.kommapr.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2010-03-16
 * @media screen
 *
 * @colordef #006dac; blau
 */ 

/** 
 *
 * general styles
 *
 */ 
 
body {
   	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; /* 16 px */
	color:#000;
	text-align:center;
	padding:0;
	margin:0;
}

html {
	font-size:100%; /* -> IE */
}

em { font-style:italic; font-weight:normal; }

img { border:none; }

a { color:#006dac; text-decoration:none; }
a:hover, .active { color:#000; text-decoration:underline; }
a:focus { outline:solid 0; } /* verhindert blur-border */

.clearer { clear:both; height:1px; font-size:0.1em; }

/** 
 *
 * layout boxes
 *
 */ 

#header { 
	position:relative;
	width:58em; /* 928px */
	height:14.25em;
	padding:0;
	margin:0 auto;
}

#header .logo img { position:absolute; top:5em; left:0em; }

#contentbox {
	width:58em; /* 928px */
	min-height:18em;
	padding:2em 0 1em 0;
	margin:0 auto;
	text-align:left;
	background:#fff url(../../image/common/kommapr_box_bg.gif) repeat-y 0 0;
}

/* umschliessende layoutbox inhalt */
.left_col {
	float:left;
	width:10em;
	margin:0;
	padding:0;
}

.center_col {
	float:left;
	width:30em;
	margin:0;
	padding:0;
}

.right_col {
	float:right;
	width:15em;
	margin:0;
	padding:0;
}

/** 
 *
 * content styles main
 *
 */ 
 
.content h1 {
	font-size:1.25em; /* 20 px */
	margin:0 0 1em 0;
	font-weight:bold;
}

.content h2 {
	font-size:0.88em; /* 14 px */
	margin:1em 0 0.5em 0;
	font-weight:bold;
}

.content h3 {
	font-size:0.81em; /* 13 px */
	margin:0 0 0.2em 0;
	font-weight:bold;
}

.content p {
	font-size:0.88em; /* 14 px */
	line-height:1.5em; /* 24 px */
	margin:0 0 1em 0;
}

.content strong { color:#000; font-weight:bold; }

.content ul, .content ol {
	font-size:0.88em; /* 14 px */
	line-height:1.5em; /* 24 px */
	margin:0 0 1em 1em;
	padding:0 0 0 1em;
}

.content li {
	list-style:square;
	margin:0 0 0 0;
}

.content .line {
	font-size:0.88em; /* 14 px */
	line-height:1.5em;
	margin:0 0 0.6em 0;
	padding:0 0 0.6em 0;
	border-bottom:1px solid #ccc;
}

.content .divider {
	font-size:0.5em;
	height:0.5em;
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
}

.content .quelle {
	font-size:0.88em; /* 14 px */
	color:#666;
	font-style:italic;
}

/* fce table 2spalten */
.content .tbl_2col {
	width:100%;
	font-size:0.88em; /* 14 px */
	line-height:1.5em;
	margin:0;
	padding:0;
}

.content .tbl_2col td {
	vertical-align:top;
	padding:0.15em 0;
}

.content .tbl_2col td.left {
	vertical-align:top;
	padding:0.15em 1.5em 0.15em 0;
}

.content .tbl_2col p {
	font-size:1em;
	line-height:1.5em;
}

/* fce table referenzen */
.content .tbl_referenzen {
	width:100%;
	font-size:0.88em; /* 14 px */
	line-height:1.2em;
	margin:0 0 15px 0;
	padding:0;
	border-bottom:1px solid #ccc;
}

.content .tbl_referenzen td { vertical-align:top; }
.content .tbl_referenzen img { clip:rect(0 74px 105px 0);position:absolute;overflow:hidden;margin:0; }
.content .tbl_referenzen td.bild { width:80px; padding:0; }

.content .tbl_referenzen td.bild a {
	border-left:1px solid #CCC;
	display:block;
	height:113px;
	padding:5px 0;
	width:80px;
}

.content .tbl_referenzen td.desc { width:40px; padding:3px 15px; }
.content .tbl_referenzen td.title { width:330px; padding:3px 0; font-weight:bold; }
.content .tbl_referenzen td.text { width:330px; padding:3px 0; }
.content .tbl_referenzen td.url { width:330px; padding:3px 0 5px 0; }
.content .tbl_referenzen p { font-size:1em; line-height:1.2em; }

/** 
 *
 * content styles right col
 *
 */ 

.right_col h1, .right_col h2 {
	font-size:0.81em;
	line-height:1.3em;
	margin:0.5em 0 1.5em 0;
	font-weight:bold;
}

.right_col p {
	font-size:0.75em; /* 12 px */
	line-height:1.3em;
	margin:0 0 0.75em 0;
}

.right_col ul {
	font-size:0.75em; /* 12 px */
	line-height:1.2em;
	margin:0 0 1em 0;
	padding:0 0 0 0;
}

.right_col li {
	list-style:none;
	margin:0 0 0.4em 0;
}

.right_col strong { color:#006dac; font-weight:bold; }


.right_col a.internal-link, .right_col a.external-link, .right_col a.external-link-new-window {
	/*
	font-weight:bold;
	background-image:url(../../image/common/arrow_blue.gif);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding:0 0 0 1.1em;
	*/
}

.right_col a.internal-link:hover, .right_col a.external-link:hover, .right_col a.external-link-new-window:hover {
	/*background-image:url(../../image/common/arrow_black.gif);*/
}

.right_col .ce-line {
	border-bottom:1px solid #999;
	margin-bottom:0.5em;
}

/* hauptnavigation */
ul.level0 {
	list-style:none;
	margin-top:2.75em;
	margin-left:1px;
	padding:0;
}

ul.level0 li {
	margin:0;
	padding:0;
}

ul.level0 li a {
	display:block;
	margin:0;
	padding:0;
	font-size:0.88em; /* 14px */
	color:#666;
	line-height:2em;
	text-decoration:none;
}

ul.level0 li a:hover {
	color:#006dac;
	text-decoration:none;
}

ul.level0 li .active {
	color:#006dac;
	font-weight:bold;
	text-decoration:none;
}

/* subnavigation */
ul.level1 {
	list-style:none;
	margin:0 0 0.6em 0;
	padding:0;
}

ul.level1 li {
	margin:0;
	padding:0;
}

ul.level1 li a {
	display:block;
	margin:0;
	padding:0;
	font-size:0.75em; /* 12px */
	line-height:1.5em;
	text-decoration:none;
}

ul.level1 li a:hover {
	color:#006dac;
	text-decoration:none;
}

ul.level1 li .active {
	color:#006dac;
	font-weight:normal;
	text-decoration:none;
}

/* css styled content */
.csc-textpic-caption {
	font-size:0.75em;
	line-height:1.5em;
	font-style:italic;	
	color:#444444;
	margin:0 0 0.5em 0;
}

/* ext. sitemap */
.csc-sitemap ul {
	font-size:0.94em;
	margin:0.4em 0 0.4em 1em;
}

/* ext. css_filelinks */
.dateiverweise { margin:0.5em 0; }
.content .dateiverweise p { border-bottom:1px dotted #999; font-size:0.81em; padding:0.15em 0; }
.right_col .dateiverweise p { font-size:0.75em; padding:0.15em 0; }