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

                         \\\\|////
                         \\ _ _ //
                          ( o - )
       +---------------oOOo-(_)-oOOo---------------+
       |            www.mein-office.com            |
       |(c) Jochen Flaskamp anfrage@mein-office.com|
       |         http://www.mein-office.com        |
       +----------------oooO---Oooo----------------+
                        (  )| |(  )
                         \ \| |/ /
                          \_) (_/                          

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

* { padding: 0; margin: 0; }

a img {
border:none;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 /*font-size: 13px;*/
 background-color: #CCCCCC; 
}
#wrapper { 
 margin: 0 auto;
 width: 990px;
 background: #FFF;
}
#header {
 color: #333;
 width: 990px;
 float: left;
 border: 0px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
/* background-color: #FFF; */
 background-image: url('hg_top.png');
}
#navigation {
 float: left;
 width: 990px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #FFF;
}
#content { 
 color: #333333;
 font-size: 13px;
 border: 0px solid #ccc;
 height: 100%; 
 min-height:450px;
 padding: 0px;
 width: 750px;
 float: left;
 background-image: url(../images/willkommen.jpg); 
}
#contkont { 
 color: #333333;
 font-size: 13px;
 border: 0px solid #ccc;
 height: 100%; 
 min-height:350px;
 width: 750px;
 float: left;
 background-image: url(../images/kontakt.jpg); 
}
#contmif { 
 color: #333333;
 font-size: 13px;
 border: 0px solid #ccc;
 height: 100%; 
 min-height:350px;
 width: 750px;
 float: left;
 background-image: url(../images/mif.jpg); 
}
#contpartner1 { 
 color: #333333;
 font-size: 13px;
 border: 0px solid #ccc;
 height: 100%; 
 min-height:350px;
 width: 750px;
 float: left;
 background-image: url(../images/referenzen.jpg); 
}
#contpartner2 { 
 color: #333333;
 font-size: 13px;
 border: 0px solid #ccc;
 height: 100%; 
 min-height:350px;
 width: 750px;
 float: left;
/* background-image: url(../images/referenzen.jpg); */
}
#conttraining { 
 color: #333333;
 font-size: 13px;
 border: 0px solid #ccc;
 height: 100%; 
 min-height:350px;
 width: 750px;
 float: left;
 background-image: url(../images/training.jpg);
}
#conttrainingver { 
 color: #333333;
 font-size: 13px;
 border: 0px solid #ccc;
 height: 100%; 
 min-height:350px;
 width: 750px;
 float: left;
 background-image: url(../images/vertrieb.jpg);
}
#contvertrieb { 
 color: #333333;
 font-size: 13px;
 border: 0px solid #ccc;
 height: 100%; 
 min-height:350px;
 width: 750px;
 float: left;
 background-image: url(../images/vertrieb.jpg);
}
#inhalt { 
 color: #333333;
 margin: 15px 10px 0px 300px;
 padding: 10px 0px 10px 0px;
 width: 450px;
 height: 100%; 
 min-height:320px;
 float: left;
}
#inhaltpartner { 
 color: #333333;
 margin: 15px 10px 0px 40px;
 padding: 10px 0px 10px 0px;
 width: 710px;
 height: 100%; 
 min-height:320px;
 float: left;
}
#inhalt p { 
  padding-bottom: 10px;
}
#inhalt a { 
 color: #264176;
 text-decoration: underline; 
}
#inhalt a:hover { 
 color: #264176;
 text-decoration: none;
}
#inhaltpartner p { 
  padding-bottom: 10px;
}
#inhaltpartner a { 
 color: #264176;
 text-decoration: underline; 
}
#inhaltpartner a:hover { 
 color: #264176;
 text-decoration: none;
}
#inhalt2 { 
 color: #333;
 margin: 15px 10px 10px 20px;
 padding: 0px 0px 0px 0px;
 height: 120px; 
 float: left;
}

#rightcolumn { 
 float: right;
 color: #333;
 border-left: 2px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 0px 10px;
 height: 100%;
 min-height:220px; 
 width: 210px;
 display: inline;
 background: #FFF; 
}
#rightcolumn p { 
  padding-bottom: 10px;
   font-size: 11px;
}
#rightcolumn a { 
 color: #264176;
 text-decoration: underline; 
}
#rightcolumn a:hover { 
 color: #264176;
 text-decoration: none;
}

