Body {
background-image: url(http://www.soergel-forsttechnik.de/sft_background.jpg);
background-repeat: repeat-y;
font-size: 0.8em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333;
padding:0px;
margin:0px;
}

a {color: #333;}
a:visited {color:#333;}
a:hover {color: #FDD622;}
a:active { color:#333;}

#Header {
margin-top: 0px;
height: 288px;
background-image:url(http://www.soergel-forsttechnik.de/sft_indeximage_background.jpg);
background-repeat:repeat-x;
}

#Logo {
height: 86px;
margin-top: -288px;
background-image:url(http://www.soergel-forsttechnik.de/sft_header.jpg);
background-repeat:no-repeat;
}
#Banner {
height: 202px;
background-image:url(http://www.soergel-forsttechnik.de/sft_mainmage.jpg);
background-repeat: no-repeat;
}

#Breadcrumb {
width: 480px;
margin-top: 14px;
margin-left: 200px;
padding-top: 2px;
padding-bottom: 12px;
font-size: 0.8em;
color: #666;
text-transform:uppercase;
border-bottom:1px solid #999;
}
#Breadcrumb a {
color: #666;
text-decoration:none;
}
#Breadcrumb a:hover {
color: #000;
text-decoration:underline;
}
#Navigation {
display: inline;
position: absolute;
left: 29px;
width:145px;
top: 299px;}
#Navigation a{
color:#666666;
display: block;
}

#Navigation ul { 
text-align:left; 
font-family: Verdana, Arial;
font-size: 10px;
text-decoration: none;
list-style: none;
line-height: 2em;
}

#Navigation li { 
margin-left: 0px;
text-align:left; 
width:145px;
margin-left: -39px;
}
#Navigation ul.nav1st li p {
padding: 0px 6px;
display:inline;
}
#Navigation ul.nav1st li { 
text-align:left; 
display: block;
}

#Navigation ul.nav1st li.active { 
text-align:left;


} 

#Navigation ul.nav1st a, 
#Navigation ul.nav1st a:link { 
text-align:left; 
display: block;
text-decoration: none;
border-bottom:  1px solid #fff;
font-weight:bold;
display: block;
} 

#Navigation ul.nav1st a:hover {
color: #000;
background-color: #FDD622;

display: block;
}

#Navigation ul.nav1st li.active a, 
#Navigation ul.nav1st li.active a:link {
text-align:left; 
color: #333333;
background-color: #FDD622;
display: block;

} 

#Navigation ul.nav1st li.active ul.nav2nd a:hover { 
text-align:left; 
background: #FDD622;
}

#Navigation ul.nav1st li.active ul.nav2nd a, 
#Navigation ul.nav1st li.active ul.nav2nd a:link { 
text-align:left; 
border-bottom:  1px solid #D5D5BE;

} 

#Navigation ul.nav1st li.active ul.nav2nd li.active a, 
#Navigation ul.nav1st li.active ul.nav2nd li.active a:link { 
text-align:left; 
background: #CDCEA1;
}
#Navigation ul.nav1st li.active ul.nav2nd a, p
#Navigation ul.nav1st li.active ul.nav2nd a:link p{
padding: 0px 18px;}
#Navigation ul.nav1st a, p
#Navigation ul.nav1st a:link p 
#Navigation ul.nav1st li.active a, p
#Navigation ul.nav1st li.active a:link p{
padding: 0px 6px;
display: block;}

#Content {
position:absolute;
left: 199px;
top: 10px;
position: relative;
width: 460px;
line-height: 1.4em;
}

#Content h2{
letter-spacing:0.1em;
font-size: 1.2em;
color: #333;
font-weight: bold;
}
#Content h3{
font-size: 0.8em;
}
#Content h1{
font-size: 1.0em;
}

#Content img {
border: 1px solid #DCDCCC; 
border-bottom-color: #CCCCBD;
border-right-color: #CCCCBD;
padding: 4px;
margin-right: 6px;
margin-top: 2px;
}

hr {background-color:#EFEFEF; color:#EFEFEF; border: #EFEFEF; height: 1px;}

#Info {
  position: absolute;
  top: 326px;
 left: 770px;
  width: 210px;
padding: 4px;
border: 1px solid #DCDCCC; 
border-bottom-color: #CCCCBD;
border-right-color: #CCCCBD;
font-size: 0.8em;
}

#Info h4 {
font-size: 0.9em;
font-weight: bold;
color: #fff;
background-color: #999;
border-bottom: 2px solid;
border-bottom-color: #FDD622;
margin-top: 0px;
margin-bottom: -2px;
padding: 4px;
}

#Footer {
clear:both;
margin-left: 200px;
margin-top: 60px;
width: 480px;
padding-top:4px;
padding-bottom: 20px;
font-size: 0.8em;
color: #666;
border-top:1px solid #999;

}
/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 1px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

div.formgen {
overflow:auto;
}

.formgen .formblock
{
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 200px;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	border: 1px dashed #000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 260px;
	height: 200px;
	margin-left: 4px;

}
/* Textfeld */
.formgen .formtext
{
	width: 140px;
	margin-bottom: 6px;
	padding-bottom: 4px;
	margin-left: 4px;
	font-size: 0.9em;
}



/* Label */
.formgen label {
	width: 120px;
	float: left;
}

/* Sende-Button */
.formgen .formsubmit
{
	width: 120px;
	text-align: center;
	float: left;
	margin-left: 119px;
}



/* Fieldsetbeschriftung */
.formgen legend {
	width: 10px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}



/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
/*Teaser Style*/
/*Style für Categorie Überschrift
*/