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

	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; vertical-align:top; 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 {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background:#202952;
	color: #000000;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	_font-size/**/:/**/small;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;

}

.floatLeft { float:left; margin-right:15px;; margin-bottom:15px; }
.floatRight { float:right; margin-left:15px; margin-bottom:15px; }

.warning { color:#f00; background: inherit; }

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

div#header { 
height:154px; display:block; background-color:#1F2E65; 
background-image:url(../layout/pg_el_r1_c1.jpg); background-repeat:repeat-x; 
} 
div#header div.e1 { 
margin-left:50%; 
height:154px; 
_margin-left/**/:/**/0px;  
background-image:url(../layout/pg_el_r1_c3.jpg); 
background-repeat:repeat-x;  
}
div#header div.e2 { 
height:154px;  width:869px; 
margin-left:-435px;  
_margin-left/**/:/**/0px;  
background-image:url(../layout/pg_el_r1_c2.jpg); 
background-repeat:none background-position: center; } 



/* ### Navigation Top ############################################################ */

div#navigation {  position:absolute; left:50%; margin-left:-100px; top:0px; margin-top:120px; z-index:2; } 
div#navigation ul { width:530px; height:25px; overflow:hidden; } 
div#navigation ul li { height:25px; display:block; margin-left:2px; 
width:104px; 
_width/**/:/**/103px;  
float:left; text-align:center;  } 
div#navigation ul li a {  line-height:2.2em; font-size:10px; font-weight:bold; line-height:25px; text-transform:uppercase; color:#FFFFFF;}  

/* ### Page Search Top ############################################################ */

