/* ####################################
UWG Rhede

Design und Umsetzung: Tobias Hartmann
Copyright 2006-2009: UWG Rhede
####################################### */

/* #######################################
Farben:

#ffffff - Weiß
#000000 - Schwarz
#ff9c00 - Orange
#ffff9c - Gelb
#b4b4b4 - Grau
#2952de - Blau
#b2bcde - Blau (Hintergrund h3-Überschriften)
####################################### */

/* #############################################################################################
Global Reset
############################################################################################# */
  
  *
  {
    margin: 0;
    padding: 0;
  }

  
/* #############################################################################################
Allgemeine Attribute
############################################################################################# */

  p
  {
    font: 15px Arial;
    color: #000000;
  }

  a img /* Entferne Rahmen von verlinkten Bildern */
  {
    border: 0;
  }
  
  h1
  {
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #2952de;
    letter-spacing: 1px;
    background-color: #b2bcde;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
  }
  
  h2
  {
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #2952de;
    letter-spacing: 1px;
    background-color: #b2bcde;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
  }
  
  h3
  {
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #2952de;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    background-color: #b2bcde;
    padding: 5px 5px 5px 5px;
  }
  
  h4
  {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #2952de;
    letter-spacing: 1px;
    background-color: #b2bcde;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 2px 3px 2px 10px;
  }  

/* #############################################################################################
Body
############################################################################################# */

  body
  {
    font: 0.75em/1.55em Arial,sans-serif;
    background: url('images/bg_sidebar.jpg') repeat-y #ffff9c;
    color: #2952de;
    margin: 0;
    padding: 0;
  }
  
/* #############################################################################################
Wrap
############################################################################################# */

  #wrap
  {
    width: 1000px;
    height: 100%;
  }
  
/* #############################################################################################
Sidebar
############################################################################################# */

  #sidebar
  {
    width: 150px;
    height: 500px;
    float: left;
    text-align: center;
  }
  
  #sidebar ul
  {
    margin-top: 50px;
  }
  
  #sidebar ul li
  {
    margin-top: 10px;
    list-style-type: none;
    border-bottom: 1px solid #b4b4b4;
  }
  
  #sidebar ul li a
  {
    text-decoration: none;
    font: 17px Arial;
  }
  
  #sidebar ul li a:hover
  {
    font-weight: bold;
  }
  
  #sidebar a:visited
  {
    color: #555555;
  }
  
  #sidebar ul li.space
  {
    font: 15px Arial;
    margin-top: 60px;
  }
  
/* #############################################################################################
Header
############################################################################################# */

  #header
  {
    width: 850px;
    height: 95px;
    float: left;
    background: url('images/bg_header.jpg') repeat-y;
    border-bottom: 5px solid #2952de;
  }
  
  #header ul
  {
    margin-top: 25px;
  }
  
  #header ul li
  {
    margin-left: 113px;
    font: 36px Arial;
    float:left;
  }
    
/* #############################################################################################
Subwrap
############################################################################################# */

  #subwrap
  {
    width: 850px;
    float: left;
  }
  
  #subwrap a:hover
  {
    background-color: #b2bcde;
    color: #2952de;
  }
  
  #subwrap a:visited
  {
    color: #2952de;
  }
  
/* #############################################################################################
Content
############################################################################################# */

  #content
  {
    width: 750px;
    text-align: justify;
    margin-top: 25px;
    margin-left: 50px;
  }
  
  #content img
  {
    margin-left: 75px;
    margin-top: 15px;
  }
  
  #content a:hover
  {
    background-color: #b2bcde;
    color: #2952de;
  }
  
  #content a:visited
  {
    color: #2952de;
  }

  #content h1.begin
  {
    margin-top:20px;
  }
  
  #content .rightalign /* Ausrichtung der Bilder nach Rechts mit fließendem Text */
  {
    float:right;
    margin: 10px 1px 5px 20px;
  }
  
  #content .leftalign /* Ausrichtung der Bilder nach Links mit fließendem Text */
  {
    float:left;
    margin: 10px 20px 20px 5px;
  }
  
  .half
  {
    width: 350px;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
  }
  
  .foto
  {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  #content p.rightalign
  {
    float: right;
    margin: 0 0 0 0;
  }
  
  #content h2
  {
    margin-top: 20px;
  }
  
  #kreistag
  {
    width:750px;
    float: left;
  }
  
  .center
  {
    text-align: center;
  }
  
/* #############################################################################################
TOPs
############################################################################################# */
  
  #top1
  {
    text-align: center;
    width: 750px;
    margin-top: 25px;
    margin-left: 50px;
  }
  
  #top1 p
  {
    margin-top: 10px;
  }
  
  #top1 .rightalign
  {
    float:right;
    margin: 0px 1px 1px 15px;
  }
  
  .top2
  {
    float:left;
    text-align: justify;
    width: 350px;
    margin-top: 25px;
    margin-left: 50px;
  }

  .top2 p
  {
    margin-top: 10px;
  }
  
  .top2 img
  {
    margin-top: 25px;
  }
  
/* #############################################################################################
Column's
############################################################################################# */

  #column1
  {
    width: 350px;
    float:left;
    margin-right: 40px;
  }
  
  #column2
  {
    width: 350px;
    float: left;
  }
  
  #v_column1
  {
    width: 390px;
    float:left;
    margin-right: 0px;
  }
  
  #v_column2
  {
    width: 350px;
    float: left;
  }
  
/* #############################################################################################
Footer
############################################################################################# */

  #footer
  {
    width: 850px;
    height: 45px;
    margin-top: 50px;
    border-top: 5px solid;
    float: right;
    text-align: center;
  }
  
  #footer p
  {
    margin-top: 30px;
    font-size: 12px;
  }
  
  #footer img
  {
    float: right;
    height: 100px;
    margin-top: -45px;
    margin-right: 10px;
  }