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

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

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

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Text elements */

p {margin-bottom: 1em;}

a:focus,a:hover {color: #002;}
a {
	color: #246;
	text-decoration: underline;
}
/* ------------------------------------------ Download --------------------------------*/
.download-file { 
 margin: 10px 0px 0px 0px;
 padding: 0px;
 width: 60px;
 height: 60px; 
 float: left;
 border-bottom: 1px solid #ffffff; 
}
.download-hdl { 
 float: left;
 color: #333;
 font-weight: bold;
 margin: 10px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 width: 350px;
 height: 45px;  
 display: inline;
 border-bottom: 1px solid #ffffff;  
}
.download-hdl2 { 
 font-size: 8pt;
 color: #333;
 margin: 10px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 width: 100px;
 height: 45px;  
 float: right;
 position: relative;
 border-bottom: 1px solid #ffffff;  
}

/* ------------------------------------------ Sitemap --------------------------------*/
#sitemap1 {
 width: 300px;
 font-size: 100%;
 margin-left: 100px;
}
#sitemap1 ul {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}
#sitemap1 li {
 list-style-type: none;
 display: block;
 margin-bottom: 2px;
}
#sitemap1 li a, #sitemap1 li a:link {
 text-decoration: none;
 display: block;
 color: #000000;
 width: 300px;
 padding: 5px;
/* background-color: #FFFFFF;*/
}
#sitemap1 li a:visited {
 color: #000000;
}

#sitemap1 li a:hover, #sitemap1 li a:active, #sitemap1 li a:focus {
color: #FF0000;
padding: 5px;
}
/* -------------------------------------- Sitemap Ende --------------------------------*/

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

#topmenue {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-variant: small-caps;
text-align:right;
font-size: 15px;
width: 500px;
padding: 5px 0;
margin: 0 auto;
}
#topmenue ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#topmenue li {
display: inline;
margin: 0px;
padding: 0px;
}

#topmenue li a, #topmenue li a:link {
text-decoration: none;
padding: 0px 10px 0px 10px;
color: #181818;
border-right: 1px #181818 solid;
}

#topmenue li a:hover, #topmenue li a:focus, #topmenue li a:active {
color: #C30000;
}

/* ################################################### Block rechts rot ## */
.rechts_rot {
 float:left;
 padding-bottom:0pt;
 margin: 0px 3px 1px 0px;	
 width:200px;
 border-right: 1px solid #cccccc; 
 border-left: 1px solid #cccccc; 
 border-bottom: 1px solid #cccccc; 
 background: #fff; 
}
.rechts_rot p {
 float:left;
 padding-right:5px;
 padding-left:10px;
 margin-bottom:0.3em;
 width:185px;
}
.rechts_rot h1 {
 color: #E15A00;
 font-size: 1.1em;
 text-decoration: none; 
 text-indent:10px;
 padding-top: 3px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 padding-bottom: 5px;
 background: url('rechtsheader.jpg') repeat-y center top;
 border-bottom: 0px solid #2e2e2e; 
}
.rechts_rot a{ 
 line-height: 2;
 font-weight:bold;
 font-size:10px;
 text-decoration: none;
 color: #FF0000;
}
.rechts_gruen a:hover  {
 text-decoration: none;
 color: #000000;
}
.clearfix {
 clear:both;
 display:block;
}
.rechts_rot ul {
 list-style: none;
 padding-left: 0;
 margin-left: 0;
}
.rechts_rot li {
 background-attachment: scroll;
 background-image: url('bullet.gif');
 background-repeat: no-repeat;
 background-position: 10px 8px;
 padding: 2px 0 2px 20px;
}
/* ################################################### Block rechts Spalte mit TinyMCE ## */
.rechts_spalte {
 float:left;
 margin: 0px 3px 1px 0px;	
 width:200px;
 border-right: 1px solid #cccccc; 
 border-left: 1px solid #cccccc; 
 border-bottom: 1px solid #cccccc; 
 background: #fff; 
}
.rechts_spalte_in {
 float:left;
 margin: 0px 3px 5px 10px;	
 width:180px;
}
.rechts_spalte p {
 float:left;
 padding-right:5px;
 padding-left:10px;
 margin-bottom:0.3em;
 width:185px;
}
.rechts_spalte h1 {
 color: #E15A00;
 font-size: 1.1em;
 text-decoration: none; 
 text-indent:10px;
 padding-top: 3px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 padding-bottom: 5px;
 background: url('rechtsheader.jpg') repeat-y center top;
 border-bottom: 0px solid #2e2e2e; 
}
/* ################################################### Block rechts Kalender ## */
.rechts_kalender {
 float:left;
 margin: 0px 5px 10px 5px;	
 width:190px;
 border-right: 1px solid #A4A4A4; 
 border-left: 1px solid #A4A4A4; 
 border-bottom: 1px solid #A4A4A4; 
 background: #CCC891; 
}
.rechts_kalender_in {
 float:left;
 margin: 0px 3px 5px 10px;	
 width:180px;
}
.rechts_kalender p {
 float:left;
 padding-right:5px;
 padding-left:10px;
 margin-bottom:0.3em;
 width:185px;
}
.rechts_kalender h1 {
 color: #004669;
 font-size: 1.1em;
 text-align: left;  
 text-decoration: none; 
 text-indent:10px;
 padding-top: 5px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 padding-bottom: 5px;
 background: url('rechtsheader.jpg') repeat-y center top;
 border-bottom: 0px solid #2e2e2e; 
}
/* ################################################### Block rechts Infobroschüre ## */
.rechts_info {
 float:left;
 margin: 0px 5px 10px 5px;	
 width:190px;
 border-right: 1px solid #A4A4A4; 
 border-left: 1px solid #A4A4A4; 
 border-bottom: 1px solid #A4A4A4; 
 background: #CCC891; 
}
.rechts_info_in {
 text-align: center;
 margin: 0px 17px 10px 18px;	
 width:155px;
}
.rechts_info p {
 padding-right:5px;
 padding-left:10px;
 margin-bottom:0.3em;
 width:190px;
}
.rechts_info h1 {
 color: #004669;
 font-size: 1.1em;
 text-align: left; 
 text-decoration: none; 
 text-indent:10px;
 padding-top: 5px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 padding-bottom: 5px;
 background: url('rechtsheader.jpg') repeat-y center top;
 border-bottom: 0px solid #2e2e2e; 
}
/* ------------------------------------- Seitenaufruf Zähler -------------------------- */

