/* @group Allgemeine Definitionen */

/* TinyMCE Allgemein Anfang */

*
{
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #565656;
	
	margin: 0;
}

/* TinyMCE Allgemein Ende */

body
{
	position: relative;
	width: 770px;
	
	margin: 0 auto;
	padding: 0;
	
	background: #ffffff;
}

img
{
	border: 0;
}

/* @group Formularfelder */

form, input, textarea, select
{
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
}

input.text,
textarea,
select
{
	border: 1px solid grey;
	padding: 1px;
	
	color: grey;
}

input.button 
{	
	padding: 0 4px 0 4px;
	
	cursor: pointer;
	cursor: hand;
	
	border: 1px solid grey;
	background: lightgrey;
}

* html input.button
{
	height: 15px;
	line-height: 10px;
}

*+html input.button
{
	height: 15px;
	line-height: 10px;
}



/* @end */

/* @group Anti Spambot */

span.anti_spambot
{
	unicode-bidi:bidi-override;
	direction:rtl;
}

/* @end */

/* @end */

/* @group Logo und Slogan */

div#header h1
{
	position: absolute;
	left: 0;
	top: 0;
	
	width: 181px;
	height: 255px;	
	
	margin: 0;
	
	background: url(/assets/site/images/logo.gif) no-repeat;
}

div#header h1 a
{
	display: block;	
	width: 181px;
	height: 255px;
	
	text-indent: -1000em;
	overflow: hidden;
}

div#header h2
{
	position: absolute;
	left: 181px;
	top:  0;
	
	margin: 0;

	height: 255px;
	width: 589px;
	
	text-indent: -1000em;
	overflow: hidden;
}

/* @end */

/* @group Navigation */

div.navigation
{
	float: left;
	display: inline;

	width: 181px;

	margin: 255px 0 0px 0px;
	padding: 0;

	background: url(/assets/site/images/naviBackground.gif) repeat-y;
}

/* @group Ebene 1 */

div.navigation ul
{
	margin: 0;
	padding: 26px 0px 20px 15px;
	
	list-style-type: none;
	
	background: url(/assets/site/images/naviBackgroundUnten.gif) no-repeat 0 bottom;
}

div.navigation ul li
{
	height: 1%;
	width: 151px;
}

div.navigation ul li.open
{
	background: url(/assets/site/images/naviBackgroundActiveTop.gif) no-repeat;
}

div.navigation ul li.open ul
{
	background: url(/assets/site/images/naviBackgroundActiveBottom.gif) no-repeat 0 bottom;
}

div.navigation ul li a
{
	display: block;
	padding: 0px 20px 0px 8px;
	
	color: #565656;
	line-height: 32px;
	
	text-decoration: none;
}

div.navigation ul li a:hover,
div.navigation ul li.active a
{
	background: url(/assets/site/images/naviBackgroundActive.gif) no-repeat 0 3px;
}

div.navigation ul li.open a
{
	background: none;
}

/* @end */

/* @group Ebene 2 */

div.navigation ul li ul
{
	background: none;
	padding: 0;
	display: none;
}

div.navigation ul li.active ul
{
	display: block;
}

div.navigation ul li ul li a
{
	padding: 0px 8px 4px 22px;
	
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	text-decoration: none;
	font-weight: normal;
}

div.navigation ul li.active ul li a
{
	background: none;
}

