@charset "utf-8";
/* --------------------------------------------------------------------------------------------------------------------- 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS-Design by royal emotions - stay digital, Regina Meissner, www.royalemotions.de
Kontakt: anfrage@royalemotions.de | Erstellt im März 2009
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
----------------------------------------------------------------------------------------------------------------------*/
body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color: #ff8f15;
}
ol, ul {
	list-style-image: url('pfeil.gif');
}

#container {
	width: 946px;
	padding-top:30px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ff8f15;
}
#content {
	background-color: #ffe414;
	padding: 0px;
	padding-right:5px;
	margin-left: 150px;
	margin-right: 0px; 
}
.logo {
	padding-left:40px;
	padding-top:-30px;
}
div#content { 
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
#backbild {
	float:right;
	margin-top:40px;
	width:240px;
	height:400px;
	background-image: url(back.gif);
	background-repeat:no-repeat;
}
#hell {
	background-color: #ffface;
	margin-left:5px;
	padding-top:40px;
	padding-bottom:60px;
	padding-left:40px;
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
#menu {
	float:right;
}
#impressum {
	float:right;
	width:145px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}
#footer {
	float:right;
	width:791px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	background-color: #ffe414;
}

/* -----------Schriften und Typo --------------------------------------------- */

.akb {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #003460;
	text-decoration:none;
}
a.akb:link {
		color:#003460;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb:visited {
		color:#003460;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb:hover {
		color:#ffface;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb:active {
		color:#003460;
		text-decoration:none;
		outline:0; hidefocus:0;
}
.akb_hell {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #ffface;
	text-decoration:none;
}
a.akb_hell:link {
		color:#ffface;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb_hell:visited {
		color:#ffface;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb_hell:hover {
		color:#003460;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb_hell:active {
		color:#ffface;
		text-decoration:none;
		outline:0; hidefocus:0;
}
.akb_link {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #f45816;
	text-decoration:none;
}
a.akb_link:link {
		color:#f45816;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb_link:visited {
		color:#f45816;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb_link:hover {
		color:#928d8b;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.akb_link:active {
		color:#f45816;
		text-decoration:none;
		outline:0; hidefocus:0;
}

.akb_big {
	font-family:Verdana;
	font-size:20px;
	font-style:normal;
	line-height:20px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #003460;
	text-decoration:none;
}

/* ------------- Module -----------------------------------------------------------*/

#texte {
		position:relative;
		top:40px;
		width:450px;
		z-index:2;		
}
#bilder {
		position:absolute;
		top:200px;
		width:250px;
		padding-top:50px;
		margin-left:470px;
		z-index:1;
}

.infodownload {
		background-image: url(back_download.jpg);
		background-repeat:no-repeat;
		padding-top:6px;
		padding-left:12px;
		width:400px;
}
.infodownload_2 {
		background-image: url(back_download.jpg);
		background-repeat:no-repeat;
		padding-top:6px;
		padding-left:12px;
		width:250px;
}
#pdflink {
		position:relative;
		top:20px;
		padding-left:0px;
}
.downloadtext {
		position:relative;
		font-size:11px;
		line-height:14px;
		padding-left:0px;
		width:380px;
}




/* ------------- Menü -------------------------------------------------------------*/

#hauptmenu 				{float:left; background-color:#ffe414; }


#header-nav 			{ position:relative; height:22px; padding-top:0px; margin-left:4px; background-color:#ffe414; left:0px; list-style:none; z-index:30;}
#header-nav a 			{ font-size: 12px; font-weight:bold; color: #003460; text-align:center; list-style:none;  text-decoration: none;}
#header-nav a:hover 	{ font-size: 12px; font-weight:bold; color: #ec4605; list-style:none;  text-decoration: none;}
#header-nav a:focus		{ outline:0; hidefocus:0; font-size: 12px;color: #ec4605;  text-decoration: none; list-style:none;}
#header-nav a.active 	{ width:60px; font-size: 12px; font-weight:bold;color: #003460;  text-decoration: none; list-style:none;}
#header-nav a.current 	{ background-color:#ff8f15; font-size: 12px; color:#003460; text-decoration: none;list-style:none;}
#header-nav li 			{ float:left;  text-decoration: none; text-align:center; }
#header-nav li a 		{ float: left; height:22px; margin-left: 0px; width:128px; margin-right:4px; list-style:none;  text-decoration: none;}

#left 					{ float: left; width: 160px; margin-left: -50px; padding: 0px;}
#left ul.nav2nd a, 
#left ul.nav2nd a:link   { outline:0; hidefocus:0;color: #003366; display: block; width:160px; padding: 0 0 0 0px; text-decoration: none ;border-bottom: 1px solid #003460; line-height: 24px; list-style:none;}
#left ul.nav2nd a:hover  { outline:0; hidefocus:0;color: #fffcd6; display: block; width:160px; padding: 0 0 0 0px; text-decoration: none ;border-bottom: 1px solid #003460; line-height: 24px; list-style:none;}
#left ul.nav2nd a.current, 
#left ul.nav2nd a.active, 		
#left ul.nav2nd a.current:link 	{ outline:0; hidefocus:0;padding: 0 0 0 0px; margin-left:0px;  color: #fffcd6; font-weight:bold; text-decoration: none;}
#left ul.nav2nd a:hover 		{ outline:0; hidefocus:0;padding: 0 0 0 0px; margin-left:0px;  color: #fffcd6; text-decoration: none; list-style:none; }


