/* CSS Document */

/* font-size: 62.5% damit später 1em = 10 px sind. */

body {
    font-size: 62.5%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    min-width: 40em; 
	background-color: #006BBD;	
	text-align: center;
}

/* Einheitliche Abstände in allen Browsern! */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* Horizontale Linie Firefox-Kompatibel */ 
hr {
	color:#000000;
	border: 0;
	Height:1px;
	background-color: #666666;
	width: 302px;
	background-position: center;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

/* zentriertes Div in der Mitte. margin: auto; damit auch Firefox zentriert. */

.layout {
	width: 780px;
    margin: auto;
}

.linkSymbol {
     padding-bottom: 2px;
}

.mitteTextfeld {
	width: 630px;
	margin: auto;
	text-align: justify;
	vertical-align: top;
	font-size: 1.2em;
	font-weight: normal;
}

.mitteTextfeldRechteSpalte {
	float: right;
	width: 302px;
	padding-right: 6px;
	color: #595959;
}

.mitteTextfeldLinkeSpalte {
	float: left;
	width: 302px;
	padding-left: 6px;
	color: #595959;
}

.mitteTextfeld h1 {
	font-size: 1.2em;
	margin: 0px;
	padding-bottom: 1em;
	padding-top: 1em;
	color: #006BBD;

}

.mitteTextfeld p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	margin: 0px;
}

.mitteTextfeldImg {
	margin-bottom: 9px;
	margin-top: 3px;
}

.mitteTextfeld a {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin: 0px;
}

.mitteTextfeld a:link, .mitteTextfeld a:visited
{
	color: #fff;
	background-color: #009BEB;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #FFFFFF;
}

.mitteTextfeld a:hover
{
	color: #fff;
	background-color: #006BBD;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #333333;
}
/* Layout oben, Hauptgrafiken und Logo. */

#obenLinks {
    float: left;
	width: 73px;
	height: 112px;
	background-image: url(../images/element_oben_links.jpg);
}

#obenMitte {
	height: 112px;
	background-image: url(../images/element_oben_mitte.jpg);	
}

#obenMitteLinks {
    float: left;
	width: 271px;
	height: 112px;
	background-image: url(../images/element_logo_dynamitec.jpg);
}

#obenMitteRechts {
	float: right;
	width: 185px;
	height: 112px;
	background-image: url(../images/element_oben_mitte_rechts.jpg);
}

#obenMitteRechtsZentriert {
	margin-top: 40px;

}

#obenRechts{
    float: right;
	width: 73px;
	height: 112px;
	background-image: url(../images/element_oben_rechts.jpg);	
}

/* Layout in der Mitte. */

#mitteMitte {
	margin: auto;
	width: 780px;
	background-image: url(../images/element_mitte_mitte.jpg);	
}

/* Layout innen bzw. Textfeld innen */

#innenOben {
	margin: auto;
	width: 640px;
	height: 15px;
	background-image: url(../images/element_innen_oben.jpg);		
}

#innenMitte {
	margin: auto;
	width: 640px;
	background-image: url(../images/element_innen_mitte.jpg);	
}

#innenUnten {
	margin: auto;
	width: 640px;
	height: 15px;
	background-image: url(../images/element_innen_unten.jpg);	
}



/* Layout unten, abschließende Grafiken */

#untenLinks {
    float: left;
	width: 80px;
	height: 112px;
	background-image: url(../images/element_unten_links.jpg);
}

#untenMitte {
	height: 112px;
	background-image: url(../images/element_unten_mitte.jpg);	
}

#untenRechts{
    float: right;
	width: 80px;
	height: 112px;
	background-image: url(../images/element_unten_rechts.jpg);	
}

/* Internetexplorer 3-Pixel-Fehler-Hack für alle IDs bei denen es notwendig ist */

* html #obenLinks { 
	margin-right: -3px; 
} 

* html #obenRechts { 
	margin-left: -3px; 
} 

* html #obenMitteRechts { 
	margin-left: -3px; 
} 

* html #untenLinks { 
	margin-right: -3px; 
} 

* html .mitteTextfeldRechteSpalte {
	float: right;
	width: 309px;
	padding-right: 6px;
}

* html .mitteTextfeldLinkeSpalte {
	float: left;
	width: 309px;
	padding-left: 6px;
}

* html #untenRechts { 
	margin-left: -3px; 
} 

* html hr {
     margin-top: -3px;
	 margin-bottom: -3px;
}

/* Fontdefinitionen */

.textWinzig {
	padding-top: 4px;
	text-align: center;
	vertical-align: bottom;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
}

.textGelbesPlus {
	font-size: 18px;
	font-weight: bold;
	color: #FFDE59;

}
.textBlauAufzaehlungen {
	color: #006BBD;
}
.textGrauFliestext {

	color: #666666;
}

.textUeberschrift {
	font-weight: bold;
	color: #000000;
}


.textFormulare {
	font-size: 0.8em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.inputFelder {
	background-color: #F2FAFD;
	border: 1px solid #009BEB;
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.inputButton {
	font-size: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F2FAFD;
	border-right-color: #00518C;
	border-bottom-color: #00518C;
	border-left-color: #F2FAFD;
	background-color: #009BEB;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}
.inputFelderInTabelle {

	background-color: #F2FAFD;
	border: 1px solid #009BEB;
	font-size: 0.8em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.inputButtonInTabelle {

	font-size: 0.8em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F2FAFD;
	border-right-color: #00518C;
	border-bottom-color: #00518C;
	border-left-color: #F2FAFD;
	background-color: #009BEB;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}
.textMicro {
	padding-top: 4px;
	text-align: justify;
	vertical-align: top;
	font-size: 0.75em;
	font-weight: normal;
	color: #999999;
}
.textTabelle {


	padding-top: 4px;
	text-align: left;
	vertical-align: top;
	font-size: 0.9em;
	font-weight: normal;
	color: #666666;
}
.textTabelleHervorgehoben {



	padding-top: 4px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	color: #006BBD;
}
.textTabelleHervorgehoben1 {




	padding-top: 4px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	color: #0095DD;
}
.textPreishervorgehoben {
	font-weight: bold;
	color: #333333;
}
.textMicroEinzeln {

	padding-top: 4px;
	text-align: justify;
	vertical-align: top;
	font-size: 0.65em;
	font-weight: normal;
	color: #999999;
}

.mitteTextfeldZentriert {
	float: none;
	width: 610px;
	padding-right: 6px;
	color: #595959;
	font-size: 1em;
}
.textTabelleGross {



	padding-top: 4px;
	text-align: justify;
	vertical-align: top;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
}