div#pagesearch { position:absolute;   width:210px; left:50%; margin-left:-89px; top:0px; margin-top:16px; z-index:2;  } 
div#pagesearch input { background-color:transparent; width:170px; font-size:11px; margin-right:5px; border:0px; margin-top:3px; color:#232C57;  font-weight:bold;  }  
div#pagesearch_submit { width:30px;  height:23px; cursor:pointer; float:right;  } 
div#pagesearch_submit img { width:100%; height:100%; } 
div.search_desc { color:#FFFFFF; height:15px; font-size:0.9em;  } 


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

div#footer {  text-align:center; height:223px; background-image:url(../layout/pg_el_r3_c1.jpg); display:block; width:100%; background-repeat:repeat-x; } 
div#footer div.b1 { text-align:left; width:850px; margin-left:auto; margin-right:auto; height:185px; }  

div.fo_news { width:330px; height:185px;  float:left; border-right:1px solid #30407E; margin-right:10px; margin-top:20px; } 
div.fo_news small { font-size:0.8em; color:#ABD2F3; } 

div.fo_info { width:190px; height:185px;  float:left; margin-left:10px; border-right:1px solid #30407E; margin-top:20px; margin-right:10px; } 
div.fo_contact { width:295px; height:185px; float:left; margin-top:20px; } 

div.fo_contact div.formgen label {
	width: 120px;
	_width/**/:/**/87px;  
	clear: left;
	float: left;
	height: 19px;
	
}

div.fo_contact div.formgen input { color:#232C57;   font-size:12px; width:175px;; border:0px; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }
div.fo_contact div.formgen textarea { color:#232C57;  font-size:12px; font-family:Arial, Helvetica, sans-serif; height:75px; width:100%; border:0px; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }  

div.fo_contact div.formgen input.formsubmit { background-color:transparent;  margin-top:5px; line-height:1.6em; font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif; text-align:left; color:#FFFFFF; padding:0; margin:0; font-size:x-small; cursor:pointer; font-weight:bold;  } 
div.fo_contact div.formgen input.formsubmit:hover { text-decoration:underline; } 

div.fo_contact div.forminfo { color:#FF0000; margin-bottom:5px; display:none;  } 
div.fo_contact label.formerror { color:#FF0000;  } 




div#footer div.b2 { width:95%; display:block; } 

div#footer { color:#FFFFFF; line-height:1.6em; }
div#footer a { color:#FFFFFF; } 
div#footer a:hover { text-decoration:underline; } 
div#footer p { margin-top:0.5em; margin-bottom:1.1em;  } 
div#footer h2 { font-size:18px; margin-bottom:10px; } 

div#footer hr{ color:#30407E; height:1px; margin:0px; padding:0px; line-height:0.3em; display:block; }

div#footer ul { margin-left:15px; list-style:disc; }



/* ### Sub Navigation ############################################################ */

div#themen { color:#19295D; width:855px; margin-left:-10px; background-image:url(../layout/nv_bg.jpg); border-top:1px solid #91B8E3; background-position: left bottom; margin-top:8px;  } 

div#themen div.sub_desc { display:block; float:left; }
div#themen div.sub_desc h2 { font-size:16px; line-height:0.8em; color:#2F3D7A;  } 
div#themen div.spacer { margin:10px; } 
div#themen div.sub_desc ul { margin-top:10px; margin-left:15px; list-style:disc; list-style-image: url(../layout/arrow_mini_right.gif);  } 
div#themen div.sub_desc a { color:#19295D;  } 
div#themen div.sub_desc a:hover { color:#4357A0; }  


/* ### Body ############################################################ */

div#content { width:100%; text-align:center;  background-color:#FFFFFF;  } 
div#main-content { width:850px; text-align:left; margin-left:auto; margin-right:auto; } 

/* ### Content ############################################################ */

div#main { font-size:1.1em; line-height:1.5em; margin-left:10px; color:#232E5C; min-height:280px; margin-top:20px;   }
div#main a { color:#4759A1; text-decoration:underline; }
div#main a:hover { color:#9FCAED; text-decoration:underline; }


div#main h1 { font-size:20px; line-height:1.5em;  color:#2F3D7A; }
div#main h2 { font-size:18px; line-height:1.5em;  color:#2F3D7A; }
div#main h4 { font-size:16px; line-height:1.5em;  color:#2F3D7A; }
div#main h5 { font-size:14px; line-height:1.5em;  color:#2F3D7A; }

div#main p { margin-bottom:1.5em; margin-top:1.1em; } 

/* ### Newsnavigation ############################################################ */
div#news_navigation { width:320px; float:left; margin-right:10px; ; font-size:0.9em; min-height:400px; line-height:1.2em; overflow:auto; } 

div#news_navigation ul { width:90%;  } 
div#news_navigation li { margin-bottom:6px; background-image:url(../layout/arrow_mini_right.gif); background-position:0px 11px;;  border-top:1px solid #D7DAEB; line-height:1.6em; padding-left:15px; padding-top:7px; } 
div#news_navigation a { color:#19295D;  } 
div#news_navigation li.activ a { color:#990000; text-decoration:none;  }  
div#news_area { width:510px; float:left;  } 
div#news_navigation small { color:#999999; font-weight:normal; display:block;   } 


div#nav { position:absolute;  left:50%; top:145px; z-index:4px;  color:#19295D; width:855px; float:right; margin-left:-424px; background-image:url(../layout/nv2_bg.jpg);  background-position: left bottom; margin-top:10px; padding-bottom:2px; } 
div#nav ul { margin:10px; margin-top:3px;  } 
div#nav li { display:block; float:left; height:30px; line-height:1.4em; border-left:1px solid #80ACDB;   }
div#nav li a { color:#37467F; font-size:1.1em; padding-left:10px; padding-right:10px; line-height:30px; } 
div#nav li.activ {  background-image:url(../layout/pfeil.png); background-position:bottom center; background-repeat:no-repeat;   } 


div#nav div.title { display:inline;  float:left; color:#37467F;  padding-left:15px; margin-right:20px; font-size:16px; padding-top:10px;  margin-left:6px;   }




/* Download anbieten */

.list_content {	background-color:#FFFFFF;  padding:5px; overflow:hidden; border:1px solid #F2F2F2; }
	
.list_content img { padding-right:5px; }
.list_content div.icon { float:left; width:60px; } 	
.list_content div.desc { float:left; width:82%; clear:right; margin-top:0px;  }

.list_content2 { background-color:#F2F2F2;  padding:5px; overflow:hidden; font-weight:bold; 	}
	
.list_content3 { font-weight:bold; line-height:1.7em;  } 
	

div.txttile_image { font-size:xx-small; background-color:#f4f4f4; padding:5px; }  	
div.txttile_image img { clear:both; } 	


#content table { margin:0px;  border-spacing:2px; border:1px solid #f4f4f4; } 
#content table th { background-color:#f4f4f4; padding-left:4px; padding-right:4px; } 
#content table td { padding:1px; padding-left:4px; padding-right:4px; border-top:1px solid #f4f4f4; } 





/* Div das das Formular umschließt */
div#content .formgen {
	font-size: 1em;
	margin-left:5px;

}


/* Was passiert wenn auf das Label geklickt wird? */
div#content label,
div#content select,
div#content input[type=checkbox],
div#content input[type=radio],
div#content input[type=button],
div#content input[type=submit]
{
cursor : pointer;

}



div#content .formgen form
{
line-height : 120%;

}




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


div#content .formgen .formblock
{
	margin-bottom: 4px;
	margin-top: 2px;
	padding:2px;

}
div#content .forminfo 
{
	margin:5px;
	margin-bottom: 10px;
	font-weight: bold;
	border: 2px dashed #990000;
	text-align:center;
	padding:5px;
	color:#990000;
	margin-top:15px;
	
}

/*
Verhalten von br-Tags
*/
div#content .formgen br
{
clear : both;
margin-bottom:8px;
}


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


/* Mehrzeiliges Eingabefeld */
div#content .formgen .formtextfield
{
	width: 60%;
	height: 120px;
	border: 1px solid #DAE0E9;
	background-color:#f4f4f4;
}


/* Textfeld */
div#content .formgen .formtext
{
	width: 60%;
	margin-left: 0px;
	height:19px;
	font-size: 1em;
}

div#content .formgen input, div#content .formgen input,
div#content .formgen select, div#content .formgen select, 
div#content .formgen textarea, div#content .formgen textarea {
	border:1px solid #DAE0E9;
	border-bottom:1px solid #5B739B;
	background-color:#f4f4f4;
	margin-top:2px;
	margin-bottom:2px;
	font-weight:bold;
	color:#496590;

}


div#content .formgen input:focus, div#content .formgen input:hover,
div#content .formgen select:focus, div#content .formgen select:hover, 
div#content .formgen textarea:focus, div#content .formgen textarea:hover {
	background-color:#DAE0E9;	
}



/* Label */
div#content .formgen label {
	width: 30%;
	clear: left;
	float: left;
	height: 19px;
	margin-top:4px;


	
}





/* Aussehen der Select-Ausgabe */
div#content .formgen .formselect
{
	height:19px;
	width:60%;
	color: #000000;
	font-size: 1em;

}


/* Sende-Button */
div#content .formgen .formsubmit
{
	text-align: center;
	margin-left:30%;
	border:1px solid #DAE0E9;
	background-color:#DAE0E9;	
}


/* Fieldsetbeschriftung */
div#content .formgen legend { display:block; padding:0px; font-weight:bold; margin:0px;  color:#666666; padding:5px; margin-top:15px; margin-bottom:10px; margin-left:-10px; border-bottom:1px solid #f4f4f4;   }

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


/* Markierung der Labels bei Fehler */
div#content .formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
	clear:none;
	
}

div#content .formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}


div#content .formgen fieldset { margin:0px; padding:0px; margin-bottom:3px; margin-top:15px; } 

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



/* Galerie */


div.galerie { margin-top:20px; } 

div.galerie div.image {  width:100%; float:left; height:180px; overflow:hidden;   } 
div.galerie div.image a img { float:left; margin-right:20px; margin-top:5px;  }  

div.galerie div.g_tile { font-weight:bold; margin-left:20px; margin-bottom:15px; margin-top:5px;  } 
div.galerie div.g_desc { margin-left:20px; font-size:xx-small; } 


div.sitemap ul { list-style:disc; margin-left:45px; list-style-image: url(../layout/arrow_mini_right.gif);  } 
div.sitemap li { font-size:12px; } 


/* Search */

div#search div.sr_block { margin-top:30px; }
div#search a { font-size:1.2em; text-decoration:none; font-size:1.4em; line-height:1.8em; }
div.result {  background-color:#f4f4f4; } 


div#main ul { list-style:disc; margin-left:1.9em; }  

div#language { color:#FFFFFF; position:absolute;   width:210px; left:50%; margin-left:183px; top:0px; margin-top:16px; z-index:2; }
div#language img { width:20px; height:15px; margin-right:3px; } 

 
div#startpagelink{ position:absolute; height:154px; width:335px; left:50%; margin-left:-445px; top:0px; margin-top:0px; z-index:2;  } 
div#startpagelink img { height:154px; width:335px; } 
div.lang_desc { margin-bottom:8px; }