/* Grundeinstellungen */

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

html, body
{
   background-color: rgb(190, 210, 215);
   background-image: url(background.png);
   background-position: top;
   background-repeat: repeat-x;
   color: rgb(30, 30, 30);
   font-family: 'Segoe UI', 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
   padding-top: 10px;
   padding-bottom: 25px;
}

html
{
   overflow-x: scroll;
   overflow-y: scroll;
}


/* DIV-Ausrichtung */

div#container
{
   margin: auto;
   width: 770px;
   background-color: rgb(210, 230, 220);
}

div#header
{
   text-align: right;
   width: 690px;
   height: 180px;
   background-color: rgb(180, 210, 225);
   background-image: url(header.jpg);
   background-position: bottom;
   background-repeat: no-repeat;
   padding-left: 10px;
   padding-right: 70px;
   padding-top: 10px;
   padding-bottom: 10px;
}

div#navigation
{
   width: 750px;
   background-color: rgb(180, 210, 225);
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 8px;
   padding-bottom: 6px;
}

div#content
{
   float: left;
   width: 580px;
   background-color: rgb(225, 245, 245);
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 20px;
}

div#sidebar
{
   float: right;
   width: 150px;
   background-color: rgb(210, 230, 220);
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
}

div#footer
{
   clear: both;
   width: 750px;
   background-color: rgb(180, 210, 225);
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 8px;
   padding-bottom: 8px;
}

div#description
{
   position: absolute;
   width: 600px;
   height: 512px;
   top: -2700px;
   left: -2100px;
}

div#webslice
{
   position: absolute;
   display: none;
   width: 320px;
   height: 240px;
   top: -3300px;
   left: -2600px;
   padding-top: -15px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
}

div.division_left
{
   float: left;
   width: 280px;
   padding-top: 20px;
   padding-left: 10px;
}

div.division_right
{
   float: right;
   width: 290px;
   padding-top: 20px;
}

div.division_clear
{
   clear: both;
   padding-top: 10px;
}


/* Text-Formatierung */

p
{
   font-size: 0.8em;
   font-weight: 500;
   line-height: 1.2em;
   margin-top: 10px;
   margin-bottom: 15px;
   padding-left: 10px;
   padding-right: 5px;
}

h1.header
{
   font-size: 1.1em;
   color: rgb(0, 100, 150);
}

h1.content
{
   font-size: 1.1em;
   color: rgb(0, 100, 150);
   margin-bottom: 15px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}

h2.content
{
   font-size: 0.9em;
   display: inline;
   color: rgb(0, 100, 150);
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: rgb(5, 100, 155);
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}

h3.content
{
   font-size: 0.8em;
   display: inline;
   color: rgb(0, 100, 150);
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: rgb(5, 100, 155);
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}

h1.sidebar
{
   font-size: 1.1em;
   color: rgb(0, 100, 150);
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: rgb(5, 100, 155);
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}

h2.sidebar
{
   font-size: 0.9em;
   color: rgb(0, 100, 150);
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: rgb(5, 100, 155);
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}

h3.sidebar
{
   font-size: 0.8em;
   color: rgb(0, 100, 150);
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: rgb(5, 100, 155);
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}

table
{
   line-height: 1.2em;
   margin-top: 10px;
   margin-bottom: 20px;
   padding-left: 10px;
}

input
{
   font-family: 'Segoe UI', 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
   font-size: 0.8em;
}

textarea
{
   font-family: 'Segoe UI', 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
   font-size: 0.8em;
   overflow-x: hidden;
   overflow-y: auto;
}

label
{
   font-size: 0.8em;
   display: block;
}


/* List-Formatierung */

ul.navigation
{
   list-style-type: none;
   display: inline;
}

li.navigation_list_top
{
   display: inline;
   padding-left: 5px;
   padding-right: 5px;
}

ul.sidebar_circle
{
   display: block;
   list-style-type: circle;
   list-style-position: outside;
   margin-left: 26px;
}

ul.sidebar_decimal
{
   display: block;
   list-style-type: decimal;
   list-style-position: outside;
   margin-left: 26px;
}

.margin_top_minus
{
   margin-top: -10px;
}

.margin_top_plus
{
   margin-top: 10px;
}

li.list_top
{
   font-size: 0.8em;
   line-height: 1.1em;
   padding-bottom: 5px;
}

ul.sitemap {
   list-style-type: circle;
   list-style-position: inside;
   margin-top: -10px;
  }

li.list_top_sitemap {
   font-size: 0.8em;
   line-height: 1.1em;
   padding-left: 15px;
   padding-top: 10px;
  }


/* Link-Formatierung */

a.navigation_top
{
   font-size: 0.8em;
   font-weight: 700;
   color: rgb(0, 100, 150);
   background-color: rgb(225, 245, 245);
   text-decoration: none;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 3px;
   padding-bottom: 3px;
}

a.navigation_top:hover
{
   font-size: 0.8em;
   font-weight: 700;
   color: rgb(0, 100, 150);
   background-color: rgb(200, 230, 255);
   text-decoration: none;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 3px;
   padding-bottom: 3px;
}

a.navigation_top:visited
{
   color: rgb(120, 90, 60);
}

a.navigation_top_active
{
   font-size: 0.8em;
   font-weight: 700;
   color: rgb(0, 100, 150);
   background-color: rgb(225, 245, 245);
   text-decoration: none;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 3px;
   padding-bottom: 8px;
}

a.navigation_top_active:visited
{
   color: rgb(120, 90, 60);
}

a.link_intern
{
   color: rgb(30, 30, 30);
   text-decoration: underline;
}
 
a.link_intern:hover 
{
   color: rgb(30, 30, 30);
   text-decoration: none;
}

a.link_extern 
{
   color: rgb(30, 30, 30);
   text-decoration: underline;
}
 
a.link_extern:hover 
{
   color: rgb(30, 30, 30);
   text-decoration: none;
}