html, body, td, input, select
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

body
	{
	margin:  0px;
	padding: 0px;
	background: #E4E3E3 url(/images/background.gif) repeat-y;
	}

#eyecatcher
	{
	position: absolute;
	left: 250px;
	top:  145px;
	width: 700px;
	height: 150px;
	background: url(/images/anhaengen.png) no-repeat;
	}

/* rechts */

#rechts
	{
	position: absolute;
	top: 313px;
	left: 750px;
	width: 200px;
	/*background-color: #67AA65;*/
	/*background-color: #6DAA6B*/;
	color: #ffffff;
	}

#rechts h1
	{
	padding:          9px 20px 9px 20px;
	background-color: #30882C;
	font-size:        100%;
	font-weight:      bold;
	margin:           0px;
	color:            #ffffff;
	text-transform:   uppercase;
	letter-spacing:   1px;
	}

#rechts h2
	{
	font-size:   100%;
	font-weight: bold;
	margin:      0px;
	color:       #30882C;
	padding:     4px 0px 2px 0px;
	}

#rechts .ttx
	{
	padding: 9px 20px 9px 20px;
	color: #ffffff !important;
	}


/* content */

#content
	{
	position: absolute;
	left: 270px;
	padding: 0px;
	margin: 0px;
	}

#content h1
	{
	font-size:   220%;
	font-weight: normal;
	margin:      0px;
	padding:     5px 0px 2px 0px;
	text-transform: uppercase;
	color:       #444444;
	}

#content h2
	{
	font-size:   130%;
	font-weight: bold;
	margin:      0px;
	color:       #30882C;
	padding:     15px 0px 2px 0px;
	}

#content h3
	{
	font-size:   100%;
	font-weight: bold;
	margin:      0px;
	padding:     2px 0px 2px 0px;
	color:       #702E30;
	}

#content p, #rechts p
	{
	margin:  0px;
	padding: 2px 0px 4px 0px;
	line-height: 160%;
	}

#content a
	{
	text-decoration: none;
	font-weight: bold;
	color:       #76923C;
	}

#rechts a
	{
	font-weight: bold;
	color: #10660A;
	text-decoration: none;
	}

#content a:hover, #rechts a:hover
	{
	text-decoration: underline;
	}

#content .sidepicture
	{
	float:   right;
	padding: 0px 0px 0px 10px;
	margin:  5px 0px 10px 10px;
	width:   160px;
	}

#content .clear
	{
	clear: both;
	}


/* UL */

#content ul, #rechts ul
	{
	list-style: none;
	padding: 0px;
	margin:  6px 0px 6px 10px;
	}

#content li, #rechts li
	{
	padding:    2px 0px 2px 16px;
	background: url(/images/pbull.gif) no-repeat top left;
	}


/* Formular */

input.box
	{
	width:          300px;
	vertical-align: top;
	padding:        1px;
	margin:         0px 0px 10px 0px;
	border:         1px solid #cdcdcd;
	color:          #333333;
	background:     url(/images/inputverlauf.gif) repeat-x;
	font-size:      10px;
	}

form.formular textarea
	{
	background: url(/images/inputverlauf.gif) repeat-x;
	border: 1px solid #cdcdcd;
	width:  300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	}

form.formular .formcaption
	{
	width:       150px;
	line-height: 200%;
	float:       left;
	clear:       left;
	}


#logo
	{
	position: absolute;
	left: 50px;
	top:  0px;
	width: 900px;
	height: 100px;
	background: url(/images/header.jpg) no-repeat;
	}

#navigation
	{
	position: absolute;
	left: 50px;
	top:  100px;
	width: 900px;
	height: 30px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #fdfdfd;
	background: url(/images/inputverlauf.gif) repeat-x;
	overflow: hidden;
	}

#navigation a
	{
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 3px;
	background: url(/images/navigation_a.gif) no-repeat right;
	}

#navigation a:hover
	{
	background: url(/images/inputverlauf_a.gif) repeat-x;
	color: #333333;
	}

#navigation a.active
	{
	background: url(/images/inputverlauf_a.gif) repeat-x;
	color: #333333;
	font-weight: bold !important;
	font-size: 11px;
	}

#kompakt {
	position: absolute;
	left: 50px;
	top:  135px;
	width: 199px;
	background-color: #6DAA6B;
}
	
#homed 	{
	position: relative;
	padding-left: 20px;
	padding-top:10px;
	left: 0px;
	top:  5px;
	width: 199px;
	background-color: #fff;
}	
#homed  a{
	text-decoration:none;
	padding:0;
}	
/*
#kompakt a
	{
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #D39297;
	padding: 0px;
	margin: 3px 20px 3px 20px;
	text-transform: uppercase;
	font-size: 10px;
	}
*/
#kompakt p
	{
	text-align: justify;
	}

#kompakt p a
	{
	border-bottom: none !important;
	}

#kompakt a:hover, #kompakt a.active
	{
	color: #D39297;
	}

#kompakt h1
	{
	padding:          9px 20px 9px 20px;
	background-color: #30882C;
	font-size:        100%;
	font-weight:      bold;
	color:            #ffffff;
	letter-spacing:   1px;
	text-transform:   uppercase;
	margin:           0px;
	}

form.search
	{
	position: absolute;
	top: 28px;
	left: 780px;
	width: 160px;
	}

form.search input
	{
	margin:         0px;
	vertical-align: middle;
	}

input.search
	{
	border: 1px solid #cdcdcd;
	color: #333333;
	width: 118px;
	padding: 2px;
	background: url(/images/inputverlauf.gif) repeat-x;
	font-size: 10px;
	}

.externallink
	{
	background-repeat: no-repeat;
	background-image: url(/images/link_extern.gif);
	padding-left:     12px;
	background-position: 0 4px;
	}

.bildlegende
	{
	font-size:  11px;
	font-style: italic;
	}
	
.alert 
	{
	color: #702E30;
	font-weight:bold;
	border: 1px dotted #889988;
	padding: 20px;
	width: 400px;
	}