@charset "UTF-8";
/**
 * Cascading Style Sheets f�r
 * www.tarmo.de
 * Global
 */
 
/******************************************************************************************************************* 
 * ALLGEMEINE FORMATIERUNG 
 ******************************************************************************************************************/
html, body {
	height:100%;
}
 body {
	color:#000;
	background:#f7f7f7 url(../images/bg-body.jpg) center top repeat-y;
	text-align:center;
}
body, h1, h2, h3, h4, p, span, input, select, option, a, textarea, ul {
	font-family: "Helvetica", Arial, sans-serif;
	font-weight:normal;
}
h1 			{ font-size:22px; color:#009ee0; }
h2 			{ font-size:14px; color:#b8b8b8; }
h3			{ font-size:12px; color:#009ee0; }
ul 			{ font-size:12px; color:#595a5c; line-height:20px; list-style:disc; margin-left:15px; padding-bottom:15px;}
p 			{ font-size:12px; color:#595a5c; line-height:20px; padding-bottom:15px;}
a 			{ text-decoration:none; color:#009ee0; }
a:hover		{ color:#595a5c; }
.clearer	{ clear:both; }
.linear 		{ display:none;}
a img, img 	{ border: none; overflow:hidden; display:block; }
.blue		{ color:#009ee0;}

/******************************************************************************************************************* 
 * STRUKTUR & AUSRICHTUNG
 ******************************************************************************************************************/
#Wrapper {
	position:relative;
	text-align:left;
	margin:0 auto;
	width: 900px;
	height:100%;
	bottom:-1px;
}
	#Frametop {
		width:100%;
		float:left;
		background:#fff url(../images/bg-frametop.gif) left top repeat-y;
	}
		#Teaser {
			float:left;
			width:100%;
		}
			#Teaser-top {
				float:left;
				width:100%;
				margin:20px 0 18px 0;
			}
				#Logo {
					float:left;
					padding-right:20px;
				}
				#Slogan {
					float:left;
					padding-top:28px;
				}
				#Search {
					float:right;
					padding-top:55px;
					text-align:right;
				}
			#Teaser-boxleft {
				float:left;
				width:300px;
				background:#14a6e2;
			}
			#Teaser-boxcenter {
				float:left;
				width:300px;
			}
			#Teaser-boxright {
				float:left;
				width:300px;
				background:#7f8082;
			}
		
		#Mainnav {
			float:left;
			width:100%;
			background:#f0f0f0;
			background:#f7f7f7 url(../images/bg-mainnav.jpg) left top repeat-x;
		}
		#Subnav {
			float:left;
			width:297px;
		}
		#Deko-top {
            float:left;
            width:100%;
            height:41px;
        }
        #Deko-bottom {
            float:left;
            width:100%;
            height:39px;
        }		
		#Content {
			float:left;
			width:100%;
		}

/******************************************************************************************************************* 
 * Search
 ******************************************************************************************************************/
* html #Search fieldset {
	float:left;
}
#Search ul {
	list-style-type:none;
	padding:0;
}
#Search ul li {
	float:left;
	padding-left:7px;
}
#Search .s-lupe {
	padding-top:2px;
}
#Search .s-eingabe {
	background:#ccebf9 url(../images/bg-searchfield.jpg) left top repeat-x;
	border-left:1px solid #a3bfcf;
	border-top:1px solid #a3bfcf;
	border-right:none;
	border-bottom:none;
	height:14px;
	width:118px;
	font-size:11px;
	font-weight:100 !important;
	color:#909090;
	padding:1px;
}
#Search .s-submit {
	padding-top:1px;
}

/******************************************************************************************************************* 
 * Teaser
 ******************************************************************************************************************/
#Teaser-top p{
	color:#b8b8b8;
	padding:0;
}
		
/******************************************************************************************************************* 
 * Mainnav
 ******************************************************************************************************************/
#Mainnav ul {
	float:left;
	list-style-type:none;
	height:34px;
	margin-left:0;
	padding:0;
}
#Mainnav ul li {
	float:left;
}
#Mainnav ul li a{
	display:block;
	padding:0 20px;
	line-height:34px;
	color:#909090;
	font-size:13px;
	text-transform:uppercase;
}
#Mainnav ul li a:hover, #Mainnav ul li.selected a {
	color:#0087dc;
	background:url(../images/bg-mainnav-aktiv.jpg) left top repeat-x;
}

/******************************************************************************************************************* 
 * Subnav
 ******************************************************************************************************************/
#Subnav ul {
	list-style-type:none;
	width:100%;
	margin-left:0;
	padding:0;
}
#Subnav ul li {
	width:100%;
}
/*erste ebene */
#Subnav ul li a{
	display:block;
	line-height:19px;
	color:#cecece;
	background:#999;
	padding-left:10px;
}
#Subnav ul li a:hover {
	color:#fff;
	background:#008dff;
}
#Subnav ul li a.selected {
	color:#fff;
	background:#008dff;
}
/*zweite ebene */
#Subnav ul ul li a{
	display:block;
	line-height:24px;
	color:#666;
	background:#fff;
	padding-left:40px;
}
#Subnav ul ul li a:hover{
	color:#008dff;
	background:#fff;
}
#Subnav ul ul li a.selected {
	color:#008dff;
	background:#fff;
}
/*dritte ebene */
#Subnav ul ul ul li a{
	padding-left:70px;
}



/******************************************************************************************************************* 
 * Content
 ******************************************************************************************************************/
.contentbox-small {
	float:left;
	width:280px;
	padding-right:20px;
}
.contentbox-medium {
	float:left;
	width:580px;
	padding-right:20px;
	border-right:1px solid #007fea;
	min-height:259px;
}
.contentbox-nav {
	float:left;
	width:259px;
	padding:0 0px 20px 20px;
	min-height:240px;
}
.contentbox-nav h2 {
	padding:0 0 15px 0;
}
.headlines {
	padding-bottom:15px;
}
.headlines img {
	float:left;
	padding:0 10px 0 0;
}
.headlines h1, .contentbox-nav h1{
	padding-top:13px;
}
#Subnav h1{
	padding:12px 0 30px 20px;
}
#Subnav h2{
	padding:0 0 0 20px;
}
#Subnav p{
	padding:0 0 10px 20px;
}
.contentbox-small h3, .contentbox-medium h3, .contentbox-nav h3{
	padding-top:20px;
	clear:both;
}
.artikel hr {
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-top:none;
}

div.smicons {
	clear:both;
	float:left;
	width:100%;
}
div.smicons img {
	float:right;
	padding-right:4px;
}