/*	body
*******************************************************************************/

body {
font-family:verdana, sans-serif;
	font-size: 11px;
	background-color:#FFFFFF;
	background-image:url(bg2.jpg);
	background-repeat:repeat-x;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#333333;
		}
	
#outer
{width: 870px; background: #fff url('bgout.jpg') no-repeat; margin: 0 0 0 11px;padding:0 0 0 0;text-align:left; 
}
 
html>body #outer
{width: 900px;}

#outer #kontroll{
position:absolute;
margin: 30px 0 0 765px;
z-index:20}

html>body #outer #kontroll{
margin: 30px 0 0 755px;
}

#schriftzug{
position:absolute;
margin: 4px 0 0 4px;
z-index:10}

#stelle{
position:absolute;
margin: 30px 0 0 755px;
z-index:10}


a {color:#333333; text-decoration:none; }
a:hover { text-decoration:none; }

:link,:visited { text-decoration:none; }

img, a img,:link img,:visited img, fieldset { border:none }
table {padding:0px; margin:0px; border-spacing:0px; font-size:11px;}
tr { padding:0px; margin:0px; border:#FFFFFF thin solid;}
td { padding:0px; margin:0px; vertical-align:center; border-spacing:0px; border:0; }

.flLeft {float:left;}
.flRight {float:right;}


/*	logo / breadcrumb
*******************************************************************************/
#werbung{width:180px; margin:30px 0 0 0;padding:0 0 0 0; text-align:right;}


 #logo {height:87px; width:185px; padding:0 0 0 0; margin:90px 0 13px 20px;border:0px solid #000000;}
 html>body #logo {margin:90px 0 13px 20px;}
/*	Navigation 
------------------------------------------------------------------------------*/
#navigation {
	width:212px;
	margin: 0 0 20px 0px;
	padding:0 0 0 0px;
	text-align:right;
	background-image:url(bg_nav.jpg);
	background-position:right;
	background-repeat:repeat-y;
	
	
}

#navigation ul {
	text-align:right;
	padding:25px 0 20px 0;
	list-style:none;
	width:211px;
	margin:0 0 0 0;
	}

#navigation ul li {	
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
	
#navigation ul a, 
#navigation ul a:link {
	color:#333333;
	font-size:11px;
	font-weight:bold;
	padding: 5px 7px 5px 0;
	margin:0 0 0 0;
	border-bottom:1px #ffffff solid; 
	display:block;	
}

#navigation ul .current
{ 	margin:0 0 0 0;
	text-decoration:none;
	color:#c90e34; font-weight:bold;
	text-transform:uppercase;
	padding: 5px 5px 5px 0;	
	background-image:url(bg_nav2a.jpg);
}

#navigation ul a:hover {
	color:#608a40;}
	
#navigation ul.nav2nd { margin:0 0 0 0; padding:0 0 0 0; background-image:url(bg_nav2a.jpg);}
 html>body #navigation ul.nav2nd {	
	padding:0 0 0 0;	
	}
#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
	padding:4px 2px 4px 0;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	display:block;
	margin:0 0 0 0;	
		margin:0 0 0 0;
		background-image:url(bg_nav2a.jpg);
}

#navigation ul.nav2nd a:hover {color:#608a40; }

#navigation ul.nav2nd .current
{
	text-decoration:none;
	color:#c90e34;
}


#navigation ul.nav3rd { margin:0 0 0 0; padding:0 0 0 0; }

#navigation ul.nav3rd a, 
#navigation ul.nav3rd a:link {
	padding:4px 2px 4px 0;
	font-size:10px;
	font-weight:normal;
	color:#333333;
	display:block;
	margin:0 0 0 0;	
}

#navigation ul.nav3rd a:hover {color:#608a40; }

#navigation ul.nav3rd .current
{
	text-decoration:none;
	color:#c90e34;
}

#shop-link {
	font-size:14px;
	padding: 0 0 20px 0;
	font-weight:bold;
	
	}


/*	content
*******************************************************************************/
#content {
margin:46px 0 5px 0px;
padding:0 0 0 0;
border:#666666 1px solid;
width:697px;
}

html>body #content {
margin:46px 0 5px 0px;
padding:0 0 0 0;
border:#666666 1px solid;
width:687px;
}

