/* ---------------------------------------------------------------------------- GENERAL */
/*
CSS Code: Gerrit Hoffschulte | punktdesign.de
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
}
div.clear {
	clear:both;
	}
a {
	outline:none;
	}


img {
   behavior: url("/_grafik/pngbehavior.htc");
}
div#main {
	width:1008px;
	position:relative;
	margin:0px auto 0px auto;
	text-align:left;
	background-image:url(/_grafik/bg_main.jpg);
	background-repeat:repeat-y;
}


/* ---------------------------------------------------------------------------- HEADER */
div#header {
	position:relative;
	width:100%;
	height:296px;
	background-image:url(/_grafik/bg_header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
div#header div#logo {
	position:absolute;
	top:91px;
	left:52px;
	z-index:100;
	}
div#header div#metanavigation {
	position:absolute;
	top:68px;
	left:74px;
	font-size:0.75em;
	color:#666666;
	}
div#header div#metanavigation a {
	color:#666666;
	text-decoration:none;
	}
div#header div#metanavigation a:hover {
	text-decoration:underline;
	}
div#header div#metanavigation span {
	padding:0px 6px 0px 6px;
	}
div#header div#features {
	position:absolute;
	top:68px;
	left:778px;
	font-size:0.6875em;
	color:#666666;
	padding-top:2px;
	}
div#header div#features a {
	color:#666666;
	text-decoration:none;
	}
div#header div#features a:hover {
	text-decoration:underline;
	}
div#header div#features ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
div#header div#features li {
	float:left;
	margin-right:15px;
	}
div#header div#features a.send {
	background-image:url(/_grafik/icon_send.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:18px;
	}
div#header div#features a.print {
	background-image:url(/_grafik/icon_print.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:19px;
	}
div#header div#breadcrump {
	position:absolute;
	top:269px;
	left:363px;
	font-size:0.75em;
	color:#666666;
	}
div#header div#breadcrump a {
	color:#666666;
	}
div#header div#image {
	position:absolute;
	width:992px;
	height:165px;
	top:91px;
	left:5px;
	background-image:url(/_grafik/header_image.jpg);
	}
	

/* ---------------------------------------------------------------------------- MAIN_CONTENT */
div#main_content {}


/* ---------------------------------------------------------------------------- NAVIGATION */
div#main_content div#navigation {
	float:left;
	font-size:0.75em;
	width:265px;
	border-right:1px dotted #CCCCCC;
	padding-left:48px;
	padding-right:18px;
	}
div#main_content div#navigation ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
div#main_content div#navigation ul li {
	margin-bottom:3px;
	padding-left:25px;
	}
div#main_content div#navigation ul li.current {
	background-image:url(/_grafik/navigation_current_arrow.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
div#main_content div#navigation ul li a {
	display:block;
	background-color:#F3F3F3;
	border:1px solid #CCCCCC;
	padding:3px 30px 3px 30px;
	color:#666666;
	text-decoration:none;
	background-image:url(/_grafik/navigation_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-right:3px;
	}
@media all {
* html b\ody div#main_content div#navigation ul li a {
	height:1px;
	}
}
div#main_content div#navigation ul li a:hover {
	color:#333333;
	}	
div#main_content div#navigation ul li.current a.current {
	color:#FFFFFF;
	background-image:url(/_grafik/navigation_current_bg_neu.jpg);
	background-repeat:no-repeat;
	border:none;
	background-color:#FFFFFF;
	padding:5px 30px 3px 30px;
	font-weight:bold;
	margin-right:0px;

	}
div#main_content div#navigation ul li.current ul {
	padding:5px 0px 10px 0px;
	}
div#main_content div#navigation ul li.current ul li {
	padding-left:0px;
	}
div#main_content div#navigation ul li.current ul li.current {
	background-image:url(/_grafik/navigation_current_arrow_2.jpg);
	background-repeat:no-repeat;
	background-position:9px 7px;
	}
div#main_content div#navigation ul li.current ul li a {
	background-color:#FFFFFF;
	background:none;
	color:#666666;
	border:none;
	padding:4px 30px 4px 30px;
	}
div#main_content div#navigation ul li.current ul li.current a.current {
	background-color:#FFFFFF;
	color:#666666;
	font-weight:bold;
	background-color:#FFFFFF;
	background:none;
	padding:4px 30px 4px 30px;
	}	
div#main_content div#navigation ul li ul li a:hover {
	color:#333333;
	}

div#main_content div#navigation div#toechter_logos {
	padding-left:38px;
	padding-top:25px;        
        }

div#main_content div#navigation div#toechter_logos img {
	padding-right:15px;
        }


