/* --------------------------------------------------------------------------------------------------------------------- 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS-Design by royal emotions - stay digital, Regina Meissner, www.royalemotions.de
Kontakt: anfrage@royalemotions.de | Erstellt im März 2009
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
----------------------------------------------------------------------------------------------------------------------*/
/* BASIC CLASSES: */
img  {border: 0px;}

.clear {
	clear: both;
	display: block;
}

body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color: #0e3f64;
}
ol, ul {
	list-style-image: url('pfeil_blau.gif');
}

/* END BASIC CLASSES */



#container {
	width: 899px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
	background-image: url(banner_fdw_1.jpg);
	background-repeat:no-repeat;
}
#banner {
	height:300px;
}
#breadcrumb {
	position:relative;
	top:275px;
	left:30px;
	width:600px;
	height:15px;
}
a.breadcrumb {
    text-decoration: none;
	font-size: 10px;
    color: #0e3f64;
}
a.breadcrumb:hover {
    text-decoration: none;
	font-size: 10px;
    color: #005baa;
}
#topmenu {
	width:400px;
	padding-top:10px;
	padding-left: 20px;
}
#content {
	background-color: #ffffff;
	padding-top: 70px;
	padding-bottom:50px;
	padding-right:30px;
	margin-right: 300px;
	margin-left: 0px; 
}
#content2, #content3, #content4 {
	background-color: #ffffff;
	padding-top: 70px;
	padding-bottom:0px;
	padding-right:30px;
	margin-right: 230px;
	margin-left: 0px; 
}
#inhalte, #inhalte_start {
	padding-left:30px;
	padding-bottom:70px;
}
#textblock {
	width:580px;
}
div#content, div#content2 { 
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
#footer {
	text-align:right;
	padding-right:30px;
	padding-top:6px;
	padding-bottom:4px;
	border-top:3px solid #0e3f64;
	height:30px;
}
#footer2 {
	width:869px;
	text-align:right;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:3px solid #0e3f64;
	height:20px;
}

/*------- Module und Scripte ----------------------------------------------------------------------------------------*/

.headline {
	font-family:Verdana;
	font-size:24px;
	font-style:normal;
	line-height:24px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #0e3f64;
	text-decoration:none;
}
a.headline:link {
	color:#289ed7;
	text-decoration:none;
	outline:0; hidefocus:0;
}
a.headline:visited {
	color:#289ed7;
	text-decoration:none;
	outline:0; hidefocus:0;
}
a.headline:hover {
	color:#005baa;
	text-decoration:none;
	outline:0; hidefocus:0;
}
a.headline:active {
	color:#289ed7;
	text-decoration:none;
	outline:0; hidefocus:0;
}

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

.trenner {
	width:535px;
	height:40px;
}
.trenner_breit {
	width:580px;
	height:40px;
}


/*------- Scroller mit Bild etc. ------------------------------------------------------------------------------------*/

#highlights {
	height:150px;
}

.highlights {
	width:232px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#018cd0;
	background-color:#ffffff;
	overflow-x:hidden;
	overflow:hidden;
	margin:0px;
	padding-left:20px;
	padding-right:20px;
	border:2px solid #8fc011;
}	
hr {
	color:#0e3f64;
}


#pscroller1 {
	width: 222px;
	height: 120px;
	padding-left:20px;
	padding-right:20px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	border:2px solid #8fc011;
	color:#289ed7;
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
	padding-bottom:20px;
	background-color: #ffffff;
}
.someclass{ //class to apply to your scroller(s) if desired
}

/*------- Schriften & Typo-------------------------------------------------------------------------------------------*/

.fdw {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #0e3f64;
	text-decoration:none;
}
a.fdw:link {
		color:#289ed7;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw:visited {
		color:#289ed7;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw:hover {
		color:#005baa;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw:active {
		color:#289ed7;
		text-decoration:none;
		outline:0; hidefocus:0;
}

