/*
///////////////////////////////////////////////
/                                             /
/  main.css                                   /
/  Copyright by massage-klatt-brakel.de       /
/  Made by donikDESIGN / donik.de             /
/                                             /
///////////////////////////////////////////////
*/


/*
/////////////////////////////////// BODY
*/
html, body {
     margin:0;
     padding:0;
     height:100%;
}


a:link {
color:#333;text-decoration : none;
}

a:visited {
color:#333;text-decoration : none;
}

a:hover {
color:#333;text-decoration : underline;
}

a:active {
color:#333;text-decoration : none;
}

#image {
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #999;
}

#flLeft {
float : left;
padding-right: 10px;

}

#flRight {
float : right;
padding: 10px;
}

* html #contex {
height: 100%;
background-color: #fdd5b7;
width: 950px;
background-image: url(../images/background.png);
background-repeat:repeat-x;
text-align: left;
}

#contex {
min-height: 100%;
background-color: #fdd5b7;
width: 950px;
background-image: url(../images/background.png);
background-repeat:repeat-x;
text-align: left;
}

#contex2 {
width: 100%;
text-align: left;
}

#content {
float: clear;
padding-top: 225px;
padding-left: 198px;
text-align: left;
color: #333;
font-family: Verdana;
font-size: 1em;
font-weight: none;
}

#content-top {
background-image: url(../images/content_top.png);
background-repeat: repeat-x;
width: 737px;
height: 36px;
}

#content-top-text { 
text-align: left;
color: #333;
padding-left: 30px;
font-family: Verdana;
font-size: 0.6em;
font-weight: none;
}

#content-middle {
width: 737px;
background-image: url(../images/content_middle.png);
background-repeat: repeat-y;

}

#content-middle-text {
background-image: url(../images/water.png);
background-repeat: repeat-y;
padding-right: 20px;

}

#content-middle-text2 {
padding-left: 10px;
padding-right: 20px;
text-align: left;
color: #333;
font-family: Verdana;
font-size: 0.7em;
font-weight: none;
}

#modul {
padding-bottom: 30px;
padding-left: 38px;
}

#content-bottom {
background-image: url(../images/content_bottom.png);
background-repeat: repeat-x;
width: 737px;
height: 229px;
}


#menu {
padding-top: 43px;
float: left;
}

#menu-top {
background-image: url(../images/menu_top.png);
background-repeat:repeat-x;
width: 198px;
height: 126px;
}

#menu-middle {
background-image: url(../images/menu_middle.png);
background-repeat:repeat-y;
width: 198px;
padding-left: 0px;
padding-bottom: 10px;
text-align: left;
color: #333;
font-family: Verdana;
font-size: 0.75em;
font-weight: none;
}

#menu-bottom {
background-image: url(../images/menu_bottom.png);
background-repeat:repeat-x;
width: 198px;
height: 29px;
}


#headline {

}

#headline-text {

}

#headline-front {
background-image: url(../images/headline_front.png);
background-repeat:repeat-x;
width: 35px; 
height: 38px;
float: left;
}

#headline-back {
margin-left: 36px;
background-image: url(../images/headline_back.png);
background-repeat:repeat-x;
width: 300px;
height: 38px;
text-align: left;
color: #333;
font-family: Verdana;
font-size: 1.4em;
font-weight: strong;
}







/*
Dummy CSS (without any design),
assuming there is a <div id="id_of_nav">
 around the navigation
*/

#id_of_nav {
font-size: 0.9em;
margin-bottom: 1px;
}

#id_of_nav ul {

}
#id_of_nav ul li {

}
#id_of_nav ul li a {

}
#id_of_nav ul li a:link,
#id_of_nav ul li a:visited {

}
#id_of_nav ul li a:hover,
#id_of_nav ul li a:active,
#id_of_nav ul li a:focus {

}
/* highlighted current element */
#id_of_nav ul li strong {

}
#id_of_nav ul li strong a {

}

/* second level */
#id_of_nav ul ul {

}
#id_of_nav ul ul li {

}
#id_of_nav ul ul li a {

}
/* and so on ... */




/* Formular Definition */


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


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



.formgen form
{
padding-left: 38px;
width: 400px;
}


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


.formgen .formblock
{
	margin-bottom: 15px;
width: 500px;

	padding-right: 2px;
	padding-left: 5px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{

}


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
background-color: #ffffff;
color: #000;
	margin-left: 124px;
}


/* Textfeld */
.formgen .formtext
{
    width: 200px;
	background-color: #ffffff;
	color: #000;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 6px;	
}
/* 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: #ffffff;
	color= #000;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	background-color: #ffffff;
	color: #000;
	width: 20%;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {


}


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

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