/* +Struktur
............................................... */
* { padding:0; margin:0; }

html {} 
	fieldset, img { border:0; }
	select, input, textarea { font-size: 99% }
body {min-height: 101%; font-size: 101%;font-family: verdana,arial,helvetica,sans-serif; text-align:center; background:#000;} 
 
h1, h2, h3, h4, h5, h6, pre {	/*text-transform: uppercase;*/ margin: .8em 0px; }
h1 {font-size: 100%; font-weight: bold; padding-left: .2em;}
h2 {font-size: 115%; font-weight: bold; padding-left: .3em;}
h3 {font-size: 113%; font-weight: bold; padding-left: .4em;}
h4 {font-size: 110%; font-weight: bold; padding-left: .5em;}
h5 {font-size: 107%; font-weight: bold; padding-left: .6em;}
h6 {font-size: 105%; font-weight: bold; padding-left: .7em;}
a {text-decoration:none;}

hr { height: 1px;border-width: 1px 0 0 0;border-style: dotted;border-color: #f63; margin: 3px 20px; }
fieldset {margin: 0px; padding:5px;}
legend {font-size:98%; font-weight: bold; color:#900;}
.killl,.clearboth {clear: both; height: 1px; display: block; line-height: 1px; font-size: 1px; margin:0;}
.unsichtbar,.hidden{position:absolute;left:-1000px;top:-1000px; width:0; height:0; overflow:hidden; display:inline;}
abbr, acronym {font-style: normal;border-bottom: 1px dotted #515F37;cursor: help;}
.alright{text-align:right;}
.center{text-align:center;}
a img {border:0;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}


/* +Startseite 
............................................... */
.start {padding-top: 100px;}
.startseiten-grafik {width:760px; height:515px; margin:0px auto; text-align:left; background: url('../images/startseite_grafik2011.jpg') top left no-repeat; position:relative;}
.titlewv {width:365px;height:515px; left:0px; top: 0px;  position:absolute; }
.titlewv h1 {text-indent: -10000px;margin:0px; padding:0px;}
.titlewv h1 a {width:365;height:515px;text-decoration:none;display:block;}
.titlewv h1 a span {display: none;}

.titlewv2 {width:140px;height:70px; left:590px; top: 90px;  position:relative; }
.titlewv2 h1 {text-indent: -10000px;margin:0px; padding:0px;}
.titlewv2 h1 a {width:140;height:70px;text-decoration:none;display:block;}
.titlewv2 h1 a span {display: none;}

.titlepv {width:365px;height:515px; right:0px; top:0px;  position:absolute; }
.titlepv h1 {text-indent: -10000px;margin:0px; padding:0px;}
.titlepv h1 a {width:365px;height:515px;text-decoration:none;display:block;}
.titlepv h1 a span {display: none;}

.skip {	position: absolute;	left: -1000em;width: 20em;
}


	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none } 

/* +Hauptcontainer
............................................... */
#chef {margin-top:40px; margin-right:auto;margin-left:auto;margin-bottom:0px; text-align:left; padding: 0px;width: 913px; color:#fff;}

#iconmenu {text-align:right; padding-bottom: 10px; padding-top:10px; margin-right:4px;}
/* ######################################################################################################
** ### Hauptnavigation #############################################################################
** ######################################################################################################
*/

#headnavi {
position:relative;
	padding-top:120px;
	margin-left: 120px;
/*  background:#DAE0D2 url(../../img/sliding_door/bg.gif) repeat-x bottom;*/
	font-size:115%;
	line-height:normal;
}

#headnavi ul {
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
}

#headnavi li {
	display:inline;
	margin:0;
	padding:0;
}

#headnavi a {
	float:left;
	margin:0px 5px 0px 0px;
	font-weight:normal;
	padding:0 10px;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}



#headnavi #current a {
	color:#000;
}



#headnavi a:hover {
	color:#000;
}






p,ul,ol,dd,dt { line-height: 1.5em;}
li {margin-left:2.5em;}
p { line-height: 1.3em;  }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }


acronym, abbr {	border-bottom: 1px dashed #c00;	cursor: help;}

/* ### Bildpositionierung ############################################################################ */


img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */

a, a em.file {color: #fff; text-decoration:none; font-weight:bold; }
a:hover {color: #9ABE94; text-decoration:none;}

#footer a { color: #669; }
#footer a:hover {background-color: #eef; }

#main a[href^="http:"], #main a[href^="https:"]
{padding-left:0;background-image:none;}

#main a.imagelink {	padding-left: 0;background: transparent;
}


#spalte1-inhalt #navi { 
text-align: right;
}
#spalte1-inhalt li {
margin: 5px 0px;
	list-style:none;
	display:block;
	height:1%;
}
#spalte1-inhalt li a.unternehmen { text-decoration:none;
background: url('../images/baumnavi_gruen.jpg') no-repeat top right; 
color: #C6FFAD;
font-weight:bold;
font-size:11px;
padding: 65px 15px 0px 0px;
height: 25px !important; height /**/:65px;
margin: 0px;
display:block;
text-align:right;
}
#spalte1-inhalt li .active a.unternehmen {
background: url('../images/baumnavi_gruen_hell.jpg') no-repeat top right; 
color: #fff;
}
#spalte1-inhalt li a.unternehmen:link {
/*	padding-right:1.1em;
	background: url(../../img/not-visited.gif) no-repeat top right;*/
}
#spalte1-inhalt li a.unternehmen:visited {
}
#spalte1-inhalt li a.unternehmen:hover {
background: url('../images/baumnavi_gruen_hell.jpg') no-repeat top right;
color: #fff;
}
#spalte1-inhalt ul {
	margin-bottom:0;
	margin-left:0;
}
#spalte1-inhalt ul ul {
	margin-left:1.5em;
}

