/******************************************
*   General Information

  Name: Marc Stein
  Organisation: tech2b
                         
******************************************/

html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
      border: 0 none;
      font-family: inherit;
      font-size: 100%;
      font-style: inherit;
      font-weight: inherit;
      margin: 0;
      padding: 0;
      vertical-align: baseline;
}

/******************************************
*   SITE
******************************************/
html { 
      text-align : center;  
      }

body { 
      /*background: url(../images/design/bg_site.jpg) repeat-x 0 0;*/
      background-color: #F7F7F7;
      line-height: 17px;
      text-align : left; 
      font-family: verdana, helvetica, arial, sans-serif;
      font-style: normal; 
      font-weight: normal; 
      font-size: 11px;    
      }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

#site {
      clear: both;
      left: -1px;
      margin: 0 auto;
      position: relative;
      width: 962px;
      text-align: left;
      background: #ffffff;   
      border: 1px solid #000000;   	      
      }
      
#banner {
      text-align: center;
      }
      
#header {
      height: 30px;
      }

#end {
      clear: both;
      }      

#footer {
      background:transparent url(../images/design/gradient_unten.jpg) repeat-x scroll 0 0;           
      height: 88px;
      font-size: 9px;
      text-align: center;
      }  
         
#content_main {
      float: left;
      border-left: 1px solid #CCCCCC;
      height: auto;
      min-height: 30em;
      padding: 25px 0 20px 35px;
      width: 650px;  
      overflow: hidden; 
      }

#content {
      padding: 0px 20px 0 20px;
      clear: both;
      }
            
/******************************************
*   TEXT                         
******************************************/

.csc-firstHeader {
      color: #000000;
      font-size: 18px;
      font-weight: bold; 
      padding-bottom: 10px;     
      } 
      
h1 {
      color: #000000;
      font-size: 18px;
      font-weight: bold; 
      padding-bottom: 10px;       
}      
/******************************************
*   LISTING
******************************************/

li {
      background-image: url(../images/design/arrow_blue.jpg);
      background-repeat: no-repeat;
      background-position: 0 4px;
      list-style-position: outside; 
      list-style-type: none;
      padding: 0 0 10px 20px; 
      }

/******************************************
*   HOME
******************************************/
#home_content {
      padding-top: 20px;
      }
      
#home_content h1 {
      color: #A10000;
      font-size: 12px;
      }
      
#home_content_bottom {
      padding-top: 25px;
      text-align: center;
      }
      
#home_splitter {
      height: 50px;
      border-bottom: 2px dotted #B9BBBA;    
      } 
      
#home_image {
      float: left;
      margin-right: 30px;
      border: 1px solid #CCCCCC;
      padding: 10px;
      }
      
#home_title {
      font-size: 14px;
      font-weight: bold;
      padding: 20px 0;
      color: #A10000;
      }

/******************************************
*  SIDEBAR
******************************************/    
    
#sidebar {
      float: left;
      width: 230px;
      margin-top: 30px;      
      }        
       
#sidebar .csc-firstHeader {
     color: #A10000;
     font-size: 12px; 
     }
     
#sidebar .csc-textpic-imagewrap img {
     border: 1px solid #CCCCCC;
     margin-top: 20px;
     padding: 5px;     
     }
                   
/******************************************
*   LINKS
******************************************/      
      
a {
      text-decoration: none;
      border-bottom: 1px dotted;
      color: #000000;      
      } 
      
a:hover {
      color: #356990;
      }           

#banner a {
      text-decoration: none;
      border: 0;
      }  
      
/******************************************
*   MENU
******************************************/
      
#menu_main {
      height: 15px;
      margin: 3px 0px 10px 0px;
      padding: 3px 0 5px 0px;
      background: #A10000;      
      }      
      
/******************************************
*   RTE EDITOR
******************************************/

.align-center {
      text-align: center;
      }
      
/******************************************
*   FOOTER
******************************************/     

#copyright {
      float:left;
      text-align: right;
      width: 660px;
      padding-top: 15px;
      } 
               
#menu_footer {
      float: left;
      width: 255px;
      text-align: right;
      padding-top: 15px;
      }
      
/******************************************
*   BLOG FEED
******************************************/     

#title_blogpost {
      color: #A10000;
      font-size: 13px;
      font-weight: bold;
      }    
      
#categoryimage_blogpost {
     float: right;
     } 
     
.news_zentrum {
     padding-top: 5px;
     font-weight: bold;
     }   
     
/******************************************
*   GOOGLE CALENDAR
******************************************/     

.user-googlecalendar-pi1 .left_row {
    font-weight: bold;
}

/******************************************
*   NAVIGATION: HOME MENU
******************************************/

ul#navigation {
      list-style: none;
      font-weight: bold;
      font-size: 12px;
      margin: 0;
      padding-left: 30px;
      }
      
#navigation li {
      background-image: none;
      float: left;
      text-transform: capitalize;
      padding: 0 10px;
      }
      
#navigation a {
      color: #ffffff;
      text-decoration: none;
      display: block;
      padding: 0 10px;
      border-bottom: none;
      text-decoration: none;
      }
     
#navigation a:hover {
      color: #CCCCCC;
      padding: 0 10px;
      }
    
a.menu_element {
      color: #ffffff;
      padding: 0 10px;
      }

a.menu_element:visited {
      color: #CCCCCC;
      padding: 0 10px;
      }

a.menu_element:hover {
      color: #CCCCCC;
      padding: 0 10px;
      }

a.menu_element:active {
      color: #CCCCCC;
      }

#navigation a.menu_element_active {
      font-weight: bold;
      color: #CCCCCC;
      }

#navigation a.menu_element_active:hover {
      color: #CCCCCC;
      padding: 0 10px;
      }

#navigation a.menu_element_active:visited {
      color: #CCCCCC;
      padding: 0 10px;
      }