/* ----------------------------------------------------------------
	CSS: die gemüsegärtner
	Version: 1.3
	Date: 3.08.2010
	www.florian-diederich.de
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; }
html * { font-size: 100.01% }

body {
	margin:0px; padding:0px;
	text-align:left;	
	color:#383838;
	font-size:101%;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	background: transparent  url("images/page-bg.gif") center top;
}

/* global */

a {color:#19a630;text-decoration:none}
a:hover {text-decoration:underline}

p  {padding-bottom:0.5em; }

hr {
	background-color: #80b280; /* Farbe f�r Opera und Firefox */ 
	color: #80b280; /* Farbe f�r Internet Explorer (IE) */
	border: 0; 
	height: 1px; 
	noshade;
}


h1 {color:#006600;}

img {border:0px}

#logo {
	position:absolute;
	top:161px;
	top:95px;
	right:45px;
	z-index:30;
	height:200px;
	width:210px;
}

#slogan {
	position:absolute;
	top:0px;
	right:10px;
	right:31px;
	z-index:3;
}

/* positioning-layers */
#overall {
	position:absolute;
    	top: 0;
    	left: 50%;
	margin-left: -460px;
	margin-left: -490px;
	margin-top:0px;
	width:980px;
	height:auto;
   	min-width:inherit;
	max-width:none;
	background: transparent  url("images/overall-bg.png") center top;
}


#header {
	margin-top:0px;
	width:922px;
	margin-left:27px;
	float:left;
	height:auto;
	border-top:1px solid #adadad;	
	background: transparent;
}

#menu {
	font-size:11px;
	font-weight:bold;
	background:transparent;
	float:left;
	margin-left:27px;
	margin-top:-67px;
	width:922px;
	height:80px;
	background: transparent /* url("images/menu-bg.jpg") 0px 56px no-repeat */;
	text-transform:uppercase;
}

#menu ul {
	position:absolute;
	margin-top:10px;
	float:left;
	background:transparent;
	list-style:none;
 	border-left:1px solid #cccccc;
	z-index:20;
}

#menu ul li {
	list-style:none;
	height:auto;
	padding-top:0px;
	margin-top:0px;
	background:white;
	float:left;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #cccccc;	
	filter: alpha(opacity=75);
	  -moz-opacity: 0.75;
	opacity: 0.75;
}

#menu ul li#navi4 {padding-top:20px;background:#e7e7e7}
#menu ul li#navi4 a {font-size:22px;}

#menu ul li  a {

	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	color:#999999;
}

/* IE8 Hack */
#menu ul li  a {
padding-bottom /*\**/: 44px\9
}

/* IE7 Hack */
*+html #menu ul li  a {
padding-bottom: 43px;
}


#menu ul li a:hover {color:#19a630;text-decoration:none}
#menu ul li.act a {color:#19a630;}

/* breadcrumb */
 #navpath {
display:none;
	float:left;
	margin-left:27px;		
	font-size:12px;
	color:#ef9304;
}

#navpath a {	color:#ef9304;}
#navpath a.act {color:#ef9304;}

/* Main */
#main {
	float:left;
	width:970px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	background: transparent;
}

#main #submenu {
	float:left;
	width:150px;
	margin-left:23px;
}

#main #submenu ul {
	list-style:none;
	margin-top:35px;
	font-size:12px;
	line-height:21px;
	text-transform:uppercase;
	padding-bottom:10px;
	padding-top:10px;
	border-top:0px solid #b38946;
	border-bottom:1px solid #999999
}

#main #submenu ul li {
	border-bottom:0px dotted #a6a6a6;
	font-weight:bold;
}
#main #submenu ul li a {color:#999999}
#main #submenu ul li a:hover {text-decoration:none;color:#19a630}
#main #submenu ul li a.act {text-decoration:none;color:#19a630}

#main #submenu ul ul {
	margin-top:0px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999
}
#main #submenu ul ul li {
	border:0px;
	margin-left:0px;
	font-size:11px;
	font-weight:normal;
}

#main #submenu ul ul ul  {
	background:#efefef;
	border-top:1px solid #537bb9;
	border-bottom:1px solid #537bb9;
	padding-top:3px;
	padding-bottom:3px;
}

#main #submenu ul ul ul li {
	border:0px;
	margin-left:10px;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
}

#main #submenu ul ul li a:hover {text-decoration:none;}


#main #inhalt {
	background:white;
	float:left;
	width:483px;
	min-height:290px;
	margin-left:30px;
	margin-right:10;
	padding:10px;
	text-align:justify;
}