/* ### Links für Spalte 3 ############################################################################ */
#spalte3-inhalt a {margin-right:.5em; border-bottom:1px dotted #fff;}
#spalte3-inhalt a:hover {margin-right:.5em; border-bottom:1px dotted #000;}

#spalte3-inhalt p img {margin: 10px 0;}
#spalte3-inhalt p {font-size:12px}
#spalte3-inhalt h5 {font-size: 120%; color:#9ABE94}


p.kontaktbox a,p.anfahrtbox a {font-size:90%; font-weight:normal; }
p.kontaktbox a:hover,p.anfahrtbox a:hover {margin-right:.5em; color: #006d00;border-bottom:1px dotted #006d00;}
p.layout a {font-size:85%; font-weight:normal; }
p.layout a:hover,p.layout a:hover {margin-right:.5em; color: #006d00;border-bottom:1px dotted #006d00;}
/* ### Links für Spalte 3 ############################################################################ */
#tx-skplants-pi1 {padding: .7em 15px;}

#tx-skplants-pi1 a {color: #fff; text-decoration:none; font-weight:bold; }
#tx-skplants-pi1 a:hover {color: ##D89E35; text-decoration:none;}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/


form {overflow:hidden;}
input, textarea { width: auto;font: 1em Verdana, Arial, Helvetica, Sans-Serif;border: 1px #ccc solid;   background: #fafafa;padding: 3px;color: #777;}
input[type=text]:focus, input[type=password]:focus, textarea:focus {background: #f0f0f0;color: #333;border-color: #666;}
p.demo { background-color: #FFE3BB; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }
/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }
blockquote { 	color: #222; background: #f8f8f8;border: 1px #ddd solid;border-left: 8px #ddd solid;padding: 1em 1em 0 1em;	margin: 0 0 1em 1em;}

/* Ungeordnete Listen ohne Listenpunkt */ 
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 1em 0; }

/* ### Download-Box ################################################################## */

.bluebox {	color:#000;	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;	text-align: center;	padding: 4px 0 4px 0;	margin-bottom: 1em;}
.bluebox p { padding: 0px 8px 0 8px; }
a.dl_link {	display: block;	padding: 0;	margin: 0.5em auto 0 auto;	background-image: none;}
a.dl_link:hover { text-decoration: none; background-color: transparent; }

/*******************************************
* Styles für Typo3 (RTE)
********************************************/
input, textarea {margin-left: 1em;  width: auto;	font: 1em Verdana, Arial, Helvetica, Sans-Serif;	border: 1px #ccc solid;  background: #fafafa;	padding: 2px;	color: #777;}
input[type=text]:focus, textarea:focus {	background: #f0f0f0;	color: #333;	border-color: #666;}
img {	border: 0;}
p.csc-linkToTop {	text-align: right;}
span.mono { 	font-family: "Courier New", Courier, monospace;	font-style: normal;	padding:0 0.3em 0 0.3em;	background:#f0f0f4;	border: 1px #ccd solid;}
span.file { 	font-family: "Courier New", Courier, monospace;	font-style: normal;	padding:0 0 0 14px;	color: #000088;	background: transparent url('../../img/icons/file.gif') no-repeat left;}
span.directory { 	color: #278434; font-size:130%;}
span.gruen {color: #9ABE94;}
p.smalltext {	font-size: 0.9em;}
p.redbox { color:#000; background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom: 0.5em; }
p.greenbox { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.greenbox a { color: #353;}
p.greenbox a:hover { background: transparent; }
p.box {	display: block;	font-size: 1em;	color: #000;	padding: 0.5em;	background: #f0f0f4;	border-left: 8px #E0E7F5 solid;}
p.code {	display: block;	margin: 0 0 1em 1em;	font-family: "Courier New", Courier, monospace;	font-size: 1em;	padding: 0.5em;	color: #000; background: #f0f0f4;border-left: 8px #E0E7F5 solid;}
p.bluebox {	color:#000;	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;	text-align: center;	padding: 4px 0 4px 0;	margin-bottom: 1em;}
p.csc-form-label-req {	font-weight: bold;}
p.rechtsbuendig {text-align:right}
p.linksbuendig{text-align:left}
p.zentriert{text-align:center; margin:0px; padding: 0px;}
.zentriert{text-align:center; margin:0px; padding: 0px;}
p.kontaktbox {padding-top: 100px; padding-left:130px; font-weight:bold; font-size:105%;}
p.datenschutz {margin-top: 100px; padding-left:50px;  font-size:105%; height: 330px; overflow:auto;}
p.layout {padding-top: 50px; padding-left:130px; font-weight:normal; font-size:89% !important;}
p.anfahrtbox {padding-top: 400px; padding-left:130px; font-weight:bold; font-size:105%;}
p.textcontainer {margin: 0px 5px 15px 5px; padding:0px 5px;  height:160px; overflow:auto; text-align:center;}
p.gmap {padding: .7em 15px;}
.layout {padding-top: 10px; padding-left:130px; font-weight:normal; font-size:89%;}
.csc-caption {
	font-size: 0.9em;
	background-color: #E0E7F5; padding: 2px;
}
/* Typo3 Version 4 */
dd.csc-textpic-caption {
	font-style: italic;
	font-size: 0.9em;
	background-color: #E0E7F5; padding: 0;
}


span.roteSchrift {color:#F00;}
span.sehrGross {font-size:150%;}
span.blaueSchrift {color:#00C;}

.blauerRand {border:2px solid #06C;}
.feedback {border: 1px dotted #80583E; background:#EBDFDC; padding:10px;}
.Abstand10px {padding:10px;}

.Abstandunten {margin-bottom:15px;}