.zaehler {
 float:left;
 font-family:Arial, helvetica, Lucida Grande, verdana, sans-serif;
 font-size: 0.9em;
 margin: 0px 3px 1px 0px;	
 width:180px;
 border-right: 1px solid #cccccc; 
 border-left: 1px solid #cccccc; 
 border-bottom: 1px solid #cccccc; 
 background: #fff; 
}
.zaehler_in {
 float:left;
 margin: 0px 3px 5px 10px;	
 width:160px;
}
.zaehler h1 {
 color: #E15A00;
 font-size: 1.0em;
 text-decoration: none; 
 text-indent:10px;
 padding-top: 3px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 padding-bottom: 5px;
 background: url('rechtsheader.jpg') repeat-y center top;
 border-bottom: 0px solid #2e2e2e; 
}

/* ------------------------------------- Menü Überschrift -------------------------- */

.menu_top {
 float:left;
 margin: 0px 3px 1px 0px;	
 width:190px;
 background: #fff; 
}
.menu_top_in {
 font-family:Arial, helvetica, Lucida Grande, verdana, sans-serif;
 font-size: 0.8em;
 float:left;
 margin: 0px 3px 5px 10px;	
 width:160px;
}
.menu_top h1 {
 color: #E15A00;
 font-size: 1.0em;
 text-decoration: none; 
 text-indent:10px;
 padding-top: 3px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 padding-bottom: 5px;
 background: url('rechtsheader.jpg') repeat-y center top;
 border-bottom: 0px solid #2e2e2e; 
  border-right: 1px solid #cccccc; 
 border-left: 1px solid #cccccc; 
}
/* ------------------------------------- Content Menü Spalte -------------------------- */
.menuspalte {
 float:left;
 margin: 0px 3px 5px 0px;	
 width:190px;
 background: #fff; 
}
.menuspalte h1 {
 color: #E15A00;
 font-size: 1.0em;
 text-decoration: none; 
 text-indent:10px;
 padding: 3px 0px 5px 0px; 
 margin: 2px 0px 5px 0px; 
 background: url('rechtsheader.jpg') repeat-y center top;
 border-right: 1px solid #cccccc; 
 border-left: 1px solid #cccccc; 
}
.menuspalte a { 
font-family: verdana, arial, helvetica, sans-serif; 
font-size:11px; 
font-weight: bold; 
display: block; 
width: 180px !important; /* Breite für netscape, Firefox, Opera usw. */ 
width: 180px; /* Breite für IE */ 
font-weight: bold; 
text-decoration: none; 
border-bottom: 1px dashed #747474; 
color: #464646; 
padding: 3px 0px 3px 0px; 
margin-left: 2px; 
background: #FFF; 
} 

