/*<![CDATA[*/
/**
 * Layout Style
 *
 * Copyright (c) 2010    die.interaktiven GmbH u. Co. KG
 *                       www.die-interaktiven.de
 *
 * Alle Rechte vorbehalten. Unberechtigte Kopie und Weiter-
 * verwendung nicht gestattet.
 *
 */


/**
 * HTML-Tags
 */

body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 40px 0;
	font-size: 100.01%; 	/******** IE Hack ********/
	text-align: center;
	color: #737373;
	background: url(../images/body-bg.jpg) top center repeat-y #b9bfc2;
}

a
{
	color: #008fc1;
}

hr
{
	color: #737373;
	background-color: #737373;
}
	
/**
 * allgemeine Seitenstruktur
 */
 
#page
{
	width: 1000px;
	text-align: left;
	font-size: 0.7em;
	margin: 0 auto;
}

#head
{
	width: 100%;
	background: url(../images/head-bg.jpg) top left no-repeat;
}

#lang
{
	float: right;
	padding: 15px 30px 0 0;
	font-size: 0.8em;
}

#lang a
{
	color: #737373;
	text-decoration: none;
}

#lang a:hover
{
	color: #008FC1;
}

#logo
{
	padding: 137px 0 28px 584px;
}

#mainnav
{
	margin: 0 30px 60px 30px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #a6adb2;
}

#start #mainnav
{
	margin: 0 30px 30px 30px;
}

#mainnav ul
{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainnav li
{
	float: left;
}

#mainnav li a
{
	display: block;
	text-decoration: none;
	margin: 0 25px 0 0;
	color: #737373;
}

#mainnav li.active a,
#mainnav li a:hover
{
	color: #008fc1;
}

#body
{
	padding: 0 30px;
}

#content
{
	width: 100%;
	padding: 0 0 60px 0;
}

#subnav
{
	float: left;
	width: 240px;	
}

#subnav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnav li
{
	width: 100%;
}

#subnav li a
{
	display: block;
	padding: 3px 0 3px 15px;
	color: #737373;
	text-decoration: none;
}

#subnav li.active a,
#subnav li a:hover
{
	background: url(../images/subnav-item-active-bg.gif) left center no-repeat;
	color: #008fc1;
}

#subnav li.active li a
{
	background: transparent;
	color: #737373;
}

#subnav li li a
{
	display: block;
	padding: 3px 0 3px 30px;
}

#subnav li.active li.active a,
#subnav li.active li a:hover
{
	background: url(../images/subnav-item-active-bg.gif) 15px center no-repeat;
	color: #008fc1;
}

#elements
{
	float: right;
	width: 700px;
}

#colspan-top
{
	width: 100%;
	clear: both;
	float: none;
}

#col-left
{
	float: left;
	width: 460px;
}

#col-right
{
	float: right;
	width: 180px;
}

/*
**Neue Inhaltsseite 2o11!
 */ 
 
body#main.contact #col-left
{
	float: left;
	width: 305px;
}

body#main.contact #col-right
{
	float: left;
	width: 300px;
}
/*#*/

#colspan-bottom
{
	width: 100%;
	clear: both;
	float: none;
}

#footer
{
	width: 100%;
	padding: 0 0 20px 0;
	font-size: 0.8em;
}

#copyright
{
	float: right;
	padding: 0 30px 0 0;
}

#info
{
	float: left;
	padding: 0 0 0 30px;
}

#infopoint
{
	float: left;
	padding: 0 0 0 30px;
}

#infopoint a
{
	color: #737373;
	text-decoration: none;
	margin: 0 5px 0 0;
}

#infopoint a:hover
{
	color: #008fc1;
}

/**
 * Seitenvorgaben
 */
 
#start #elements
{
	float: none;
	width: 100%;
}

#start #col-left
{
	float: left;
	width: 600px;
	padding: 0 0 0 80px;
}

html>body#start #col-left
{
	width: 520px;
}

#start #col-right
{
	float: right;
	width: 300px;
	padding: 0 80px 0 0;
}

html>body#start #col-right
{
	width: 220px;
}
/*]]>*/