body {
	background-color:#eee;
	margin: 0;
	padding: 0;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}
h1 {font-size: 3em; margin: 20px 0;}

/* Haupt-Container */
.container {width: 1000px; float: left; margin-left: 30px; margin-top: 30px; margin-bottom: 30px;}


/*Main Links */
.maincon a:link { 
	color: #635C56; 
	text-decoration: none; 
	}
      /* link pseudo-class, noch nicht besuchter Link */
.maincon a:visited { 
	color: #635C56; 
	text-decoration: none; 
	} 
      /* link pseudo-class, schon besuchter Link */
.maincon a:hover { color: black; text-decoration: underline;}
      /* dynamic pseudo-class, Benutzer 'hovert' */
.maincon a:active { 
	color: #635C56; 
	text-decoration: none; 
	}
      /* dynamic pseudo-class, Link wird ausgewählt */
a:focus { 
	color: #635C56; 
	text-decoration: none; 
	}
      /* dynamic pseudo-class, Element akzeptiert Eingaben */

/* Navigations-Container */
.navcon {
position: absolute; 
width: 300px;
background-color: #fff;
float: left; 
padding-bottom: 20px;}

.logo {
width: 300px;
padding: 30px 0px 30px 0px;
background-color: #fff;
}

.socialbox {
	width: 200px;
	margin-right: 30px;
	background-color: #fff;
	height: 25px;
	float: right;
}

.facebook {
width: 40px;
float: right;
height: 20px;
background-color: #fff;
margin-top: 10px;
}

.xing {
width: 45px;
float: right;
height: 20px;
background-color: #fff;
margin-top: 10px;
}

.navspace {
	width: 300px;
	height: 60px;
	background-color: #fff;
}

/* Navigation MAIN */
.navimain {
width: 300px;
margin: 0px;
padding: 0px;
background-color: #fff;
}

ul.rex-navi1 {
list-style-type:none;
margin: 0px;
padding: 0px;
}
			  
			  
ul.rex-navi1 a{
display: block;
background-color: #fff;
color: #666;
padding-top: 35px;
padding-right: 30px;
padding-bottom: 9px;
padding-left: 9px;
height: 16px;
text-align: right;
font-family: Arial;
font-size: 14px;
font-weight: 500;
text-decoration:none;
border-bottom: 1px dotted #CCC;
}

ul.rex-navi1 li a.rex-active, ul.rex-navi1 li a.rex-current {
font-weight: 500;
color: #393531;
}

ul.rex-navi1 a:hover {
font-weight: 500;
color: #393531;
}
/* Main-Container */
.conmain {
float:left;
width: 650px;
margin-left: 320px;
background-color: #fff;
position: absolute;
}

.maincon {
padding: 20px 20px 20px 20px;
}

.maincon p {
font-family:Verdana, Geneva, sans-serif;
font-size: 1.2em;
line-height: 20px;
color: #333;
}

.maincon h3 {
font-family:Verdana, Geneva, sans-serif;
font-size: 1.2em;
line-height: 20px;
font-weight: 200;
color:#635C56;
}

.maincon h1 {
font-family: Arial;
font-size: 22px;
color: #635C56;
text-decoration: none;
text-align:left;
font-weight: 200;
}

.maincon h2 {
font-family: Arial;
font-size: 18px;
color: #635C56;
text-decoration: none;
text-align:left;
font-weight: 200;
margin-top: 70px;
}

.footer {
float:left;
width: 610px;
padding: 20px 20px 20px 20px;
background-color: #fff;
border-top: 1px dotted #ccc;
	text-align: right;
	color: #000;
}


