/*********************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px;  border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html, body {
	min-height: 99%;
	margin-bottom: 1px;
	font-size:0.9em;
	font-family: Helvetica, Verdana, sans-serif;
	letter-spacing: 0.5px;

	line-height:1.6em;
	color:#666666;


	
}



#site-content {
width:800px;
left:50%;

margin-left:-400px;
position: absolute;
top: 109px;
z-index:1;
} 

.clearer {
clear:both;
display:block;
font-size:0pt;
height:1px;
line-height:0pt;
visibility:hidden;
}
.clear {
clear:both;
}
.floatLeft {
float:left;
margin-bottom:10px;
margin-right:15px;
}
.floatRight {
float:right;
margin-bottom:10px;
margin-left:15px;
}

#main {
border:thin;
border-style: dashed;
border-bottom:dashed 1px #ff8e04;
border-left:dashed 1px #ff8e04;
border-right:dashed 1px #ff8e04;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding:10px;
padding-top:10px;
}

#content { clear:both; }

#main-block {
margin-left:10px;
margin-right:10px;
}

#header {
top:230px;
position:absolute;
left:50%;
margin-left:-400px;
z-index:5;
}

#main-content-block {
margin-top:235px;
margin-bottom:20px;
font-size:0.9em;
}

#main-content-block p { margin-bottom:20px; }


.nav1st li {
float:left;
padding-left:16px;
padding-right:0px;
padding-top:5px;
padding-bottom:3px;
text-transform:uppercase;
font-size:0.9em;
margin-right:5px;
font-family: Helvetica, Verdana, sans-serif;
}
.nav1st li a {
	padding:2px;
	color:#FFFFFF;
}
.nav1st li a:hover {
	padding:2px;
	color:#FFFFFF;
}


.nav2nd { 
	background-image:url(spacer.gif); 
	background-color:#FFFFFF; 
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
.nav2nd a { color:#333333; }
.nav2nd a:hover { color:#999999; }
.nav2nd ul {   margin-bottom:10px; border-bottom:dashed 1px #ff8e04; }
.nav2nd li { margin:0px; padding-left:15px; padding-right:25px; background-color:#FFFFFF; 
border-left:dashed 1px #ff8e04;
border-bottom:dashed 1px #ff8e04;
}
.nav2nd li a { padding:1px; text-transform:uppercase; font-size:0.7em; font-family: Helvetica, Verdana, sans-serif; }



#headerinfotext {
width:300px;
left:12%;
margin-left:90px;
top:65px;
position:absolute;
z-index:3;
color:#FFFFFF;

}
#headerinfotext h1 {
font-family: Helvetica, Verdana, sans-serif;
color:#FFFFFF;
line-height:1.0em;
}
 

#logo {
height:80px;
width:800px;
left:50%;
margin-left:-400px;
top:210px;
position:absolute;
z-index:3;
background-image:url(header5.jpg);
}

#logo_hd { background-image:url(hd_sub_001.jpg); height:260px; width:800px; position:absolute; top:0px; left:50%;
margin-left:-400px; z-index:2;  }



h1 {
font-size:1.8em;
color:#ff8e04;
margin-top:20px;
margin-bottom:10px;
letter-spacing: 3px;
}

h2 {
font-size:1.2em;
color:#ff8e04;
margin-top:10px;
margin-bottom:10px;
padding: 1px;
letter-spacing: 3px;
}

h3 {
font-size:1.2em;
color:#999999;
margin-top:10px;
margin-bottom:10px;
padding: 1px;
letter-spacing: 3px;
}


h4 {
font-size:1.2em;
text-transform:uppercase;
color:#999999;
margin-top:10px;
margin-bottom:5px;
}


h5 {
font-size:1.6em;
color:#ff8e04;
margin-top:10px;
margin-bottom:10px;
padding: 1px;
letter-spacing: 3px;
}

h6 {
font-size:1.8em;
color:#ffffff;
margin-top:20px;
margin-bottom:10px;
padding:10px;
letter-spacing: 3px;
background-color:#ff8e04;
}

#main-block a { 
color:#FF9900;
text-decoration:none;

}

#breadcrumb {  float:left; font-size:0.9em; margin-bottom:15px;  }
#breadcrumb a { color:#666666; font-size:0.9em; } 

#infoline { float:right; font-size:0.9em;   } 

.current { color:#FF6600; }


#hideblock {
	position:absolute;
	width:100%;
	top:273px;
	height:300px;
	background-image:url(spacer.gif);
	z-index:199;
}


#table, td, tr {
padding:3px;
margin:1px;
}
th { background-color:#eeeeee; }



.galerie div { float:left; margin-right:4px; margin-bottom:5px; } 


#footer a { color:#FF6600; }






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


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height: 120%;
width: 400px;
}


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


.formgen .formblock
{
margin-top:6px;
}


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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	height:120px;

	margin-left: 4px;
	border:1px solid #FF9900;

}


/* Textfeld */
.formgen .formtext
{

                width: 200px;
	margin-left: 4px;
	border:1px solid #FF9900;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color:#FF6600;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #FF6600;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 210px;
	margin-left:122px;
	border:1px solid #FF9900;
	background-color:#FF9900;
	color:#FFFFFF;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 98%;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;

}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formfield { margin:0px; padding:0px;}

.forminfo {
	color: #FF6600;
	border:1px dashed #FF6600;

	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FF6600;
}