.fdw_weiss {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #ffffff;
	text-decoration:none;
}
a.fdw_weiss:link {
		color:#ffffff;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_weiss:visited {
		color:#ffffff;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_weiss:hover {
		color:#005baa;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_weiss:active {
		color:#ffffff;
		text-decoration:none;
		outline:0; hidefocus:0;
}
.fdw_klein {
	font-family:Verdana;
	font-size:10px;
	font-style:normal;
	line-height:16px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #0e3f64;
	text-decoration:none;
}
a.fdw_klein:link {
		color:#289ed7;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_klein:visited {
		color:#289ed7;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_klein:hover {
		color:#005baa;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_klein:active {
		color:#289ed7;
		text-decoration:none;
		outline:0; hidefocus:0;
}
.fdw_news {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	line-height:14px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #018cd0;
	text-decoration:none;
}
a.fdw_news:link {
		color:#018cd0;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_news:visited {
		color:#018cd0;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_news:hover {
		color:#005baa;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_news:active {
		color:#018cd0;
		text-decoration:none;
		outline:0; hidefocus:0;
}
.fdw_news_big {
	font-family:Verdana;
	font-size:14px;
	font-style:normal;
	line-height:14px;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color: #0e3f64;
	text-decoration:none;
}
a.fdw_news_big:link {
		color:#0e3f64;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_news_big:visited {
		color:#0e3f64;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_news_big:hover {
		color:#289ed7;
		text-decoration:none;
		outline:0; hidefocus:0;
}
a.fdw_news_big:active {
		color:#0e3f64;
		text-decoration:none;
		outline:0; hidefocus:0;
}

/*------- Menüführung und Styles-------------------------------------------------------------------------------------*/

#hauptmenu {
	position:relative;
	background-color: #0e3f64;
	top:261px;
	left:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:7px;
	width:899px;
	height:30px;
}
#hauptmenu ul {
	width:899px;
	margin:0px;
	padding:0px;
}

/*------- Über uns -------------------------------------------------------------------------------------------------*/

#ueberuns li {
	position:relative;
	list-style:none;
	float: left;
	display: block;
	height:25px;
	margin:0px;
	padding-right:1px;
	text-align:center;
}
#ueberuns a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	background-image: url(b_ueberuns_aktiv.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:20px;
	overflow:hidden;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:135px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color:#ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#ueberuns a:hover {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:135px;
	background-image: url(b_ueberuns_hover.jpg);
	background-repeat:no-repeat;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #0c2a6d;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#ueberuns #currentpage a {
	position:relative;
	list-style:none;
	float: left;
	display: block;
	text-decoration:none;
	line-height:20px;
	background-image: url(b_ueberuns_current.jpg);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:135px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}

/*------- Kurse -------------------------------------------------------------------------------------------------*/

#kurse li {
	position:relative;
	list-style:none;
	float: left;
	display: block;
	height:25px;
	margin:0px;
	padding-right:1px;
	text-align:center;
}
#kurse a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	background-image: url(b_kurse_aktiv.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:20px;
	overflow:hidden;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:146px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color:#ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#kurse a:hover {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:146px;
	background-image: url(b_kurse_hover.jpg);
	background-repeat:no-repeat;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #0c2a6d;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#kurse #currentpage a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	background-image: url(b_kurse_current.jpg);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:146px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}

/*------- Schule -------------------------------------------------------------------------------------------------*/

#schule li {
	position:relative;
	list-style:none;
	float: left;
	display: block;
	height:25px;
	margin:0px;
	padding-right:1px;
	text-align:center;
}
#schule a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	background-image: url(b_schule_aktiv.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:20px;
	overflow:hidden;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:240px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color:#ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#schule a:hover {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:240px;
	background-image: url(b_schule_hover.jpg);
	background-repeat:no-repeat;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #0c2a6d;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#schule #currentpage a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	background-image: url(b_schule_current.jpg);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:240px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}