#main #inhalt h1.csc-firstHeader {
	margin:0px;
	padding:0px;
	margin-top:0px;
	color:#f29400;
	font-size:24px;
	line-height:132%;
	font-family:arial;
	font-weight:normal;
	width:100%;
	clear:both;
	margin-bottom:5px;
}

*html div#main #inhalt h1.csc-firstHeader {
}

#main #inhalt h1 {
	margin:0px;
	padding:0px;
	margin-top:20px;
	color:#f29400;
	font-size:24px;
	font-family:arial;
	font-weight:normal;
	width:100%;
	clear:both;
	line-height:132%;
	margin-bottom:5px;
}


#main #inhalt h2 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	width:100%;
	clear:both;
	color:#666666;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
	line-height:18px;
}

#main #inhalt ul, ol {
	font-weight:normal;
	margin-top:5px;
	margin-bottom:5px;
}

#main #inhalt ul li {
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:11px;
	margin-left:16px;
}

#main #inhalt ol li {
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:11px;
	margin-left:22px;
}

#main #inhalt ul.green {
	padding:10px;
	background: #81b380
}

#inhalt #content-trenner {
	float:left;
	width:460px;
	margin-top:0px;
	height:10px;
	padding-bottom:0px;
	border-top:1px solid #80b280;
	display:inline;
}

*html div#inhalt #content-trenner {width:430px;}


#main #inhalt p {
	font-size:12px;
}


/* Text mit Bild */

/* im Text rechts */
#main #inhalt .csc-textpic-intext-right .csc-textpic-imagewrap {padding-top:5px;padding-left:12px;float:right}
#main #inhalt .csc-textpic-intext-right .csc-textpic-imagewrap dt img {border:1px solid #cccccc;}

#main #inhalt .csc-textpic-intext-right .csc-textpic-text  {}
#main #inhalt .csc-textpic-intext-right .csc-textpic-text  h2 {float:left;}

#main #inhalt .csc-textpic-intext-right dt span.rgmediaimages-player { 
	clear:both;
	margin:0px;
	padding:0px;
}


/* im text links */
#main #inhalt .csc-textpic-intext-left .csc-textpic-imagewrap {padding-top:5px;padding-right:12px;float:left}
#main #inhalt .csc-textpic-intext-left .csc-textpic-imagewrap dt img {border:1px solid #cccccc;}
#main #inhalt .csc-textpic-intext-left .csc-textpic-text  {}

#main #inhalt .csc-textpic-intext-left .csc-textpic-text  {}


#main #inhalt .csc-textpic-intext-left dt span.rgmediaimages-player { 
	margin:0px;
	padding:0px;
}


#main #right {
	float:right;
	width:198px;
	margin-right:27px;
	background:transparent;	
	min-height:290px;	
	font-family: arial;
	font-size:11px;
	line-height:14px;
	text-align:justify;
}

#main #right hr {
	background-color: #80b280; /* Farbe f�r Opera und Firefox */ 
	color: #80b280; /* Farbe f�r Internet Explorer (IE) */
	border: 0; 
	height: 1px; 
	noshade;
}

#main #right .box-rechts {
	padding:10px;
	padding-bottom:20px;
	/* margin-bottom:10px; 
	background:white;*/
	background: transparent;
}

#main #right .box-rechts h1.csc-firstHeader {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-size:24px;
	font-weight:normal;
	font-family:arial;
	color:#f29400;
	line-height:132%;
}

#main #right .box-rechts h1 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	color:#666666;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
}

#main #right .box-rechts h2 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	color:#666666;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
}

#main #right .box-rechts h3 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-size:11px;
	font-weight:normal;
	font-family:trebuchet ms;
}

#footer {
	margin-top:35px;
	float:left;
	width:980px;
	height:109px;
	background: transparent  url("images/footer-bg.gif") 1px 0px no-repeat;
}

#footer #bottom-nav {
	font-size:11px;
	text-align:right;
	margin-right:27px;
}

#footer #bottom-nav a {
	color:#666666;
}

/* Formular */
#main #inhalt form {clear:both}

#main #inhalt .csc-mailform {
	border:0px;
	font-size:12px;
	color:#383838;
}

#main #inhalt .csc-mailform-field {
	border:1px solid white
}

#main #inhalt .csc-mailform-field label {
	float:left;
	width:80px;
}

#main #inhalt .csc-mailform-field input, textarea {
	border:0px;
	margin-top:5px;
	border:1px solid #808080;
}

#main #inhalt .csc-mailform-field textarea {
	width:218px;
}

#main #inhalt .csc-mailform-field input#mailform374formtype_mail {
	margin-left:80px;
}


#main #inhalt input[type=submit] {padding:3px;}