/*GLOBAL OPTIONS*/
html {font-size: 100.1%;}
body {
	font: 64% Arial, Helvetica, sans-serif;
	margin: 0;
	background: #e4ded5;
}
form {
	display: inline;
	padding: 0;
	margin: 0;
}
li {list-style: none;}
a:focus {outline: none;}
a, a:active, a:visited {
	text-decoration: none;	font-size: 0.9em;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
	display: block;
}
h1 {
	color: #942d36;
	font-size: 24px;
	margin: 0 0 15px;
}
p, .text {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	margin: 0 0 15px;
}
/*text to image replacment*/
.hidden-text {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
/*MAIN CONTAINER*/
#main {
	margin: 0 auto;
	width: 900px;
	background: #fff;
}
/*HEADER*/
#header {
	height: 150px;
	background: url(../images/bg-header.jpg) no-repeat;
	position: relative;
}
/*logo*/
.logo {
	margin: 0;
	position: absolute;
	top: 19px;
	left: 22px;
	background: url(../images/logo.gif) no-repeat;
	width: 592px;
	height: 84px;
}
.logo a {
	height: 100%;
	width: 100%;
}
/*top menu*/
.top-menu {
	position: absolute;
	left: 450px;
	top: 123px;
	padding: 0;
	margin: 0;
}
.top-menu li {
	display: inline;
	padding-left: 10px;
	background: url(../images/img-top-menu-separator.gif) no-repeat 3px 50%;
	color: white;
	font-size: 14px;
	font-weight: bold;
}
.top-menu li:first-child {background: none;}
.top-menu a {color: white;}
/*CONTAINER*/
#container {
	display: table;
	width: 898px;
	height: 1%;
	border: 1px solid #942d36;	padding-bottom: 19px;
}
/*main-nav*/
.main-nav {
	float: left;
	width: 150px;
	background: #d3ccc2;
	margin: 0;
	padding: 0;
}
.main-nav li {
	font-size: 14px;
	line-height: 34px;
	color: #000;
	text-align: right;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	padding-right: 12px;
}
.main-nav a {color: #000;}
/*content*/
.content {
	float: right;
	width: 440px;
	padding: 13px 19px 0 0;
}
.content .text-mit-rahmen {
	background-color: #fcecd4;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 19px;
}
.content a, .content a:hover, .content a:active, .content a:visited {
	color: #942d36;
	text-decoration: underline;
}
}
.floatLeft {
	float: left;
	margin-right: 10px;
}
.floatRight {
	float: right;
	margin-left: 10px;
}
.floatLeft, .floatRight {
	margin-bottom: 7px;
}
.imgtitle {
	color:#666;
	font-size:12px;
	font-style:italic;
	margin:3px 0px;
}

pre {
	margin-top: -14px;
	font: 14px Arial, Helvetica, sans-serif;
}
/*info-box*/
.info-box {
	float: left;
	width: 250px;
	padding: 9px;
	border: 1px solid #942d36;
	background: #fff url(../images/bg-info-box.gif) no-repeat;
	margin-top: -38px;

	position: relative;
	z-index: 100;
}
.info-box p {
	font-size: 12px;
	line-height: normal;
}
/*book-box*/
.book-box {
	background: #e6e9e4 url(../images/bg-book.jpg) no-repeat;
	font-size: 14px;
	color: #bd4602;
	padding: 6px 10px;
	min-height: 363px;
	font-weight: bold;
	margin-bottom: 8px;
}
/*FOOTER*/
#footer {
	clear: both;
}

/*/////////////////////////////////////////////////////////////////////////////CSS - Definition - DEMO 1.01Formular Generator für Redaxo 4.x Ab: Version 4.5 Community EditonStand: 22.01.2008 Erstellt von: Thomas Skerbis , www.klxm.deDieses CSS dient als BeispielBitte nicht 1:1 übernehmen, ist ja auch nicht wirklich hübsch ;-) Funktioniert nicht mit Formular-Generator < v.4.43 /*/* Formular Definition *//* 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;	background-color: #e4ded5;	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: auto;	height: 250px;	margin-left: 4px;}/* Textfeld */.formgen .formtext{	height: auto;                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;font-size: 14px;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 #CCC;}/* 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 */