div.navigation ul li ul li a:hover,
div.navigation ul li ul li.active a
{
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group Inhalt */

div.content
{
	position: relative;
	float: left;
	width: 529px;

	margin: 255px 0px 0 0px;
	padding: 26px 30px 0px 30px;
	
	line-height: 18px;
	color: #565656;
	background: url(/assets/site/images/contentBackground.gif) repeat-y;
}

/* TinyMCE Inhalt Anfang */

/* @group Absatzformate */

div.content h3
{
	font-size: 24px;
	margin: 0 0 17px 0;
	font-weight: normal;
	line-height: 120%;
	color: #ffb401;
}

div.content h3.nontop
{
	clear: both;
	margin: 23px 0 8px 0px;
}

div.content h4
{
	clear: both;
	font-size: 14px;

	margin: 22px 0 12px 0;
}

div.content h5
{
	clear: both;
	font-size: 12px;

	margin: 16px 0 2px 0;
}

div.content p
{
	margin: 0 0 12px 0;
}

div.content .highlight
{
	padding: 2px 5px 2px 5px;
	background-color: #ffb401;
	font-weight: bold;
}

div.content .clear
{
	clear: both;
}

/* @end */

/* @group Links */

div.content a
{
	color: #565656;
}

/* @end */

/* @group Einfache Listen */

div.content ul
{
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 140%;
	list-style-type: none;
}

div.content ul li
{
	margin: 4px 0 6px 0;
	padding-left: 11px;
	background: url(/assets/site/images/iconBullet.gif) no-repeat 0 5px;
}

* html div.content ul li
{
	height: 1%;
}

/* @end */

/* @group Nummerierte Listen */

div.content ol
{
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 140%;
}

div.content ol li
{
	margin: 4px 0 6px 17px;
	padding: 0;
	
}

/* @end */

/* TinyMCE Inhalt Ende */

/* @group Spalten */

div.colLeft
{
	width: 350px;
	padding-right: 15px;
	border-right: 1px dotted #565656; 
	float: left;
}

div.colRight
{
	width: 150px;
	padding-left: 12px;
	float: left;
}

div.spalte
{
	width: 220px;
	padding-right: 15px;
	float: left;
}

/* @end */

/* @group Formulare */

div.content form 
{
	width: 350px;
}

div.content form p
{
	position: relative;
	padding-bottom: 10px;
}

div.content form p input.text,
div.content form p textarea,
div.content form p select
{
	position: absolute;
	right: 0;
	
	width: 200px;
}

div.content form p select
{
	width: 204px;
}

* htmldiv.content form p select
{
	width: 206px;
}

*+htmldiv.content form p select
{
	width: 206px;
}

div.content form p span.input
{
	position: absolute;
	left: 145px;
}

* htmldiv.content form p span.input
{
	left: 115px;
}

*+htmldiv.content form p span.input
{
	left: 115px;
}

div.content form p.Nachricht,
div.content form p.Nachricht textarea
{
	height: 100px;
}

/* @group Downloads */

div.content form p.Downloads
{
	width: 530px;
	padding-bottom: 0;
}

div.content form p.Downloads span.input
{
	position: relative;
	float: left;
	width: 50%;
	left: auto;
	
	margin-bottom: 5px;
}

/* @end */

/* @end */

/* @group Google Maps */

div.content div#map
{
	height: 400px;
	border: 1px solid #979797;
}

/* @end */

/* @end */

/* @group Footer */

div.content div#footer
{
	position: absolute;
	left: 0;
	bottom: -32px;
	
	height: 32px;
	width: 589px;
	
	text-indent: -100em;
	background: url(/assets/site/images/contentBackgroundUnten.gif) no-repeat;	
}

/* @end */

/* @group Metanavigation */

div.content div#metaNavigation
{
	position: absolute;
	left: 20px;
	bottom: -58px;
	
	display: inline;	
	padding-right: 20px;
	
	width: 450px;
	height: 36px;
	background: url(/assets/site/images/metaNavBackgroundRechts.gif) no-repeat top right;
}

div.content div#metaNavigation *
{
	font-size: 10px;
	color: white;
}

div.content div#metaNavigation p
{
	float: left;
	padding: 4px 0 0 5px;
	white-space: nowrap;
}

div.content div#metaNavigation ul
{
	float: left;
	padding: 0 0 0 20px;
	height: 36px;
	
	list-style-type: none;
	background: url(/assets/site/images/metaNavBackgroundLinks.gif) no-repeat;
}

div.content div#metaNavigation ul li
{
	background: none;
	margin: 0;
	padding: 6px 0 0 5px;
}

div.content div#metaNavigation a
{
	white-space: nowrap;
	
	color: white;
	text-decoration: none;
}

div.content div#metaNavigation a:hover,
div.content div#metaNavigation ul li.active a
{
	text-decoration: underline;
}
/* @end */