.footer a:link { color: #635C56; text-decoration: none; }
      /* link pseudo-class, noch nicht besuchter Link */
.footer a:visited { color: #635C56; text-decoration: none; }  
      /* link pseudo-class, schon besuchter Link */
.footer a:hover { color: black; text-decoration: underline;}
      /* dynamic pseudo-class, Benutzer 'hovert' */
.footer a:active { color: #635C56; text-decoration: none;} 
      /* dynamic pseudo-class, Link wird ausgewählt */
.footer a:focus { color: #635C56; text-decoration: none;} 
      /* dynamic pseudo-class, Element akzeptiert Eingaben */

.floatLeft { float:right; padding: 5px 5px 0px 5px; border: 1px solid #ccc; margin-left: 10px; }
.floatRight  { float:right; padding: 5px 5px 2px 5px; border: 1px solid #ccc; margin-left: 10px; }

.maincon ul {
	list-style-image:url(bg_ul.gif);
	padding-left: 50px;
}

.maincon ul li {
font-family:Verdana, Geneva, sans-serif;
font-size: 1.2em;
line-height: 20px;
color: #333;
}

/* Diverse */
.clear
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

/* Klassen zur Auszeichnung externer Links via Rextern */
a.rextern {
text-decoration:    none;
color: #666;
background-image:    url("extlink.png");
background-repeat:   no-repeat;
background-position: right; 
padding-right:        13px; }

a.rextern:visited {
text-decoration:    none;
color: #666;
background-image:    url("extlink.png");
background-repeat:   no-repeat;
background-position: right; 
padding-right:        13px; }

a.rextern:hover {
text-decoration: none;
color: navy;
background-image:    url("extlink.png");
background-repeat:   no-repeat;
background-position: right; 
padding-right:        13px; }

div.rexfancy-images img
{
    border:1px solid #EFEFEA;
    background-color:#F5F5F1;
    padding:5px;
    -moz-border-radius:3px;
    margin-right:5px;
    float:left;
}

div.clear-rexfancy
{
    float:none;
    clear:both;
}

/*Chartmodul Styles */

.chartbild img {
	float: left;
    border:1px solid #EFEFEA;
    background-color:#fff;
    padding:px;
}


.charttext {
margin-left: 180px;
width: 400px;
}

.chartstand {
	margin-bottom: 30px;
}



/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
}


label,
select,

input[type=radio],
input[type=button],
input[type=submit],
input[type=checkbox]
{
cursor : pointer;
}


.formgen form
{
line-height : 120%;
width: 550px;
}


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


.formgen .formblock
{
	margin-bottom: 5px;
	background-color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 0px;
	width: 530px;
}


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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 550px;
	height: 150px;
	margin-left: 0px;
	background-color: #eee;
	border: none;
	padding: 2px;
}


/* Textfeld */
.formgen .formtext
{
	height: 15px;
   width: 200px;
	background-color: #eeeeee;
	margin-left: 4px;
	border: none;
	padding: 2px;
	vertical-align: middle;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: normal;
	line-height: 19px;
}
/* Überschrift */
.formgen .formheadline
{
margin-top: 18px;
margin-bottom: 4px;
font-family: Verdana,Geneva,sans-serif;
font-size: 1.2em;
line-height: 19px;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 0px solid #333;
}

/* Label */
.formgen label {
width: 120px;
float: left;
height: 20px;
	border: none;
	padding: 2px;
	vertical-align: middle;
font-family: Verdana,Geneva,sans-serif;
font-size: 1.2em;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

.formcheck {
	width: 20px;
}

.checklabel {
font-family: Arial, Helvetica, sans-serif;
width: 300px;
font-weight: bold;
}

.labels {
font-family: Arial, Helvetica, sans-serif;
width: 220px;
float: left;
height: 20px;
	border: none;
	padding: 2px;
	vertical-align: middle;
font-weight: bold;
}

/* Sende-Button */
.formgen .formsubmit
{
	width: 120px;
	text-align: center;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 420px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
border: none;
}


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

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

/* Fehlermeldung nach Versand */

.forminfo {
font-family: Verdana,Geneva,sans-serif;
font-size: 1.2em;
margin-bottom: 20px;
color: #cc0000;
}


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

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


/*Newsmodul Styles */

.newsbild img {
	float: right;
  padding-right:10px;
      border:none;
    background-color:none;
}


.newstext {
}

.newsstand {
	margin-bottom: 30px;
}