/*------- Camps -------------------------------------------------------------------------------------------------*/

#camps li {
	position:relative;
	list-style:none;
	float: left;
	display: block;
	height:25px;
	margin:0px;
	padding-right:1px;
	text-align:center;
}
#camps a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	background-image: url(b_camps_aktiv.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:20px;
	overflow:hidden;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:158px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color:#ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#camps a:hover {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:158px;
	background-image: url(b_camps_hover.jpg);
	background-repeat:no-repeat;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #0c2a6d;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#camps #currentpage a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	background-image: url(b_camps_current.jpg);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:158px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}

/*------- Bilder -------------------------------------------------------------------------------------------------*/

#bilder li {
	position:relative;
	list-style:none;
	float: left;
	display: block;
	height:25px;
	margin:0px;
	padding-right:1px;
	text-align:center;
}
#bilder a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	background-image: url(b_bilder_aktiv.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:20px;
	overflow:hidden;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:146px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color:#ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#bilder a:hover {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:146px;
	background-image: url(b_bilder_hover.jpg);
	background-repeat:no-repeat;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #0c2a6d;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}
#bilder #currentpage a {
	position:relative;
	list-style:none;
	float: left;
 	display: block;
	text-decoration:none;
	line-height:20px;
	background-image: url(b_bilder_current.jpg);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	height:45px;
	width:146px;
	font-family: Verdana;
  	font-size: 15px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #ffffff;
  	text-transform: none;
  	text-decoration: none;
	outline:0; hidefocus:0;
}

/*------- Submenü mit Animationen -------------------------------------------------------------------------------------*/

#submenu {
	float:right;
	width:300px;
	margin-left:0px;
	padding-top: 70px;
	list-style:none;
	list-style-image: none;
}
#submenu2 {
	float:right;
	width:248px;
	background-image: url(gras.gif);
	background-repeat:no-repeat;
	background-position:3px 30px;
	margin-left:0px;
	margin-top:30px;
	padding-top: 70px;
	list-style:none;
	list-style-image: none;
}

#submenu2 ul, #submenu li {
	list-style:none;
	list-style-image: none;
}

#submenu2 ul.nav2nd a, 
#submenu2 ul.nav2nd a:link   { background-image: url('statisch_dunkel_1.gif'); font-size: 14px; font-weight:bold; color: #ffffff; display: block; width:198px; height:30px; padding-top:7px; padding-left: 10px; text-decoration: none ;border-bottom: 1px solid #ffffff;line-height: 24px; list-style:none; outline:0; hidefocus:0;}
#submenu2 ul.nav2nd a:hover  { background-image: url('animation_dunkel_1.gif'); font-size: 14px; font-weight:bold; color: #dcf0a3; display: block; width:198px; height:30px; padding-top:7px; padding-left: 10px; text-decoration: none ;border-bottom: 1px solid #ffffff;line-height: 24px; list-style:none; outline:0; hidefocus:0;}

#submenu2 ul.nav2nd a.current, 
#submenu2 ul.nav2nd a.active, 		
#submenu2 ul.nav2nd a.current:link { background-image: url('statisch_dunkel_1.gif'); height:30px; padding-top:7px; padding-left: 10px; margin-left:0px;  color: #0e3f64; text-decoration: none;}
#left ul.nav2nd a:hover 		  { background-image: url('animation_dunkel_1.gif'); height:30px; padding-top:7px; padding-left: 10px; margin-left:0px;  color: #0e3f64; text-decoration: none; list-style:none; }

#submenu2 ul.nav3rd li  			{padding-left:0px; margin-left:-40px; list-style:none;}

#submenu2 ul.nav3rd a,
#submenu2 ul.nav3rd a:link  		{background-image: url('statisch_hell_1.gif');outline:0; hidefocus:0; font-size: 11px; font-weight:bold;  padding: 0 0 0 30px; height:30px; padding-top:7px; color: #289ed7; width:178px; display: block; text-decoration: none; list-style:none; }

