/** 
 * schoch-lacke.ch
 * 
 * css -> default template
 * 
 * @author  Marcel Birrer
 * @see     http://www.schoch-lacke.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2010-01-18
 * @media screen
 *
 * @colordef #0078a9; blau (ppg)
 * @colordef #e13c2b; rot (schoch)
 * @colordef #999; grau
 */ 
 
 /*  
 Sticky Footer Solution
 by Steve Hatcher 
 http://stever.ca
 http://www.cssstickyfooter.com
 */
 
 * {margin:0;padding:0;} 
 
 /* Du musst margin auf 0 fuer alle Elemente setzen und immer padding statt margin
 fuer vertikale Abstaende (top und bottom) verwenden, anderenfalls werden diese margin-
 Werte zur Gesamthoehe addiert und der Footer wird zu weit nach unten geschoben, was
 vertikale Scrollbalken im Browser erzeugt. */
 
 html, body, #wrap {height:100%;}
 
 body > #wrap {height:auto; min-height:100%;}
 
 #main {
 	clear:both;
 	padding-bottom:5em; /* Muss genau so hoch sein wie der Footer */
 }  
 
 #footer {
 	position: relative;
 	margin-top:-5em; /* Negativer Wert der Footer-Hoehe */
 	height: 5em;
 	clear:both;
 	background:#0078a9;
 }
 
 /* CLEAR FIX */
 .clearfix:after {
 	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
 }
 .clearfix {display: inline-block;}
 
 /* Bereich nicht fuer IE-mac Anfang */
 * html .clearfix { height: 1%;}
 .clearfix {display: block;}
 /* Bereich nicht fuer IE-mac Ende */

/** 
 *
 * general styles
 *
 */ 
 
body {
	font-family:Tahoma,Geneva,Kalimati,sans-serif;
	background:#eee;
	color:#222;
	font-size:1em; /* 16 px */
	text-align:center;
	padding:0;
	margin:0;
}

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

strong { color:#e13c2b; font-weight:bold; }
em { font-style:italic; font-weight:normal; }

img { border:none; vertical-align:bottom; }

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

/** 
 *
 * layout boxes
 *
 */ 

#wrap { 
	width:60em; /* 960px */
	padding:0;
	margin:0 auto;
	text-align:left;
	background: #fff;
}

.nav {
	width:60em; /* 960px */
	height:3.5em;
	padding:0;
	margin:0;
	background:url(../../image/common/bg_head.gif) repeat-x 0 0;
}
 
.left_col .logo img, .left_col_home .logo img {
	margin:3.75em 0 3em 0;
	/* width:11.25em; */
	width:19.5em;
	height:4.25em;
}

/* spalten content-seiten */
#main .left_col {
	float:left;
	width:24.75em;
	margin:0 0 0 3em;
	padding:0 0 2em 0;
}

#main .right_col {
	float:right;
	width:26.25em; /* bildbreite max. 420px */
	margin:1em 3em 0 0;
	padding:0 0 2em 0;
}

#main .right_col .right_content {
	clear:both;
}

#main .right_col .right_content .right_text {
	border-left:1px solid #999;
	padding:0 0 0 1.5em;
}

/* spalten start-seite */
#main .left_col_home {
	float:left;
	width:21em;
	margin:0 0 0 3em;
	padding:0;
}

#main .right_col_home {
	float:right;
	width:30em; /* bildbreite max. 480px */
	margin:1em 3em 0 0;
	padding:0;
}

/** 
 *
 * content styles left col
 *
 */
 
.left_content h1, .right_content h1 {
	font-size:1.13em; /* 18px */
	margin:0 0 1.25em 0;
	font-weight:500;
	color:#0078a9;
}

.left_content h2, .right_content h2 {
	font-size:0.88em; /* 14px */
	margin:0.75em 0;
	font-weight:600;
}

.left_content h3, .right_content h3 {
	font-size:0.88em; /* 12 px */
	margin:0 0 0.25em 0;
	font-weight:bold;
}

.left_content p, .right_content p {
	font-size:0.88em; /* 14 px */
	line-height:1.5em;
	margin:0 0 1.25em 0;
}

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

.left_content li, .right_content li {
	list-style:square;
	margin:0;
	padding:0;
}

.left_content .contenttable, .right_content .contenttable {
	width:100%;
	font-size:0.88em; /* 12 px */
	line-height:1.3em;
	border-collapse:collapse;
	margin:0;
	padding:0;
}

