/* 
    Document   : form.css
    Created on : 05.11.2010, 16:41:30
    Author     : patrickdeden
    
    
 Anpassungen 06.12.2010 Lange/Friedrichs/Kapell
    
 2.2.2011 margin bei h1 ersetzt durch padding weil sonst rechter Scrollbalken!

    
    
*/

/* Basics */
* {
    padding: 0;
    margin: 0;
}

body {
    color: #333;
    font-size: 12px;
    font-family: verdana;
}

h1, h2 {
    color: #1f4d90;
}

h1 {
    font-size: 1.167em;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 20px;
    padding-top:10px;
    font-weight: bold;
}

h2 {
    font-size: 1.083em;
    margin-bottom: 5px;
    margin-top:10px;
}

h3 {
    font-size: 1em;
    margin-bottom: 5px;
}

p {
    margin-bottom: 20px;
	line-height: 16px;
}

.clearer {
    margin: 0;
    padding: 0;
    clear: both;
}

a {
    text-decoration: none;
    color: #1f4d90;
}

a:hover {
    text-decoration: underline;
}

a.neu {
	color: #FF0000;
}

a.neu:after { 
	content: url(neu.jpg);	
}

#formContainer ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#formContainer ul.infolist li {
	color: #002e79;
    font-weight: normal;
    padding-left: 10px;
    background: url(infoListLi.png) no-repeat left;
    background-position: 0 7px;
}



#formContainer {
    width: 610px;
    height: auto;
    
}

#formContainerInner {
    padding-left: 0px;
}

#formFooter {
    clear: both;
    text-align: right;
}

input, select, textarea {
    font-size: 12px;
    padding: 2px;
    font-family: verdana;
}

select {
    /*width: 187px;*/
    margin-bottom: 0 !important;
    margin-bottom: 2px; /* IE6-Hack */
    padding: 1px;
}


/* IE 7+ Hack */
* + html select  {
    margin-bottom: 4px !important;
    width: 97%;
}

/* IE 7+ Hack */
* + html .chooseOuter label, * + html .bigForm .chooseOuter label {
    margin-top: 3px;
}

/*********************************************************************/
/* Ergänzungen ROLAND */

#formContainer * {
	font-family: verdana, Geneva, Arial, sans-serif;
}
/*Verwendung von Buttons zur Steuerung*/
button.submit {
	background: url(orangeButtonSmall.png) no-repeat left;
    color: #fff;
	padding: 0px 10px 0px 10px; 
	margin:0px 2px 0px 2px;
    border-width: 0px;   
}
button.reset {
    background: url(blueButtonSmall.png) no-repeat left;
    color: #1e4d90;
    padding: 0px 10px 0px 10px;
    margin:0px 2px 0px 2px;
    border-width: 0px;
}
/*aktuell noch nicht verwendet
button.submitBig {
    background: url(buttonOrange.gif) no-repeat right;
    color: #fff;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-right: 25px;
	height: 30px;
}	
*/
/*------------------------------Fehler und sonstige Text-Styles ----------------------*/
.rrinfotext { /*für kleine Hinweise im Formular */
	font-size: 11px;
	margin: 2px 0px 5px 0px;
}
.moderation {
	margin: 0px 0px 5px 0px;
	padding-bottom: 5px;
}

.fmrechts {  /* gleiche Zeile rechts neben Feld */
	color: red;
	margin-left: 10px;
	font-size: 12px;
}
.fmunten {/* Zeile unter Feld */
	color: red;
	margin-top: 2px;
	font-size: 12px;
	/*display: block;*/ 
}
/*----- Anzeige Tabellenzellen (egal, ob Fehlertext darunter oder nicht)*/   
#formContainer td {
		vertical-align: top;
}
.tbzweiSpalten td {
	width: 295px;
}
.tbzweiSpalten .tdmitte {
	width: 11px;
	}
.tbzweiSpalten .xspInputFieldEditBox{
	width: 97%;
}

.tbzweiSpalten .xspComboBox{
	width: 99%;
	}

.tbeineSpalte td {
	width: 610px;
}
.tbeineSpalte .xspInputFieldEditBox {
	width: 98.5%;
}
.tbeineSpalte .xspInputFieldTextArea {
	width: 98.5%;
}
/*------------------Daten-Anzeige Summary-Seite ---------------*/
/*Benenne Tabelle mit Style tbdatendisplay und Zellen tdlinks bzw. tdrechts */
.tbdatendisplay .tdlinks {
	width: 150px;
			}
	.tbdatendisplay .tdrechts {
	width: 450px;
	}	
		
.tbdatendisplay .tdrechts .xspTextComputedField{ /*Spalteninhalt Daten fett */
		font-weight:bold;
		}
/* ActionLink in Orange - z.B <Beitrag berechnen>*/
#formContainer .actionLink {
	color: #ED8F09;
	text-decoration: underline;
	font-weight:bold;
		}
/*----Sonderdinge 1malig aber Klasse weil id von Domino dynamisch vergeben wird ----*/
.tbProduktauswahl td{
	padding: 0px 5px 10px 0px;
		}
.tbnavigation tr{
		height: 60 px;
		}
.tbnavigation td{
	width: 210px;
	background: #7698c6;
	color: white;
	padding: 3px 0px 3px 5px;
	border-collapse: collapse;
	border-right: 12px solid;
	border-color: white; /*transparent evt. besser - aber nicht für firefox */
	}
		
.tbnavigation .tdaktuelleSeite {
	background: #1f4d90;
		}
.tbnavi3seiten	 td {
	width: 210px;
	}
.tbnavi4seiten	 td {
	width: 157px;
	}
#formContainer .beitrag {
	font-weight:bold;
	}
.tooltipHellblau {
	width:400px;
	background-color:#E3EAF4;
	padding:10px;
}	