.menuspalte a:hover{ 
border-left: 0px solid #FFFFF; 
color: #000; 
border-left: 0px solid #E1CF9F; 
background: #FFF;
text-decoration: none;  
}

/* ----------------------------Referenzen -----------------------------------------*/

#content_reverenzen {
font: 1em Arial, Helvetica, Geneva, sans-serif;
width: 500px;	
	}
#content_reverenzen h1 {
 font-size:14px;
 color:#2E2E2E;
 margin:10px 0px 10px 0px;
 padding:0;
 letter-spacing:1px;
}	

#content_reverenzen .linkespalte {
 min-height:145px;
 width: 225px;
 float: left;
}

#content_reverenzen .rechtespalte {
 width: 260px;
 margin-left: 10px;
 margin-top: 10px;
 float: left;
}

#bildshow_leftcolumn2 { 
 color: #333;
 border-top: 1px solid #ccc;
 height: 30px;
 width: 220px;
 float: left;
}

#bildshow_leftcolumn2 img{ 
 margin: 3px 0px 0px 0px;
 width: 20px;
 height: 20px;
 float: left;
}	
.anbieter {
 margin: 8px 10px 0px 0px;
 text-align:right;
}	
.trenner {
 padding: 10px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
 width: 500px;	
 border-bottom: 2px dashed #747474; 
}	
/* --------------------------------------- Referenzen Ende ---------------------------- */

/* ------------------------------------------------Template Vorschau --------------------------------- */	

#wrapper_template { 
 margin: 0 auto;
 width: 500px;
}
#name1 { 
 border-bottom: 1px solid #ccc;
 margin-right: 10px;
 margin-bottom: 5px;
 background: #F6F6F6;
 padding: 5px;
 height: 15px;
 width: 143px;
 float: left;
}
#name2 { 
 border-bottom: 1px solid #ccc;
 margin-right: 10px;
 margin-bottom: 5px; 
 background: #F6F6F6;
 padding: 5px;
 height: 15px;
 width: 143px;
 float: left;
}
#name3 { 
 border-bottom: 1px solid #ccc;
 margin-right: 10px; 
 margin-bottom: 5px;
 background: #F6F6F6;
 padding: 5px;
 height: 15px;
 width: 143px;
 float: left;
}
#name1 h1 { 
 color: #2E2E2E;
 font-size: 9pt;
 font-weight: bold;
}
#name2 h1 { 
 color: #2E2E2E;
 font-size: 9pt;
 font-weight: bold;
}
#name3 h1 { 
 color: #2E2E2E;
 font-size: 9pt;
 font-weight: bold;
}
#bild1 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 height: 150px;
 width: 153px;
 float: left;
 margin: 0px 10px 10px 0px;
}
#bild2 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 padding: 0px;
 height: 150px;
 width: 153px;
 float: left;
 margin: 0px 10px 10px 0px;
}
#bild3 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 padding: 0px;
 height: 150px;
 width: 153px;
 float: left;
 margin: 0px 0px 10px 0px;
}
/* ------------------------------------------------Template Vorschau Ende --------------------------------- */

/* ------------------ ToolTip ---------------------------------------------------------*/
a.screen, a.screen:visited 
{
color: #880000; 
background: #FEFEEB;
border: 0px;
position: relative; 
z-index: 10;
cursor: help;
}
a.screen b 
{
position: absolute;
display: block;
visibility: hidden;
width: 150px; 
height: 0;
border: 1px solid #444444; 
left: 0;
top: 18px;
left: 25px;
}
a.screen:hover 
{
text-decoration: none; 
border: 0;
z-index: 1000;
}
a.screen:hover b 
{
visibility: visible;
color: #444444;
font-size: 11px;
padding: 5px;
background: #FFFFCC;
height: auto; 
cursor: pointer; 
font-weight: normal;
z-index: 500; 
}
a.screen:hover b img 
{
border: 0; 
}
/* ################################################### Formular Generator ## */

/* 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: 350px;
}


/* 
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: #FFFFFF;*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


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


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


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


/* Textfeld */
.formgen .formtext
{
	height: 15px;
    width: 300px;
	background-color: #cccccc;
	margin: 0px 0px 5px 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 20px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.0em;
}
/* Ü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 #2e2e2e;
}

/* 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: 300px;
	background-color: #CCCCCC;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 30%;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 450px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #EADDBB;
}


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

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

/*//////////////////////////////////////////////// Dokument Bereitstellen //////////////////////////////*

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin:0px;
    line-height: 18px;
	}
	