#submenu2 ul.nav3rd a.current    {background-image: url('current_hell.gif'); outline:0; hidefocus:0;font-size: 11px; font-weight:bold;  padding: 0 0 0 30px; height:30px; padding-top:7px; color: #0e3f64; width:178px; display: block; text-decoration: none; list-style:none; }
		
#submenu2 ul.nav3rd a.active,		
#submenu2 ul.nav3rd a.current:link { background-image: url('statisch_hell_1.gif'); color: #0e3f64; padding-left: 30px;  width:178px;  height:30px; padding-top:7px; display: block; text-decoration: none ;border-bottom: 1px solid #ffffff;line-height: 24px; list-style:none;outline:0; hidefocus:0;}

#submenu2 ul.nav3rd a.current:hover{ background-image: url('animation_current_hell_1.gif');color: #0e3f64; height:30px; padding-top:7px; font-size: 11px; font-weight:bold; text-decoration: none; width:178px; padding-left: 30px; margin-left:0px; list-style:none;}
#submenu2 ul.nav3rd a:hover        { background-image: url('animation_hell_1.gif');color: #0e3f64;  height:30px; padding-top:7px; font-size: 11px; font-weight:bold; text-decoration: none; width:178px; padding-left: 30px;  margin-left:0px; list-style:none;}


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

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: 100px;

	background-color: #f5f7f8;

	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;
	
	font-size:12px;

	padding-left: 5px;

	padding-top:8px;

}



/* Textfeld */

.formgen .formtext

{

	height: 20px;

    width: 300px;

	background-color: #f5f7f8;

	border-top: 1px solid #b2b2bf;

	border-left: 1px solid #b2b2bf;

	border-right: 1px solid #e1e1f4;

	border-bottom: 1px solid #e1e1f4;

	color: #0e3f64;
	
	font-family: Verdana;
	
	font-size:12px;

	text-align:left;

	padding-left: 5px;

	padding-top: 8px;

}

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

	background-color: #dcf0a3;
	
	border-top: 1px solid #b2b2bf;

	border-left: 1px solid #b2b2bf;

	border-right: 1px solid #e1e1f4;

	border-bottom: 1px solid #e1e1f4;

	font-family: Verdana;
	
	font-size:12px;

	color: #0e3f64;

}



/* Trennelement , Abstand */

.formgen .formtrenn

{

	display: block;

	height: 20px;	

}

/* Hinweistext */

.formgen .formhinweis

{

	font-weight: normal;

	color: #09a4d1;

	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;

	border: 0px solid #ffffff;

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

	float:right;
	
	outline:0; hidefocus:0;

}

input:focus.formsubmit {

	width: 90px;

	height: 30px;

	background-color: #dcf0a3;

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

}

input:hover.formsubmit {

	width: 90px;

	height: 30px;

	background-color: #dcf0a3;

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

}





/* 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: #ffffff;

font-family: Verdana, sans-serif;

font-size: 11px;

}



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



/* Fehlermeldung nach Versand */



.formgen .forminfo {

	color: #09a4d1;

	margin: 5px;

	padding: 5px;

}





/* Markierung der Labels bei Fehler */

.formgen .formerror {

	color: #09a4d1;

}

/* -------------- Lightbox-Style ---------------------------------------------*/

.lightbox_image {

	background-color: #ffffff;
	border: 2px solid #8ebe08;
	padding:2px;
}



.lightbox_image,

.lightbox_image img,

.lightbox_image a {

	line-height: 0px !important;
	width: 180px;
}

.lightbox_image {
	float:left;
	margin-right: 14px;
	margin-bottom: 14px;
}


* html .lightbox_image {

	border: 2px solid #8ebe08;
	padding:2px;
	border-bottom: 2px solid #8ebe08 !important;

}