#left ul.nav3rd					{ outline:0; hidefocus:0;  list-style:none; font-size: 11px; padding-left:10px; }
#left ul.nav3rd li 				{ outline:0; hidefocus:0; margin-left:-10px; list-style:none; font-size: 11px; width:150px;}
#left ul.nav3rd li a			{ outline:0; hidefocus:0; padding-left:10px;  width:150px;list-style:none; font-size: 11px; }
#left ul.nav3rd a,
#mleft ul.nav3rd a:link  		{ outline:0; hidefocus:0; padding-left:10px; width:150px;display: block; font-size: 11px;color: #003460;  text-decoration: none; list-style:none; }
#left ul.nav3rd a.current,		
#left ul.nav3rd a.active,		
#left ul.nav3rd a.current:link 	{ outline:0; hidefocus:0; padding-left:10px; width:150px;color: #fffcd6; font-size: 11px; font-weight:normal; display: block;  text-decoration: none; line-height: 24px; list-style:none;}

#left ul.nav3rd a.current:hover	{ outline:0; hidefocus:0; padding-left:10px; width:150px;color: #fffcd6; text-decoration: none; list-style:none;}
#left ul.nav3rd a:hover        	{ outline:0; hidefocus:0; padding-left:10px; width:150px; color: #faee59; text-decoration: none; list-style:none;}



/* ------------- Kontaktform -------------------------------------------------------------*/

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

Formular Generator für Redaxo 4.x 



/* Div das das Formular umschließt */

.formgen {

	background: url() no repeat;

	color: #333336;

}



label,

select,

input[type=checkbox],

input[type=radio],

input[type=button],

input[type=submit]

{

cursor : pointer;

}







.formgen form

{

line-height : 18px;

width: 200px;

}





/* 

Wie sehen die einzelnen Blöcke aus? 

Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann

*/





.formgen .formblock

{

	margin-bottom: 5px;

	padding-bottom: 0px;

	padding-right: 0px;

}





/*

Verhalten von br-Tags

*/

.formgen br

{

clear : both;

}





/* 

--------- FORMULAR-OBJEKTE ------- 

*/





/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield  {

	width: 300px;

	height: 150px;

	background-color: #f6f7f8;

	border-top: 1px solid #b2b2bf;

	border-left: 1px solid #b2b2bf;

	border-right: 1px solid #e1e1f4;

	border-bottom: 1px solid #e1e1f4;

	color: #4d4d4d;
	
	font-family:Verdana;
	
	line-height: 16px;
	
	font-size:12px;

	padding-left: 5px;

	padding-top:8px;

}



/* Textfeld */

.formgen .formtext

{

	height: 20px;

    width: 300px;

	background-color: #f6f7f8;

	border-top: 1px solid #b2b2bf;

	border-left: 1px solid #b2b2bf;

	border-right: 1px solid #e1e1f4;

	border-bottom: 1px solid #e1e1f4;

	color: #003460;

	text-align:left;

	padding-left: 5px;

	padding-top: 8px;

}

input:focus.formtext,  textarea:focus.formtextfield {

	background-color: #ff8f15;

	border-top: 1px solid #b2b2bf;

	border-left: 1px solid #b2b2bf;

	border-right: 1px solid #e1e1f4;

	border-bottom: 1px solid #e1e1f4;

	color: #ffffff;

}



/* Trennelement , Abstand */

.formgen .formtrenn

{

	display: block;

	height: 20px;	

}

/* Hinweistext */

.formgen .formhinweis

{

	font-weight: normal;

	color: #f45816;

	font-size: 1.2em;

}

/* Überschrift */

.formgen .formheadline

{

	color: #4d4d4d;

}





/* Passwortfeld */

.formgen .formpassword

{

	width: 200px;

	background-color: #CCCCCC;

	margin-left: 4px;

}

/*Captcha-Bild*/

.formgen .formcaptcha {

	border: 0px solid #ffffff;

}



/* Label */

.formgen label {

width: 300px;

clear: left;

float: left;

height: 20px;

padding: 0px;

}





/* Aussehen der Select-Ausgabe */

.formgen .formselect

{

	width: 310px;

	height:20px;

	background-color: #ffffff;

	border-top: 1px solid #b2b2bf;

	border-left: 1px solid #b2b2bf;

	border-right: 1px solid #e1e1f4;

	border-bottom: 1px solid #e1e1f4;

}



/* Sende-Button */

.formgen .formsubmit

{

	width: 90px;

	height: 30px;

	background-image: url('button_kontakt.jpg');

	background-repeat:no-repeat;

	border: 0px solid #ffffff;

	background-color: #ffffff;
	
	font-size: 14px; color: #ffffff; text-decoration: none;

	float:right;

}

input:focus.formsubmit {

	width: 90px;

	height: 30px;

	background-image: url('button_kontakt_over.jpg');

	background-repeat:no-repeat;

	background-color: #ffffff;

	border: 0px solid #ffffff;
	
	font-size: 14px; color: #ffffff; text-decoration: none;

}

input:hover.formsubmit {

	width: 90px;

	height: 30px;

	background-image: url('button_kontakt_over.jpg');

	background-repeat:no-repeat;

	background-color: #ffffff;

	border: 0px solid #ffffff;
	
	font-size: 14px; color: #ffffff; text-decoration: none;

}





/* Definition des Fieldsets, das das ganze Formular umschließt */

.formgen fieldset {

width: 307px;

margin-top:20px;

padding-top: 0px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 0px;

border: 0px solid #fff;

}





/* Fieldsetbeschriftung */

.formgen legend {

color: #ffface;

font-family: Verdana, sans-serif;

font-size: 11px;

}



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



/* Fehlermeldung nach Versand */



.formgen .forminfo {

	color:#f45816;

	margin: 5px;

	padding: 5px;

}





/* Markierung der Labels bei Fehler */

.formgen .formerror {

	color:#f45816;

}