/* *** css by Varmego Design Group www.varmego *** */
/* css released under Creative Commons License -  http://www.varmego.com*/




/* ### undo #################################################################### */

:link,:visited { color: #024795; 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 { color: #FEC601; text-decoration:none; }


body { background-color: #EAE8E9; font-size: 11px; font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif; color:#564b47; padding:0; margin:0; }


h1 {
font-size: 14px;
font-weight: normal;
text-transform:uppercase;
 }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h6 {
font-size:10px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 990px;
margin-bottom: 10px;
margin-top: 14px;
margin-left: 35px;

background-color: #ffffff;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #e1ddd9;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------Inhalt--------------------- */
#content {
background-color: transparent;
padding: 0;
margin-left: 200px;
margin-right: 0;
}
p, pre{
padding: 5px 10px;
margin:0px;
}

#content-kontakt {
background-image: url(bg_maincontent_kontakt.gif);
background-position: left top; 
background-repeat: repeat-y;
padding: 0;
margin-left: 200px;
margin-right: 0;
}
p, pre{
padding: 5px 10px;
margin:0px;
}

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

#main-content { background-repeat: no-repeat; background-position: left top; }

#main-content-stellen { background-repeat: no-repeat; background-position: left top; height: 1400px;}

#main-content-kontakt { background-color: orange; background-image: url(bg_maincontent_kontakt.gif); width: 800px; background-position: left top; background-repeat: repeat-y; } 

#main {
	float:left;
	width:100%;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:100%;
	color: #000;
}


#main-content-block {
	display:block;
}

/* -----------------Verschachtelung Inhalt--------------------- */
.navboxcont_startseite_home_1ED6524 { background-color: white; position: absolute; top: 130px; left: 295px; width: 700px; }
.navboxleft_startseite_home_1ED6524 { background-color: white; position: left top; width:346px; float:left; height:406px; }
.navboxauto_startseite_home_1ED6524 { color: black; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(startbild_home_slogan.jpg); background-repeat: no-repeat; background-position: left top; width:350px; height:406px   ; visibility: visible; float: left; }

.navboxcont_startseite_leistungen_1ED6524 { background-color: white; position: absolute; top: 130px; left: 295px; width: 700px; }
.navboxleft_startseite_leistungen_1ED6524 { background-image: url(startbild_leistungen.jpg); background-repeat: no-repeat; background-position: left top; width:346px; float:left; height:406px   }
.navboxauto_startseite_leistungen_1ED6524 { color: black; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(startbild_home_slogan.jpg); background-repeat: no-repeat; background-position: left top; width:350px; height:406px   ; visibility: visible; float: left; }

.navboxcont_startseite_seniorenstifte_1ED6524 { background-color: white; position: absolute; top: 130px; left: 295px; width: 700px; }
.navboxleft_startseite_seniorenstifte_1ED6524 { background-image: url(startbild_seniorenstifte.jpg); background-repeat: no-repeat; background-position: left top; width:346px; float:left; height:406px   }
.navboxauto_startseite_seniorenstifte_1ED6524 { color: black; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(startbild_home_slogan.jpg); background-repeat: no-repeat; background-position: left top; width:350px; height:406px   ; visibility: visible; float: left; }

/* -----------------Haupt- und Textebenen mit verschobenem Hintergrund--------------------- */
#hauptebene_content_stifte { font-family: Arial, Verdana, Helvetica, sans-serif; background-repeat: no-repeat; text-align: left; height: 530px; width: 690px; left: 300px; top: 120px; position: absolute; visibility: visible; }
#textebene_content_stifte { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: white; background-position: 1px 1px; height: 320px; width: 550px; left: 440px; top: 340px; position: absolute; visibility: visible; }

/* -----------------1-spaltige Templates mit 1 Textebene--------------------- */
#bildebene_content_2spaltig { font-family: Arial, Verdana, Helvetica, sans-serif; background-repeat: no-repeat; text-align: left; height: 600px; width: 340px; left: 275px; top: 20px; position: absolute; visibility: visible; }
#textebene_content_1spaltig { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: transparent; height: 400px; width: 700px; left: 300px; top: 150px; position: absolute; visibility: visible; }
#textebene_content_1spaltig_termine { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: transparent; height: 400px; width: 700px; left: 300px; top: 115px; position: absolute; visibility: visible; }

/* -----------------2-spaltige Templates mit Bild- und Textebenen--------------------- */
#bildebene_content_2spaltig { font-family: Arial, Verdana, Helvetica, sans-serif; background-repeat: no-repeat; text-align: left; height: 650px; width: 340px; left: 275px; top: 20px; position: absolute; visibility: visible; }
#textebene_content_2spaltig { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: white; background-position: 1px 1px; height: 650px; width: 360px; left: 640px; top: 20px; position: absolute; visibility: visible; }