/* hide from IE/MAC \*/
* html #content {
	height:1px;
}
/* end hide */


/*	header
*******************************************************************************/
#header {
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:142px;
	width:697px;	
}

html>body #header {width:687px;}
	

#header .head{
	margin:0 0 0 0 ;
	padding:0 0 0 0;
	height:142px;
	width:587px;
	 background-image:url(head_leiste1.jpg); background-repeat:no-repeat;}
	 
	 
#header .head_start{
	margin:0 0 0 0 ;
	padding:0 0 0 0;;
	height:142px;
	width:587px;
	
}
#header .auto{
	padding:69px 0 0 25px; }

#shop{
 width:114px;
height:76px;
margin:0 0 0 0;
padding:50px 0 0 5px;
background-color:#fff;
font-size:18px;
font-stretch:condensed;
font-weight:bold;
color:#709837;
vertical-align:bottom;
filter:alpha(opacity=60); //für IE
}
html>body #shop{margin:0 0 0 0;height:74px;padding:52px 0 0 4px;width:105px;}

#shop{opacity: 0.6;//Mozilla}

#subnav{text-align:center; margin:0 0 0 0; padding:0 0 0 0; height:10px; }


/*	Main Start
------------------------------------------------------------------------------*/
#main_start {padding: 0 0 0 0; margin:0 0 0 0; width:697px; height:370px; background-image:url(centrum_start.jpg);
background-repeat:no-repeat;}

html>body #main_start {padding: 0 0 0 0; margin:0 0 0 0; width:687px; height:370px; background-image:url(centrum_start.jpg);
background-repeat:no-repeat;}


#main_start a{
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
	font-weight:bold;text-decoration:none; 

	}

	
#main_news{
clear:both;
float:right;
margin:20px 2px 5px 0px;
}

#main_news img{
padding:5px 0px 0 0;
border:0;
}
	
#news{
clear:both;
float:right;
font-family:Arial, Helvetica, sans-serif;
width:106px;
margin:20px 2px 5px 0px;
background-color:#fff;
border: #709832 1px solid;
filter:alpha(opacity=90); //für IE
}

#news{opacity: 0.9;//Mozilla}

#news h1{
width:106px; 
font-size:14px;
font-weight:bold;
color:#FFFFFF; 
background-image:url(bg_news.gif); 
background-repeat:no-repeat; 
line-height:22px; 
text-align:center; 
 margin: 0 0 0 0;
}

#news h2{
width:106px; 
font-size:12px;
font-weight:bold;
color:#333; }

#news p{padding:0px 3px 3px 3px; margin: 0 0 0 0;}




/*	Main
------------------------------------------------------------------------------*/
#main {padding: 5px 50px 50px 50px;font-size:12px; line-height:16px; font-family:trebuchet, verdana, sans-serif; min-height:400px;}

html>body #main {padding: 15px 50px 50px 50px;}

/* Headline 1 */
#main h1 {
	color:#5e882f;
	font-family:trebuchet, verdana, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.2em;
	padding: 20px 0 10px 0;
}

/* Headline 2 */
#main h2 {
	color:#333;
	font-family:trebuchet, verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	margin: 20px 0 7px 0;
}

/* Headline 3 */
#main h3 {
	color:#333;
	font-family:trebuchet, verdana, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
	margin: 30px 0 12px 0;
	background-color:#e0f0c3;
	padding:3px 0 3px 0;
	
	
	
}

/* Headline 4 */
#main h4 {
	color:#cc0000;
	font-family:trebuchet, verdana, sans-serif;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	padding-left:60px;
}

/* Headline 5 */
#main h5 {
	color:#333;
	font-family:trebuchet, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	margin:20px 0 7px 0;
	padding:0 0 0 0;
	
}

/* Headline 6 */
#main h6 {
	color:#709837;
	line-height:14px; 
	font-size:12px;
	padding: 2px 0 2px 0;
	margin: 0 0 0 0;
}

#main hr{border: 1px solid #5e882f; witdh:300px; text-align:center;margin:5px 0 15px 0;}

#main .abstand {		padding-left:40px;}


#main a, #main a:link {
	color:#5e882f;
	text-decoration:none; 
	border-bottom: #5e882f 1px dotted;
}

