/* CSS für Internetseiten der PROMOT Köln */



/* Dieser Selektor betrifft alle Elemente der Seite - in diesem Fall ein browserreset für den Rand*/
* {margin: 0px; paddig: 0px; border: 0px;}

/* Die Selektoren html und body  betreffen den für den User sichtbaren Bereich */

html,body {
height:100.1%; /*100.01% erzwingt scrollbalken in allen browsern */
font-size: 62.5%;
text-shadow: #333 0 0 0; /*nur für safari (schriftschnitte sauberer) */
}




body {
text-align: center; /* zentriert den wrapper in explorer */
font-family: Arial, sans-serif;
font-size: 1.2em;
letter-spacing:0.005em;
line-height: 1.6em;
color: #000000;
padding: 0px;
border: none;
background-color:#FFFFFF;
background-image:url(elem/bg_body.jpg);
background-repeat:repeat-x;
background-position: bottom;
background-attachment: fixed;
}


/* Diese Selektoren betreffen die HTML-typen HEADLINE 1  */
h1  {    
padding: 0.6em 0em 0.8em 0.9em;
margin: 0em;
font-size: 1.8em;
font-weight: bold;
line-height: 1.4;
background-color: #cf001e;
background-image:url(elem/bg_headlines.gif);
background-position:bottom;
background-repeat:repeat-x;
color: #FFFFFF   }

h2  {
background-image:url(elem/bg_maintext.gif);
background-repeat:repeat-y;
padding: 2em 0em 0em 1.2em;
color: #000000;
font-size: 1.4em;
line-height: 1;
font-weight: normal;
}

p  {    
padding: 1em 2em 0em 1.7em;
background-image: url(elem/bg_maintext.gif);
background-repeat: repeat-y;
color: #000000;   
}

#maintext ul {    
padding:0em 0em 4em 40px;
background-image: url(elem/bg_maintext.gif);
background-repeat: repeat-y;
color: #000000;   
}

#maintext ul ul {    
padding: 0em 2em 0.5em 1.7em;
background-image: none;
color: #000000;   
}

table.maintexttable{ 
padding: 1em 2em 0em 1.7em;
background-image: url(elem/bg_maintext.gif);
background-repeat: repeat-y;
color: #000000; 
}

/* Dieser Selektor betrifft alle Anker der Seite */
a {}

#maintexttable{ 
padding: 1em 2em 0em 1.7em;
background-image: url(elem/bg_maintext.gif);
background-repeat: repeat-y;
color: #000000; 
}

div#maintext {
position: absolute;
background-color:#FFFFFF;
margin:120px 0px 0px 120px;
padding:0;
width:350px;
}

div#maintext_home {
position: absolute;
background-color:#FFFFFF;
margin: 100px 0px 0px 50px;
width:950px;
}

div#maintext_home p, div#maintext_home h2  {    
background-image: url(elem/bg_maintext_home_.jpg);
}

.contentimage{ 
padding: 1em 2em 0em 1.7em;
background-image: url(elem/bg_maintext.gif);
background-repeat: repeat-y;
color: #000000;  
}

.contentimage img {
border: solid #999999 1px;
}


.defloat {clear: both; }

div#header { }

div#wrapper {
background-color:#143c8c;
border: #CCCCCC;
border-style: solid;
border-width: 0px 1px 0px 1px;
height: 500px;
width: 1010px;

margin: 0px auto; /* margin auto zentriert den wrapper in firefox */
text-align:left;
}

div#logocontainer{
margin-top: 12px;
margin-right: 20px;
float:right;
background-image:url(elem/motexlogo.jpg);
height: 40px;
width: 145px;
 }

div#navcontainer{
margin: 0em;
padding: 0em;
z-index: 105;
position: fixed;
height: 65px;
width: 1010px;
background-image:url(elem/bg_navcontainer.gif);
background-position: 0 0;
background-repeat:repeat-x;
}


/* -------------------------------------------------- Anfang Navigation*/
#navigation {
background-image:url(elem/bg_navigation.gif);
background-repeat: no-repeat;  
position: relative;
float: left;
width: 820px;
padding: 0 0 1.75em 1em;
margin: 0em 0em;
list-style: none;
line-height: 1em;
}



#navigation li { 
float: left;
margin: 1em 0em;
padding: 0em 0em;
}



#navigation a {
display: block;
color:#FFFFFF;
text-decoration: none;
font-weight: bold;
background: #143c8c; /* Hintergrundfarbe der einzelnen Menüpunkte */
margin: 0;
padding: 0.4em  1em  0.6em 1em; /* abstand der Menüpunkte oben/unten links/rechts*/
}


#navigation a:hover,
#navigation a:active,
#navigation a.here:link,
#navigation a.here:visited {     
color:  #143c8c;
background: #FFFFFF ;
}

#navigation a.here:link,
#navigation a.here:visited { 
color:  #143c8c;
position: relative;
z-index: 102; }   /* aktuelle auswahl im mainmenü*/

/* -------------------------------------------------- Ende Navigation*/




/* -------------------------------------------------- Anfang Sub-Navigation*/


#navigation ul { 
position: absolute;   /* navigation rückt nach oben*/
color: #143c8c;
left: 0em;
top: 1.5em
float: left;
margin: 0em;
padding: 0.5em 0.25em 0.25em 1em; /* abstand komplette subnav vom linken rand*/
list-style: none;
}

#navigation ul li {
float: left;
display: block;
margin-top: 0px;
} /* alle unterpunkte im submenü*/

#navigation ul li+li {
border-left:1px solid #143c8c;
} /* alle unterpunkte im submenü*/



#navigation ul a {          /* alle nicht angewählten unterpunkte im submenü*/
color: #143c8c;
background: transparent;
font-weight: normal;
display: inline;
margin: 0em;
padding: 0em 1em;
border: 0em;
}



#navigation ul a:hover,
#navigation ul a:active,
#navigation ul a.here:link,
#navigation ul a.here:visited { 
color: #CC0000;
}

/* -------------------------------------------------- Ende Sub-Navigation*/


div#hintergrundbild {
position: fixed;
background-color:#143c8c;
height: 3000px;
width: 1010px;
top: 65px;
padding: 0px; 
margin: 0px;
}






/* -------------------------------------------------- Anfang Footer*/


div#footer{
position: fixed;
bottom: 0;
background-color: #143c8c;
background-image:url(elem/bg_footer.gif);
background-repeat:repeat-x;
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0em 0em 0em 0em;
height: 40px;
text-align: right;
width: 1010px;
}



#footerlinks ul,#footerlinks li {
list-style: none;
list-style-type: none;
float: left;
margin: 10px 0px 0px 0px;
padding: 0px 8px 0px 8px;
line-height: 0 em
display: inline;
}

#footerlinks li+li {
border-left: 1px solid #FFFFFF;
} /* alle unterpunkte im submenü*/


#footerlinks a {
text-decoration: none;
color: #FFFFFF;
}

/* -------------------------------------------------- Ende Footer*/

div#piktogramme {
margin: 0px 0px 0px 0px;
float:right;
position:relative;
background-image: url(elem/pictogramme.gif);
width: 350px;
height: 40px;

 }


#sitemap a {
text-decoration: none; 
padding: 0em 0em 0em 0em;
color: #000000;   
}