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

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

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

/* ### Logo ################################################################# */
#logo {
	position:absolute;
	top:0px;
	right:0px;
	xborder: 1px solid #37444f;
	xbackground-image: url(redaxo_logo_klein.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#logo a {
	display:block;
	height:66px;
	width:780px;
	text-indent:-700em;
}

/* ### Header ############################################################### */

#header {
	background:#79BDEA url(header_bg.jpg) no-repeat right top ;
	color: #c4c4c4;
}

#xheader a {
	display:block;
	height: 75px;
	width: 760px;
	background-color: transparent !important;
	}

#nav-header {
	position:absolute;
	left:0px;
	bottom:5px;
	margin-left: -1px;
	font-size: 11px;
}

/* ### Teaser ############################################################### */

#main-teaser {
	background:url(main_teaser.jpg) no-repeat;
}

#aktuell {
	width: 200px;
	float: right;
	background-color: #FFF0DD;
	padding: 5px 5px 5px 15px;
	color: #0066CC;
	}
	
#aktuell ul li {
	list-style-type:disc;
	margin-bottom: 5px;
	list-style-position:inside;
	}

#aktuell a {
	color: #0066CC;
	}
	
#aktuell h2 {
	font-size: 120%;
	margin-bottom: 5px;
	}

/* ### Main-block Background ################################################# */

#main-block {
	xbackground-image: url(linie_main_block.gif);
	xbackground-position: 527px 0;
	xbackground-repeat: repeat-y;
	xbackground-color: #465762;
	padding-bottom: 40px;
	
}

/* ### Footer ################################################################# */

#footerline {
	background:repeat-x url(head_foot_linie_1.gif) center;
	}

#footerline span {
	color: #3190D2;
	background-color: #fff;
	margin: 0 0 0 400px;
	padding: 0 5px 0 5px;
	}

#footernav {
	text-align:center;
	margin: 8px 0 0 0;
	}
#footernav, #footernav a {
	color: #aaa;
	}

/* Sidebar links */

#navbar {
		float:left;
		width: 200px;
		}

/* Kategoriebild-Box */

#catimg_box {
xfloat: left;
	background-color: #CFE5F2;
	width: 180px;
	height: 200px;
	margin: 5px 0 0 0;
	padding: 5px 5px 5px 2em;
	background-repeat:no-repeat;
	background-position: center center; 
	}
	
.teaserart {
	clear:both;
	padding-bottom: 1px;
	}
.teaserlink {
	float: right;
	}

p.teaserlink {
	padding-bottom: 0px;
	margin-bottom: 0px !important;
	}

.zweispaltig {
	xwidth: 300px;
	}
.seitenspalte {
	width: 135px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}

* 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: 370px;
}


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


.formgen .formblock
{
	margin-bottom: 15px;
	xbackground-color: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


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


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


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


/* Textfeld */
.formgen .formtext
{
	height: 16px;
                width: 200px;
	background-color: #eeeeee;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* 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: 90%;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 345px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #5D81A3;
}


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

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

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

.section {
	/*clear: both; */
	}