/* -----------------2-spaltige Templates mit Bild- und Textebenen f. Stellenangebote --------------------- */
#bildebene_content_2spaltig-stellen { font-family: Arial, Verdana, Helvetica, sans-serif; background-repeat: no-repeat; text-align: left; height: 1380px; width: 340px; left: 275px; top: 20px; position: absolute; visibility: visible; }
#textebene_content_2spaltig-stellen { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: white; background-position: 1px 1px; height: 1380px; width: 360px; left: 640px; top: 20px; position: absolute; visibility: visible; }

/* -----------------3-spaltiges Templates für Kontaktseite--------------------- */
#ebene1_content_3spaltig_kontakt { background-color: transparent; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; height: 600px; width: 230px; left: 295px; top: 14px; float: left; position: absolute; visibility: visible; }
#ebene2_content_3spaltig_kontakt { background-color: transparent; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; height: 600px; width: 210px; left: 505px; top: 14px; float: left; position: absolute; visibility: visible; }
#ebene3_content_3spaltig_kontakt { background-image: url(bg_kontaktspalte_rechts.jpg); background-repeat: no-repeat; background-position: left top; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; height: 550px; width: 225px; left: 715px; top: 14px; float: left; position: absolute; visibility: visible; padding-left: 12px; }

/* --------------left navigavtion------------- */
#left { background-color: white; background-image: url(bg_nav.jpg); background-repeat: no-repeat; background-position: left top; float: left; width: 290px; height: 878px; min-width: 290px; min-height: 606px; max-width: 290px; max-height: 878px; margin: 0; padding: 0; }

/* -------------- left navigavtion Stellenangebote ------------- */
#leftstellen { background-color: white; background-image: url(bg_nav_stellen.jpg); background-repeat: no-repeat; background-position: left top; float: left; width: 290px; height: 1400px; min-width: 290px; min-height: 606px; max-width: 290px; max-height: 1400px; margin: 0; padding: 0; }

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
background-color: #EAE8E9;
text-align: right; } 

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	padding-right: 10px;
	padding-left: 10px;
	background: #EDEDED;
	padding-bottom: 20px;
	margin-right: 63px;
}

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

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

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


.formgen .formblock {
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}

.forminfo {
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: normal;
	border: 5px dashed #990000;
}

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

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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width: 200px;
	height: 120px;
	margin-left: 4px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

/* Textfeld */
.formgen .formtext {
	width: 200px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	border: 1px solid #999999;
	margin-bottom: 2px;
}

.formgen input:focus,
.formgen input:hover,
.formgen select:focus,
.formgen select:hover,
.formgen textarea:focus,
.formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #CCCCCC;
}

/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: normal;
	color: #000000;
}

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

/* Sende-Button */
.formgen .formsubmit {
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	float: right;
	color: #999999;
}

/* Fieldsetbeschriftung */
.formgen legend {
	color: #A7182A;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	display: block;
	margin-bottom: 20px;
}

.formgen .fieldset {
	margin-bottom: 10px;
	border-style: none;
	padding-top: 10px;
	padding-bottom: 20px;
}

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


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

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

.formgen .formreq {
	color: #000000;
}

.formgen .formheadline {
	color: #A7182A;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

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

.formgen .formsubmit {
	display: block;
	clear: left;
	margin-bottom: 10px;
	width: 370px;
}

/* Kalenderblatt MD Eventkalender */
#cal {padding-top: 3px; color: #fff; text-align: center; background-color: #808080; background-image: url(calbg.gif); background-repeat: no-repeat; float: left; width: 40px; height: 50px; margin-right: 10px;}

/* Kalenderblatt Tag & Monat  MD Eventkalender */
.calday {font-size: 24px; text-shadow: #000 -1px -1px 0px;}
.calmonth {font-size: 12px; text-shadow: #000 -1px -1px 0px;} clear: both;}

/* Bildausrichtung  MD Eventkalender */
.left {float: left; margin-right: 15px; margin-bottom: 15px;}
.right {float: right; margin-left: 15px; margin-bottom: 15px;}
.bild {float: right; margin-left: 10px; margin-bottom: 10px;}

/* Links  MD Eventkalender */
.pdf {border: 0pt none; vertical-align: middle;}
.link {border: 0pt none; vertical-align: middle;}

/* Sonstige Klassen  MD Eventkalender */
h1 {font-size: 14px; font-weight: bold; font-family: Myriad Condensed Web, Arial;}
h2 {font-size: 12px; font-style: italic; font-weight: normal;}
img {border: 0pt none;}
p.fett {font-weight: bold;}
hr {height:2px; border:0px; width:100%; background-image: url(trennlinie.gif); background-repeat: repeat-x; text-align: center; clear: both;}