/* --------------------------------
   Überschriften und Texte
----------------------------------- */

.h1 {font: normal 2em trebuchet MS, arial, geneva, sans-serif;}
.h2 {font: normal 1.6em trebuchet MS, arial, geneva, sans-serif;}
.h3 {font: normal 1.4em trebuchet MS, arial, geneva, sans-serif;}
.h4 {font: bold 1em trebuchet MS, arial, geneva, sans-serif;}
.text {font: normal 1.0em trebuchet MS, arial, geneva, sans-serif;}
h1, h2, h3, h4 {margin-bottom: 5px;}

/* --------------------------------
   Basics
----------------------------------- */

html {
    font-size: 62.5%; /* reset 1em to 10px */
    height: 100%;
}

body {
    margin-top: 2px;  
    margin-left: 0px; 
    margin-right: 0px;
    margin-bottom: 2px; 
    background-color: #3e3e3e; 
    padding:0px;
    background-image:url(../images/hg-verlauf.gif);
    background-repeat:repeat-x;
    background-position:50% 0%;
    font: normal 1.2em Verdana,Arial,sans-serif;
    padding-bottom: 1px; 
}

small,.small {font-size: 0.9em;}

a {
    color: #EEC;
    text-decoration: none;
}
a:hover {
    color: #FFA;
    text-decoration: underline;
}

p {padding: 0.2em 0 1.2em;}

blockquote, code {
    background: #4A4A4A;
    border: 1px solid #333;
    color: #BBB;
    display: block;
    margin-bottom: 12px;
}
code {
    font: normal 0.9em Verdana,sans-serif;
    line-height: 1.5em;
    padding: 8px 14px;
}


/* --------------------------------
   Headings, titles


h1 {font: normal 2em Georgia,sans-serif;}
h2 {font: normal 1.6em Georgia,sans-serif;}
h3 {font: normal 1.4em Georgia,sans-serif;}
h4 {font: bold 1em Georgia,sans-serif;}

h1, h2, h3, h4 {margin-bottom: 5px;}
----------------------------------- */

/* --------------------------------
   Spalten
----------------------------------- */ 
.spalte_links {
     width: 245px;
     height: 230px;
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     margin-top:10px;
     
border:2px solid #3e3e3e;
left:5px;top:5px;right:5px;buttom:5px;
-moz-border-radius:10px;
-khtml-border-radius:10px;

float:left; 
}

.spalte_rechts {
     width: 245px;
     height: 230px;
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     margin-top:10px;
     
border:2px solid #3e3e3e;
left:5px;top:5px;right:5px;buttom:5px;
-moz-border-radius:10px;
-khtml-border-radius:10px;

float:right;
}


/* --------------------------------
   Main layout
----------------------------------- */

#layout_wrapper {
    background: #50504A;
    margin: 0 auto;
    width: 800px;
}
#layout_container {padding: 8px;}
#layout_content {border: 1px solid #333;}

#header_image {
    height: 100px;
    background: #222 url('../images/logo.jpg') no-repeat;
    border-bottom: 3px solid #111;
    border-top: 1px solid #222;
}


/* --------------------------------
   Site title
----------------------------------- */

#site_title {
    background: #222;
    padding: 12px 20px;
}
#site_title h1  {
    color: #EED;
    font: normal 2em Georgia,sans-serif;
    margin: 0 0 5px;
}
#site_title h2 {
    color: #BFBFB6;
    font: normal 1.1em sans-serif;
    margin: 0;
}


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

.navigation {
    background: #353535 url('images/navi.jpg') repeat-x;
    border-bottom: 1px solid #222;
    border-top: 1px solid #555;
}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {
    border-right: 1px solid #303030;
    float: left;
    list-style: none;
}
.navigation a {
    color: #AAA;
    display: block;
    font: bold 1em Verdana,sans-serif;
    padding: 12px 14px;
    text-decoration: none;
}
.navigation a:hover {
    background: #444;
    color: #E5E5D5;
    text-decoration: none;
}
.navigation li.current_page_item a {
    background: none;
    color: #EEE;
}

/* Sub navigation */
#subnav a {
    padding: 10px;
    font-size: 0.9em;
}


/* --------------------------------
   Main
   
   #main {
    background: #4A4A4A;
    color: #CCC;
}
----------------------------------- */

#main {
    background: #222222;
    color: #CCC;
}


/* --------------------------------
   Bottom
----------------------------------- */

#bottom {
    background: #222;
    border-bottom: 1px solid #1A1A1A;
    border-top: 1px solid #2A2A2A;
    color: #AAA;
    padding: 16px;
}
#bottom ul li {
    border-bottom: 1px solid #303030;
}
#bottom ul li a {
    color: #777;
    display: block;
    padding: 4px 6px;
}
#bottom ul li a:hover {
    background: #2A2A2A;
    color: #FFC;
    text-decoration: none;
}


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

#footer {
    background: #2A2A2A;
    border-bottom: 1px solid #1A1A1A;
    border-top: 1px solid #333;
    color: #888;
    font-size: 0.9em;
    padding: 10px 12px;
}
#footer a {color: #AAA;}
#footer .right,#footer .right a {color: #555;}
#footer a:hover {color: #BBB;}


/* --------------------------------
   Floats
----------------------------------- */

.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {
    display: block;
    line-height: 0;
    font-size: 0;
}
.clearer {height: 0;}


/* --------------------------------
   Misc
----------------------------------- */

/*  width: 200px;  
font-weight: bold;*/
li, ul {
 margin: 0;
 padding: 0;
 list-style-type: none;

}

li a,
ul a {
 display: block;
}


/* Columns */
.col3, .col3last {width: 20%; margin-right: 1%;}
.col3last {margin-right: 0;}

.col2, .col2last {width: 75%; margin-right: 2%;}
.col2last {margin-right: 0;}


/* Images */
img.bordered {padding: 3px; background: #666;}

/* Text */
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}

/* ----------------------------------------
   Pagination
------------------------------------------- */

.pagenavigation {
    background: #555;
    border-top: 1px solid #444;
    font-size: 0.9em;
    padding: 7px 8px 9px;
}
.pagenavigation a {
    color: #CCC;
    text-decoration: none;
}
.pagenavigation a:hover {
    color: #FFF;
    text-decoration: underline;
}