*{margin:0; padding:0;}

body {
    font-family: Verdana, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
    font-size: 12px; 
    background: #dfdfdf url(images/bg.jpg) repeat-y top center;
    color: #333; 
    margin:0; 
    padding:0;
    line-height: 135%;
}

a { color: #696969; text-decoration: none; }
a:hover { text-decoration: none; color : #0033CC; }

img{ border: none; padding: 6px; } 
img a{border:none;}
img.framed
{
    padding:3px; 
    border: 1px #ddd solid; 
    background: #f4f4f4;
    text-align:center;
    width: 300px; 
    height:200px;

}
img.front
{
    padding:3px;
    background: #f4f4f4;
    text-align:center;
    width: 100px; 
    height:80px;

}

img.ext { width:12px; height:12px; margin: 0 0 0 0; padding: 0 0 0 0;} 

ul { list-style-type: none; }

#page {
    width: 800px;
    margin: 0 auto;
}

#header { 
    height: 80px;
    color:#0033CC;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color: #000000;
    margin: 10px 0 20px 0;

}
#header h1 {
    font-size: 27px;
    font-weight: 100;
    padding: 20px 0 0 30px;
}
#header h1 a {
    color: #fff;
}

#header h2 {
    color: #696969;
    font-size: 17px;
    font-weight: 100;
    padding: 10px 0 0 30px;
}

#wrapper {
    padding: 0 20px 0 0;

}

#content {
    float: right;
    width: 490px;
    height:590px;
    text-align: left;
    padding-bottom: 10px;
    margin-top:30px;
}
#content h3
{
     text-align: left;
     padding: 0 0 20px 0;
     width: 450px;
}
#content h4 
{
     text-align: left;
     padding: 0 0 20px 0;
     width: 450px;
}
#content a
{
  text-align: center;
}
#teaser {
    text-align:left;
    padding: 0 0 10px 0;
}

#teaser h3 
{
     text-align: left;
     padding: 0 0 20px 0;
     width: 450px;
}
#teaser2 {
    text-align:center;
    padding: 80px 0 20px 0;
}
#teaser2 h3 {
    text-align:left;
    padding: 0 0 20px 0;
}

#teaser p {
    color: #696969;
    font-size: 12px;
    font-weight: 100;
    line-height: 1.3em;
}


#sidebar {
    float: left;
    width: 180px;
    padding-bottom: 20px;
    border: 1px #ccf solid;
}


#footer {
    margin: 0 auto 10px auto;
    background: #fff url(images/footer.jpg) no-repeat;
    height: 50px;
    line-height: 50px;
    font-weight: 100;
    font-size: 12px;
    text-align: center;
    color: #fff;	
}

#footer p { color: #fff; }
#footer a { color: #BEBDBC; text-decoration: none; }
#footer a:hover { text-decoration: underline; color:#696969; }


#content p { line-height: 1.3em; margin: 0 0 1em 0; }


#content h2 {
    font-weight: 100;
    font-size: 18px;
    color: #999;
    line-height: 1.2em;
}

#content ul {
    color: #555555;
    padding: 10px 30px;
}

#content ul li {
    list-style-type: square;
}

#content table {
    
    margin: 70px 0 70px 0 ;
}

#sidebar img {margin: 0 10px 0 10px;  }
#sidebar ul {
    list-style-type: none; 
}

#sidebar h2 {
    background: #FBD499 url(images/sidebarh2.jpg) center;
    text-align:center;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    font-size: 13px;
    color: #FFFFFF;
}

#sidebar ul {
    padding: 10px 0 5px 10px;
}

#sidebar ul li {
    background: url(images/bullet.jpg) no-repeat center left;
    padding: 2px 0 2px 23px;
}

#sidebar ul li a { font-size: 12px; font-weight: 600;  }

.wichtig  
{
    background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em;
}
.hinweis 
{
    background-color: #ffffff; border: 1px #ccf solid; padding: 0.5em;  margin-top: 1em; margin-bottom: 2.8em;
}