/* ---------------------------------------------------------------------------- CONTENT */	
div#main_content div#content {
	float:left;
	width:620px;
	font-size:0.75em;
	padding-left:20px;
	padding-top:2px;
}
div#main_content div#content div.headline {
	position:relative;
	background-color:#45A24E;
	background-image:url(/_grafik/headline_shadow_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
div#main_content div#content div.headline div.shadow_right {
	position:relative;
	background-image:url(/_grafik/headline_shadow_right.jpg);
	background-repeat:repeat-y;
	background-position:right;
}
@media all {
* html b\ody div#main_content div#content div.headline div.shadow_right {
	height:1px;
	}
}
div#main_content div#content div.headline div.shadow_bottom_left {
	position:absolute;
	left:0px;
	bottom:0px;
	background-image:url(/_grafik/headline_shadow_bottom_left.jpg);
	background-repeat:no-repeat;
	width:4px;
	height:4px;
	font-size:0px;
}
div#main_content div#content div.headline div.shadow_bottom_right {
	position:absolute;
	right:0px;
	bottom:0px;
	background-image:url(/_grafik/headline_shadow_bottom_right.jpg);
	background-repeat:no-repeat;
	width:4px;
	height:4px;
	font-size:0px;
}
div#main_content div#content div.headline div.shadow_top_right {
	position:absolute;
	right:0px;
	top:0px;
	background-image:url(/_grafik/headline_shadow_top_right.jpg);
	background-repeat:no-repeat;
	width:4px;
	height:4px;
	font-size:0px;
}
div#main_content div#content div.text {
	padding:12px;
	color:#666666;
	line-height:150%;
}
div#main_content div#content div#column2 div.text {
	padding-top:6px;
}
div#main_content div#content h1,
div#main_content div#content h2,
div#main_content div#content h3 {
	margin:0px;
	padding:0px;
	font-size:1em;
	display:block;
}
div#main_content div#content div.headline h1,
div#main_content div#content div.headline h2 {
	color:#FFFFFF;
	background-image:url(/_grafik/headline_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:2px 12px 5px 12px;
	margin-bottom:0em;
	margin-right:4px;
}
div#main_content div#content h2 {
	color:#4A4A4A;
	margin-bottom:0.8em;
	margin-top:0.8em;
}
div#main_content div#content h3 {
	color:#38A556;
padding-bottom:10px;
}
div#main_content div#content p {
	margin:0px;
	padding:0px;
	margin-bottom:1.8em;
}
div#main_content div#content div#column2 p {
	margin-bottom:1em;
}
div#main_content div#content ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
div#main_content div#content ul li {
	background-image:url(/_grafik/list_style_img.jpg);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:18px;
}
div#main_content div#content ol {
	margin:0px;
	padding:0px;
	margin-left:18px;
}
div#main_content div#content a {
	color:#45A24E;
}
div#main_content div#content a:hover {
	color:#333333;
}
div#main_content div#content a:hover {
}
div#main_content div#content div#column1 {
	float:left;
	width:374px;
	padding-right:20px;
}
div#main_content div#content div#column2 {
	float:left;
	width:184px;
	padding-left:20px;
	border-left:1px dotted #CCCCCC;
}


/* ---------------------------------------------------------------------------- HOMEPAGE */
div#main_content div#content.homepage {
}
div#main_content div#content.homepage div.text {
	padding-top:6px;
}
div#main_content div#content.homepage div#column1 {
	width:388px;
	padding-right:10px;
}
div#main_content div#content.homepage div#column2 {
	border:none;
	padding-left:10px;
}
div#main_content div#content.homepage div.boxes {
	clear:left;
}
div#main_content div#content.homepage div.boxes div.box_column {
	width:186px;
	float:left;
	margin-right:17px;
}
div#main_content div#content.homepage div.boxes div.box_column div.headline {
	margin-left:3px;
	margin-right:2px;
	margin-bottom:-2px;
}
div#main_content div#content.homepage div.boxes div.box_column div.box_top {
	background-image:url(/_grafik/box_top_bg.jpg);
	background-repeat:no-repeat;
	height:4px;
	font-size:0px;
}
div#main_content div#content.homepage div.boxes div.box_column div.box {
	background-image:url(/_grafik/box_bg.jpg);
	background-repeat:repeat-y;
}
div#main_content div#content.homepage div.boxes div.box_column div.box_bottom {
	background-image:url(/_grafik/box_bottom_bg.jpg);
	background-repeat:no-repeat;
	height:6px;
	font-size:0px;
	margin-bottom:10px;
}
div#main_content div#content.homepage div.boxes div.box_column div.box div.image {
	padding-left:5px;
	padding-top:1px;
}
div#main_content div#content.homepage div.boxes div.box_column div.box div.text {
	padding:8px 14px 12px 16px;
}



div#main_content div#navigation,
div#main_content div#content div#column2 {
	min-height:286px;
	}
div#main_content div#content.homepage div#column2 {
	min-height:1px;
	}
@media all {
* html b\ody div#main_content div#navigation {
	height:286px;
	}
* html b\ody div#main_content div#content div#column2 {
	height:286px;
	}
* html b\ody div#main_content div#content.homepage div#column2 {
	height:1px;
	}
}


	
/* ---------------------------------------------------------------------------- FOOTER */
div#footer {
	position:relative;
	width:100%;
	height:60px;
	background-image:url(/_grafik/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	}