#main a:hover {
	color:#000;
}

#main .rex_image{ margin:0 0 0 0;}
#main .center_image{
 border:1px solid #5e882f; margin:0 0 5px 0;}

#main ul {
list-style-type:none;
}
#main td{font-size:12px;}


#main .sitemap1 {
list-style:none;
font-weight:bold;
padding-top: 8px;
line-height:20px;
}
#main .sitemap2 {
list-style:none;
font-weight:100;
}

#main td{padding:3px 3px 3px 3px}
#main li {line-height:18px}
.rex_image{border:1px solid #5e882f; padding:0 0 0 0; }
#empf .rex_image{
border:1px solid #5e882f; margin:0 0 5px 5px;}

#bg_hell_k{ background-color:#f0f8e1; padding:5px 5px 5px 5px;}

#main .bio1{background-color:#d5e9bf; font-weight:bold}
#main .bio2{background-color:#f0f8e8;}

#main .bio3{background-color:#afd584; font-weight:bold}
#main .bio4{background-color:#c5e0a5;}

#main .bio5{background-color:#9fcc6b; font-weight:bold}
#main .bio6{background-color:#b2d788;}



#ticker{margin:0 0 0 0; padding:0 0 0 0;}

#ticker form{margin:0 0 0 0; padding:0 0 0 0;}

#ticker .frame{width: 675px; height: 17px; border: 1px solid black;}
html>body #ticker .frame{width: 550px; height: 17px; border: 1px solid black; margin:5px 0 0 5px;}

/*	TINY Styles
------------------------------------------------------------------------------*/
.bilderrahmen{border:1px solid #5e882f; padding:0px 0px 0px 0px; margin:5xp 10px 5px 1px;}
.gruen{border:1px solid #5e882f;margin:0;padding:0;}
.blau{background-color: #e0f0c3}
.bild_rechts{float:right; margin:0 0 5px 20px;}
.bild_links{float:left; border:1px solid #608a40; margin:0 0 5px 10px;}

/*	Download
------------------------------------------------------------------------------*/


.list_content2 {
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	color:#666666;
	padding:0px 0 0px 20px;
	width:400px;
    line-height: 18px;
	
	margin: 0 0 30px 0;
	}
	


/*	footer
------------------------------------------------------------------------------*/
#footer {width:670px;
padding:0 0 0 10px;
}
#footer  a,
#footer  a:link {
	color:#3333; text-decoration:none;
}
#footer  a:hover {
	text-decoration:underline;
}


/* form-module
*******************************************************************************/

#empf{
background-color:#fff;
padding:20px 0 0 20px;
width:520px;
}

#erst{
background-color:#f0f8e1;
width:620px;
padding:0 0 0 10px;}


#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:400px;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module .Stil1 {font-size: 10px; line-height:11px}
#form-module legend {
	display:none;
}

#form-module td  {border-bottom:1px solid #fff; border-right:1px solid #fff;}

#form-module p {
	margin:5px;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	border-top:2px solid #fff;
	line-height:18px;
	padding:5px;
	width:500px;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:130px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input {
	float:left;
	margin:5px;
	border:1px solid #333;
}

#form-module select {
	float:left;
	margin:5px 0 5px 5px;
	
}

#form-module textarea {
	float:left;
	margin:5px;
	border:1px solid #333;
}



#form-module input.text {
	height:20px;
	width:295px;
}
#form-module input.auswahl {
	padding:0px 0px 0 0;
	margin:4px 5px 0px 5px;
	border:0px solid #fff;
	width:14px;
	height:14px;
}

#form-module input.info {
	padding:0px 0px 0px 0;
	margin:4px 5px 5px 5px;
	border:0px solid #fff;
	width:14px;
	height:14px;
}

#form-module input.zyklus {
	height:20px;
	width:20px;
	padding:0 0 0 10px;
}

#form-module input.checkbox {
	width:40px;
	padding:8px 0 0 0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 15px 15px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#e0f0c3;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}


#empf input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#empf input.submit:hover { 
	background-color:#e0f0c3;
	color:#000;
}

#empf input, 
#empf select, 
#empf textarea {
	margin:5px;
	border:1px solid #333;
}

#empf input.text {
	height:20px;
}


/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	background: #f0f8e1;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 5px 3px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}