/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: white;
font-size: 11px;
font-size-adjust: 11px;
font-family: verdana, SunSans-Regular, Sans-Serif;
color: darkgreen;
padding:0;
margin:0;
}


ul,ol,li,div,td,th,address,nobr {
font-family: Verdana,sans-serif; 
font-weight:normal; 
font-size:13px; 
font-size-adjust:13px; 
color: blsck; }


a {color: #000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color: #FF0000; text-decoration:none;}
a:active { color:#FF0000; text-decoration:none;}

#headandfoot {
font-size: 13px; 
font-weight: bold; color: red;
text-align: center;
background-color: #85C226;
border-top:1px solid #389431;
border-bottom:1px solid #389431;
padding:5px 15px;
margin:3px 
}

h1 {
font-size:20px;
font-weight: bold;
padding: 5px 10px;
margin:0px;
}

h2 {
font-size:16px;
font-weight: bold;
padding: 5px 10px;
margin:0px;
}


h3 {
font size: 13px;
padding: 0 auto;
margin: 0px;
}


h4 {
font size: 11px;
padding: 0 auto;
margin: 0px;
}

h5 {
font size: 10px;
color: red;
padding: 0 auto;
margin-top: 5px;

}


p, pre{
padding: 5px 11px;
margin:0;
}

/* ----------------TextMarkierung-------------------------- */

.marker {
    background-color: #C0FF00;
    font-size: 11px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    border: 1px solid black;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}


.markertrans {
    background-color: white;
    font-size: 11px color:white;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    border: 1px solid white;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}




.marker2 {
    background-color: #C0FF00;
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    border: 1px solid black;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}


.marker3 {
    background-color: #00B510;
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    border: 1px solid green;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}



.marker4 {
    background-color: lightskyblue;
    font-size: 11px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    border: 1px solid black;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}


/* -----------------Spezialcontainer--------------------- */

.inner-container-spezial {
  border: 1px dotted green;
  background: lightgreen;
  width: 450px;
  margin: 10 auto;
  padding: 15px;
  text-align: center;
  font-weight: bold;
}




/* ------------------Layer1---------------------------------------- */


#layer1 {
position:absolute;
left: 150px;
top: 200px;
width: 200px;
height: 150px;
background-color: palegreen;
border: 1px dotted;
}


/* ------------------Layer2---------------------------------------- */


#layer2 {
position:absolute;
left: 80%;
top: 30px;
width: 200px;
height: 15px;
background-color: yellow;
border: 1px dotted;
}