#rightcolumn2 { 
 float: right;
 color: #333;
 border-left: 2px solid #ccc;
 margin: 0px 0px 20px 0px;
 padding: 0px 10px 0px 10px;
 height: 100%;
 min-height:320px; 
 width: 210px;
 display: inline;
 background: #FFF; 
}
#rightcolumn2 p { 
  padding-bottom: 10px;
   font-size: 11px;
}
#rightcolumn2 a { 
 color: #264176;
 text-decoration: underline; 
}
#rightcolumn2 a:hover { 
 color: #264176;
 text-decoration: none;
}
#footer { 
 width: 990px;
 clear: both;
 color: #333;
 border-top: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background: #FFF; 
}
#footerleft { 
 color: #333;
 border: 0px solid #ccc;
 margin: 5px 0px 0px 10px;
 width: 580px;
 float: left;
}
#footerright { 
 float: right;
 font-size: 13px; 
 font-weight: bold; 
 color: #333;
 text-align: right;
 border: 0px solid #ccc;
 margin: 12px 20px 0px 0px;
 width: 360px;
 display: inline;
 position: relative;
}
#footerright a { 
 color: #464646;
 text-decoration: none; 
}
#footerright a:hover { 
 color: #464646;
 text-decoration: underline;
}
#footerbottom { 
 font-size: 11px;
 text-indent: 5px;
 width: 990px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 5px 0px;
 background-color: #CCCCCC;  
}

#inhalt h1 {
	font-size: 16px;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	color: #094282;
}
#inhalt h2 {
	font-size: 15px;
	font-weight: bold;
	color: #999999;
}
#inhalt h3 {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#inhalt h4 {
	font-size: 13px;
	font-weight: bold;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#inhalt h5 {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#rightcolumn h6 {
 font-size: 11px;
 text-align: center;
 text-transform: uppercase;
 padding: 5px 2px 5px 2px;
 margin: 0px 0px 5px 0px;
 background: #CCC; 
}
#rightcolumn2 h6 {
 font-size: 11px;
 text-align: center;
 text-transform: uppercase;
 padding: 5px 2px 5px 2px;
 margin: 0px 0px 5px 0px;
 background: #CCC; 
}
ul {
	padding: 0px 0px 3px 30px;
	text-decoration: none;
	list-style-type: square;
	}
ol {
	text-decoration: none;
}
/* ------------------------ Veranstalltungskalender ----------------- */
.a64_recentEvents { 
 background: #FFF; 
}
.a64_recentEvents h1{ 
 font-size: 11px;
 text-align: center;
 text-transform: uppercase;
 padding: 5px 2px 5px 2px;
 margin: 0px 0px 5px 0px;
 background: #CCC; 
}
.a64_recentEvents h3 {
 font-size: 12px;
 font-weight: normal;
 color: #094282;
 margin: 0px 0px -10px 0px; 
 border-bottom: 0px solid #5C5C5C; 
}
.term11 {
 font-size: 11px;
 font-weight: bold;
 color: #094282;
 margin: 10px 0px 10px 0px; 
}
/* ---------------------------- Veranstalltungskalender Ende ----------------- */

.prozent {
float:right;
position:relative;
width: 130px;
height:60px;
margin: 100px 50px 0px 5px;
z-index:100;
background: url('200-prozent.png');
}/*
.prozent {
position:absolute; 
top:100px; 
left:100px; 
z-index:2; 
border:1px solid #888; 
width:130px; 
height:60px;
 background: url('200-prozent.png');
}*/
/* -------------------------------------------------- Partner ---------------------------*/

#partner a {
      display:block;
      color:#464646;
      width:200px;
      padding:7px;
      font-size:12px;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:left;
      text-indent:25px;
      margin:10px;
      border:0px solid #333333;
      background-image:url('../files/hinter.gif');
      }
#partner a:hover {
      display:block;
      color:#F0C000;
      background-image:url('../files/hinter_on.gif');
      }
      
/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
Stand: 22.01.2008 

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte 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: 1px;
	background-color: transparent;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 5px;
}


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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 310px;
	height: 150px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
	height: .;
                
}
/* 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;
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 #5D81A3;
}


/* 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 */