/* Adressliste - ENTWICKLUNG!!!!
************************************************************/
#adressliste * { 
	padding: 0px;
	margin: 0px;
}

#adressliste { 
	/*width: 520px;*/
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
}

#adressliste .formulardaten {
	width: 450px;
	float: left;
}

#adressliste .formularbuttons {
	width: 115px;
}

#adressliste fieldset { 
	border: 0px;
	background: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#adressliste legend {
	
}

#adressliste p { 
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#adressliste .element { 
	display: block;
	clear: both;
}

#adressliste label { 
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
}

#adressliste label.checkbox { 
	width: 372px;
	border-right: none;
}

#adressliste input, 
#adressliste select, 
#adressliste textarea { 
	width: 295px;
	color: #224A10;
	padding-top: 0px;
	padding-left: 2px;
	margin: 1px;
	border: 1px solid #86ae74;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
/*	background-color: #FFFFFF;*/
}

#adressliste input.text,
#adressliste input.plz,
#adressliste input.tag,
#adressliste input.monat,
#adressliste input.jahr { 
	height: 20px;
}

#adressliste input.plz {
	width: 44px;
}

#adressliste input.tag,
#adressliste input.monat { 
	width: 21px;
}

#adressliste input.jahr { 
	width: 36px;
}

#adressliste input.speichern, 
#adressliste input.loeschen, 
#adressliste input.zuruecksetzen,
#adressliste input.abbrechen {
	margin-top: 10px;
	/* letzter Wert zur Positionierung des Schalters */
    padding: 1px 1px 1px 1px;
	border: 1px solid #224A10;
	background-color: #224A10;
	font-weight: bold;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	width: 110px;
}
/*
#adressliste input.speichern { width: 90px; margin-left: 97px; float: left; }
#adressliste input.zuruecksetzen { width: 110px; margin-left: 130px;}
#adressliste input.loeschen { width: 90px; margin-left: 97px; float: left; }
#adressliste input.abbrechen { width: 110px; margin-left: 130px; }
*/
#adressliste input.speichern:hover,
#adressliste input.loeschen:hover,
#adressliste input.zuruecksetzen:hover,
#adressliste input.abbrechen:hover { 
	border: 1px solid #224A10;
	background-color: #DEEEDB;
	color: #224A10;
}

#adressliste label.textarea, 
#adressliste textarea.textarea { 
	height: 96px;
}

.adressenliste { 
	font-size: 1em;
	padding: 5px 5px 5px 0;
	border-bottom: 1px solid black;
}

.adressenlistetop { 
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 5px 5px 0;
	border-bottom: 2px solid black;
}

.adresslisteedit {
	width: 23px;
	height: 23px;
	/*background-color:#094;*/
	background-image:url(editieren.gif);
}
*/



/* ------------------------------------------------------------------------------------------------------------*/

/*	Formulare *****************************************************************/
div#form-module fieldset {
	padding-bottom: 20px;
}
div#form-module legend {
	display: block;
	margin-bottom: 17px;
	color: #43AAE2;
	font-size: 1.3em;
}
div#form-module p {
	clear: both;
}
div#form-module p.color-1 {
	padding-left: 72px;
	color: #7F9813;
}
div#form-module p label, 
div#form-module form#buchung p label {
	display: block;
	float: left;
	width: 72px;
	padding-left: 0;
}
div#form-module p.formselect label {
	float: none;
	padding-left: 72px;
	width: auto;
}
div#form-module form#buchung p.formcheckbox label {
	display: 1;
	
}
.formcheck {
	margin: 0px 0px 10px 0px;
}
	
div#form-module p.formtext input, 
div#form-module p.formtextarea textarea {
	width: 210px;
	background-color: #EFF4F5;
	border: 1px solid #DADADA;
}
div#form-module div.form-element-extra p.formtext input {
	width: 512px;
}
div#form-module form#buchung p.formcheckbox input {
	display: block;
	float: left;
	margin-right: 5px;
}
div#form-module p.formselect select {
	margin-left: 72px;
	width: 210px;
	background-color: #EFF4F5;
	border: 1px solid #DADADA;
}
div#form-module form#buchung p.formselect select {
	margin-left: 0;
}

div#form-module p.formsubmit input {
	padding-left: 17px;
	background: none;
	background-image: url(/files/icon_intern.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	border: 0;
	color: #7F9813;
	font-weight: bold;
	font-style: italic;
}