.left_content .contenttable th, .right_content .contenttable th {
	vertical-align:top;
	border:1px solid #999;
	padding:0.5em;
	background:#eee;
	font-weight:bold;
	text-align:left;
}

.left_content .contenttable td, .right_content .contenttable td {
	vertical-align:top;
	border:1px solid #999;
	padding:0.5em;
}

.left_content .contenttable p, .right_content .contenttable p {
	font-size:1em;
	line-height:1.3em;
}

.left_content .line, .right_content .line {
	font-size:0.88em;
	line-height:1.5em;
	margin:0 0 0.6em 0;
	padding:0 0 1em 0;
	border-bottom:1px solid #999;
}

/** 
 *
 * content styles special box right col
 *
 */ 

.right_content .teaser {
	border:1px solid #999;
	padding:0.5em;
}

.right_content .teaser h1, .right_content .teaser h2 {
	font-size:0.75em;
	line-height:1.3em;
	margin:0 0 0.5em 0;
	font-weight:600;
}

.right_content .teaser p {
	font-size:0.75em;
	line-height:1.4em;
	margin:0 0 0.75em 0;
}

/** 
 *
 * navigation boxes
 *
 */ 

.mainnav { float:left; }

/* sprachwahl */
.lang {
	float:right;
	margin:1.1em 1.3em 0 0;
}

.lang a { font-size:0.81em; margin:0; padding:0 0.3em 0 0; color:#999; }
.lang a:hover { color:#e13c2b; text-decoration:none; }
.lang .active { color:#e13c2b; text-decoration:none; font-weight:bold; }
.lang_divider { width:0.3em; font-size:0.7em; border-right:1px solid #999; margin:0 0.75em 0 0; padding:0; }

/* breadcrumbs */
.bread_text {
	float:left;
	font-size:0.69em; /* 11px */
	line-height:2.1em;
	color:#999;
}

.breadcrumbs {
	height:1.38em;
	margin:2.3em 0 0 0;
	border-bottom:1px solid #999;
}

.breadcrumbs ul {
	line-height:2.1em;
	font-size:0.69em; /* 11px */
	color:#e13c2b;
	margin:0;
	padding:0;
}

.breadcrumbs ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

.breadcrumbs a:hover { color:#e13c2b; text-decoration:underline; }

/* footer */
.foot {
	width:60em; /* 960px */
	padding:0;
	margin:0 auto;
	color:#fff;
}

.foot .copy {
	width:70%;
	float:left;
	padding:1em 0 0 0;
	font-size:0.81em;
	line-height:1.4em;
	text-align:left;
}

.foot .copy a { color:#fff; text-decoration:underline; }
.foot .copy a:hover { color:#fff; text-decoration:none; }

.foot .metanav {
	width:30%;
	float:right;
	padding:1em 0 0 0;
	font-size:0.81em;	
	line-height:1.4em;
}

/* metanavigation */
ul.meta {
	list-style:none;
	margin:0;
	padding:0;
}

ul.meta li {
	float:right;
	margin:0;
	padding:0;
}

ul.meta li a {
	margin:0;
	padding:0 0.75em;
	text-decoration:underline;
	color:#fff;
	border-right:1px solid #fff;
}

ul.meta li a:hover {
	text-decoration:none;
}

ul.meta li .active {
	text-decoration:none;
}

/** 
 *
 * t3 extensions
 *
 */ 

/* css styled content */
.csc-textpic-caption {
	font-size:0.69em;
	line-height:1.3em;
	font-style:italic;	
	color:#999;
	margin:0;
	text-align:right;
}

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

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

/* ext fe-login */
.tx-felogin-pi1 {
	margin:0 0 0.5em 0;
	font-size:0.88em; /* 14 px */
	line-height:1.5em;
}

.tx-felogin-pi1 fieldset {
	border:1px solid #999;
	margin:1em 0 0.5em 0;
	padding:1.5em 2.5em;
}

.tx-felogin-pi1 fieldset legend { display:none; }
.tx-felogin-pi1 fieldset label { padding:0.25em 0 0.1em 0; }
.tx-felogin-pi1 input[type=submit] { margin:1em 0 0 0; }

/* styles rte */
p.quelle {
	font-size:0.75em;
	line-height:1.3em;
	font-style:italic;	
	color:#666;
}