/** 
 * depierraz.ch
 * 
 * css -> home template
 * 
 * @author  Marcel Birrer
 * @see     http://www.depierraz.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2009-09-21
 * @media screen
 *
 * @colordef #124982; blau
 * @colordef #426470; tuerkis
 * @colordef #C3D0D4; tuerkis 40%
 * @colordef #444444; dunkelgrau
 */ 

/** 
 *
 * general styles
 *
 */ 
 
 body {
	font-family:Verdana, Arial, sans-serif;
	font-size:1em; /* 16 px */
	color:#444444;
	text-align:center;
	padding:0;
	margin:0;
	background-image: url(../../image/common/bg_body.png);
	background-repeat:repeat;
}

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

html, body {
	height:100%;
}

* html .outerframe {
	height:100%; /* hack for IE 6 */
}

.outerframe {
	min-height:100%;
	position:relative;
	width:55em; /* 880px */
	margin:0 auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#CCCCCC;
}

.innerframe {
	background-color:#FFFFFF;	
	padding:0 0 1.5em 0;
}

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

a { color:#124982; text-decoration:none; }
a:hover, .active { color:#444444; text-decoration:none; }

/* layout- und content-boxen */
.header {
	width:55em; /* 880px */
	height:6em;
	border-top:1px solid #FFFFFF;
	border-bottom:1px dotted #FFFFFF;
	background-image: url(../../image/common/content_header_bg.png);
	background-repeat:repeat;
}

.metanavigation {
	background-color:#CCCCCC;
}

.mainnavigation {
	height:1.7em;
	border-bottom:1px solid #FFFFFF;
}

.main_content {
	float:none;
	width:55em;
	min-height:361px;
	margin:2.5em 0 0 0em;
	text-align:center;
}

#logo {
	border:none;
	width:29em;
	height:13em;
}

.footer {
	clear:both;
	text-align:left;
	font-size:0.690em; /* 11 px */
	margin:1em 0 1em 1.5em;
}

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

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

ul.meta li a {
	display:block;
	margin:0.5em 0 0.3em 0;
	padding:0 1em;
	font-size:0.75em; /* 12 px */
	text-decoration:none;
	border-left:1px dotted #FFFFFF;
}

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

ul.meta li .active {
	color:#444444;
	text-decoration:underline;
}