/* Standard Stylesheet
SDK Köln 
Start: 12.07.2009
Letzte Aenderung: 12.07.2009 von Jens

Farben:
blau (Überschrift, Menü): #2a6bb7
HG-grau: #9b9b9b
grau (Fließtext): #8c8c8c 

Typo:
Fließtext / Größe: 11pt, Durchschuß: 13pt
Überschrift / s. oben + bold
Links / Größe: 11pt, Durchschuß: 16pt

Header
Größe: 14pt
Grundlinienversatz: 5pt

Links
unterstrichen
Mouseover: rot

*/


/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

/* Allgemeines */

html {
  height: 100%; 
}

body {
	font-size: 100.1%;
	color: #8c8c8c;
	font-family: verdana,sans-serif;
  background: #9b9b9b;
}

#container {
  position: relative; 
  margin: 0 auto; 
  width: 918px; 
  height: 645px;
  background-image: url(../grafiken/sdk_hg.gif); 
  background-repeat: no-repeat;
  background-position: 0 40px;
}

#kundenlogin {
  position: absolute;
  height: 40px;
  width: 898px;
  font-size: 0.69em;
}

#kundenlogin a {
  position: absolute;
  bottom: 6px;
  right: 0;
  text-decoration: none;
  color: #fff;
}

#kundenlogin a:hover {
  text-decoration: none;
  color: #2a6bb7;
}

#content {
  position: absolute;
  top: 40px;
  width: 900px;
  height: 451px;
}

.clear {clear:both;height:1px;overflow:hidden;}

#footer {
  
}

#navigation {  
  position: absolute;
  top: 502px;
  width: 900px;
  height: 119px;  
  /*float: left;*/
  overflow:visible;
  display: block; 
}

#logo {
  position: absolute;
  width: 450px;
  height: 119px;
  background-image: url(../grafiken/sdk_logo.gif); 
  background-repeat: no-repeat;
}

#logo a {
  position: absolute;
  left:25px;
  top: 21px;
  width: 200px;
  height: 70px;
  overflow: hidden;
}

#logo a h1{
  text-indent: -10000px;
}


#navi {
  position: absolute;
  right: 0;
  width: 450px;
  height: 119px;
  font-size: 0.69em;  
  overflow: auto;
}

ul#navi_eins {
  position: relative;
  list-style-type:  none;
  top: 12px;
  width: 123px;
  height: 92px;
  background-image: url(../grafiken/sdk_strich.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
}

ul#navi_eins li {  
  height: 16px;
}

ul#navi_eins li a {
  color: #8c8c8c;
  text-decoration: none;
  padding-left: 24px;  
}

ul#navi_eins li a.aktuell {
  color: #2a6bb7;
  text-decoration: none;
  padding-left: 24px;
  background-image: url(../grafiken/sdk_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 1px 2px;
}

ul#navi_eins li a:hover { 
  color: #2a6bb7;
  text-decoration: none;
  padding-left: 24px;
  border-style: none;
  background-image: url(../grafiken/sdk_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 1px 2px;
}

ul#navi_zwei {
  position: absolute;
  list-style-type:  none;
  top: 0;
  left: 123px;
  width: 163px;
  height: 92px;
  background-image: url(../grafiken/sdk_strich.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
}

ul#navi_drei {
  position: absolute;
  list-style-type:  none;
  top: 0;
  left: 163px;
  width: 163px;
  height: 92px;
  background-image: url(../grafiken/sdk_strich.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
}

/* CSS für Texte */
h2 {
  font-size: 1em;
  color: #2a6bb7;
  margin-bottom: 1em;
}
h3 {
  font-size: 1em;
  color: #2a6bb7;
}
p {
  margin-bottom: 1em;
}

#content ul {
 margin-left: 15px;
 margin-bottom: 1em;
}

#content ol {
 margin-left: 15px;
 margin-bottom: 1em;
}


/* CSS für Template 0 */
#bild_links {
  position: absolute;
  width: 900px;
  height: 451px;
}

/* CSS für Template 1 */
#bild_links {
  position: absolute;
  width: 450px;
  height: 451px;
}
#text_rechts {
  position: absolute;
  top: 29px;
  right: 0;
  width: 400px;
  height: 403px;
  padding: 0 25px 0 25px;
  font-size: 0.69em;
  overflow: auto;
}

/* CSS für Template 2 */
#bild_oben_links {
  position: absolute;
  width: 450px;
  height: 225px;
}
#bild_oben_rechts {
  position: absolute;
  right: 0;
  width: 450px;
  height: 225px;
}
#text_unten_links {
  position: absolute;
  top: 273px;
  width: 400px;
  height: 158px;
  padding: 0 25px 0 25px;
  font-size: 0.69em;
  overflow: auto;
}
#text_unten_rechts {
  position: absolute;
  top: 273px;
  right: 0;
  width: 400px;
  height: 158px;
  padding: 0 25px 0 25px;
  font-size: 0.69em;
  overflow: auto;
}

/* CSS für Template 3 */
#bild_links {
  position: absolute;
  width: 450px;
  height: 451px;
}
#text_rechts_schmal {
  position: absolute;
  top: 29px;
  left: 450px;
  width: 288px;
  height: 403px;
  padding: 0 25px 0 25px;
  font-size: 0.69em;
  overflow: auto;
}
#bilder_rechts_schmal {
  position: absolute;
  top: 29px;
  right: 25px;
  width: 89px;
}
#bilder_rechts_schmal a {
  display: block;
  margin-bottom: 10px;
}


# Template Download-Bereich

table.download {
  width: 400px;
  margin-bottom: 1em;
}

.download tr {
  height: 30px;
}

.download td {
  width: 200px;
}


#footer {
  position: absolute;
  top: 628px;
  font-size: 0.69em;
  height: 14px;
  width:898px;
  color: #fff;
  
}

#footer a {
  text-decoration: none;
  color: #fff;
}

#footer a:hover {
  color: #2a6bb7;
}

#anschrift {
  position: absolute;
  left: 0;
}

#impressum {
  position: absolute;
  right: 0;
}

legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:380px;

}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 1em;
}

.mf-check {
border: 0px;
margin-bottom: 1em;
}
.mf-select {
border: 1px solid #C0C0C0;
margin-bottom: 1em;
width: 120px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 1em;
}

.mf-submit {
color: #ffffff;
background-color: #C0C0C0;
border: 0px;
margin-bottom: 1em;
}

.mf-label {
color: #2a6bb7;
font-weight: bold;
}