

/* ***** Body ***** */


* {


}

body {
  background-color: white; 
  background-image: url(./img/bg.png);  
  background-repeat:repeat-x;
  color:#000;
  padding:0px;
  margin:0px;
  text-align: center; 
  font-family: Arial;
}



/* ***** Site ***** */


.site
{
  
    background-color:white; 
    width:950px;  
    
    padding: 0;   
    margin: 0px auto;
    text-align: left;
    border: 1px solid #EDF0F0;         

      
}

.site_header
{  
  height:120px;
  margin: 0px auto;  
  font-size: 80%;
  
}

.site_header_left
{
  width:450px;
  float:left;
  padding-left:50px;
  padding-top:5px;
  

}

.site_header_right
{ 
  width:400px;    
  color: grey;
  float:right;  
  padding-top:30px;
  padding-right:30px;
  text-align:right;
}

.site_content
{
    width: 950px;
    
    margin: 0 auto 0 auto;
    background-color: white;

}

.site_footer
{
 padding-top:25px;
 padding-bottom:50px;

 color: #555;

 line-height:20px;  
 border-top:1px solid #DCDCDC;
 background-color: #FAFAFA;
 margin:0px;
 padding-top:50px;
 font-size: 80%;
 
 float:none;
 clear:both;

}

.site_footer_left
{
 width:150px;
 float:left;
 padding-left:100px;
 padding-right:50px;
 

}

.site_footer_center
{
 width:250px;
 float:left;
}

.site_footer_right
{
 width:240px;
 float:right;
 padding-left:50px;
 padding-right:100px;
}

.site_footer_bottom
{
 clear:both;
}


.toolbox
{
 text-align:center;
 padding-top: 10px;
 width:230px;
 margin: 0 auto 0 auto;
}

.socialmedia
{
  text-align:left;
  padding-top:0px;
  height:25px;  
}


.socialmedia ul
{
 list-style-type:none;

 padding-left:0px;
 margin-left:0px; 
}



.socialmedia li
{
  display:block;
  padding-top:15px;
  padding-left:0px;
  margin-left:0px; 
}


.socialmedia img
{
  border:0px;
  vertical-align:middle;
}


/* ***** Page ***** */



.page_nav
{
    width: 225px;
    float: left;
    height: 500px;
    padding: 0;
    margin: 0;
    background-color: #DCF0F9; /*#B3D9FF; //#DCF0F9; // #B3D9FF */
    border-right: 2px solid #EDF0F0;
    border-bottom: 2px solid #EDF0F0;
         

}

.page_spacer_left
{
    width: 50px;
    float: left;
    padding: 0;
    margin: 0;

}

.page_spacer_right
{
    width: 150px;
    float: none;
    padding: 0;
    margin: 0;
    display:block;

}


.page_content
{
    width: 525px;
    float: left;
    padding: 0;
    margin: 0;
      
    
    font-size: 90%; /* 14px; */
    color:  #434343;
    line-height:25px;   
    /* text-align:justify; */   
    
    padding-top: 10px; 

}

.sportpartner img
{
 border: 1px solid lightgrey;
 margin-right:10px;


}


/* ***** Details ***** */

.details
{
    margin: 0px;
    width:525px;
    text-align:left;
      float:none;

}

.details_left
{
 
  float:left;
  width:300px;
  text-align:left;

}

.details_right
{

  padding-left:75px;
  float: right;
  width:150px;

}

.details_bottom
{

 width:525px;
 float:right;

}

.details ul
{
 list-style-type:none;
 list-style-image:url(./img/ok.gif);
}

.details li
{
 padding-top:10px;
}

.details table
{  
  border-spacing: 1px;  
  border: 1px solid #e6f3f9;
  
}

.details td
{
 padding: 5px;
 padding-left:10px;
 border: 1px solid #e6f3f9;
}

.odd
{
 background-color: #e6f3f9;
}


/* ***** Start ***** */

.start
{
    margin: 0px;
    padding: 0px;
    width:950px;
    text-align:left;
    float:none;
    margin: 0px auto;
}

.start_img_left
{
  padding: 0px;
  margin: 0px;
  float:left;
  width:480px;
  height:360px;
  text-align:left;
  border-top: 3px solid #EDF0F0;
}

.start_img_right
{
  float: right;
  width:470px;
  height:360px;  
  border-top: 3px solid #EDF0F0;
}

.start_img_right img
{
  display:block;    
       
  
}

.start_img_right img#top
{  
   height:235px;
   
   width:467px;
   border-left: 3px solid #EDF0F0;
   border-bottom: 3px solid #EDF0F0;
   
}

.start_img_right img#bottom
{  
  border-left: 3px solid #EDF0F0;
  height: 122px;
  width:467px;

}


.start_text
{

 
 width:900px;
 float:none;
 padding: 0;
 margin: 0px;
 text-align:left;
    
 font-size: 90%; /* 14px; */
 color:  #434343;
 line-height:25px;       
 clear:both;    
}

.start_text_left
{
 float: left;
 
 width:380px;
 
 padding:50px;
 padding-top:0px; 

}

.start_text_right
{
 float: right;
 
 width:380px;
 padding:50px;
 padding-left:25px;
 padding-right:0px;
 padding-top:0px; 
}

.start_text_bottom
{
  clear:both;
}

div.line
{  
  border-bottom:1px solid lightgrey;
  margin-top:30px;
  margin-bottom:10px;  
  

}







/* ***** Navigation ***** */

ul#navigation{
list-style-type:none;
margin-left:0;
padding-left:0;

  margin: 0px;
  padding: 0px;
  
  font-size:100%; /*14px;*/
  font-family:  Geneva, Arial, Helvetica, sans-serif;
    

  height: 40px;
  text-align: left;
  
  width: 900px;
  padding-left: 50px;
  background-color: #3274B6; //#AFC551; //#3274B6;

  background-image: url(./img/nav2.png);

}
ul#navigation li {
float:left;
padding-right:0px;
}


ul#navigation li a{

background-color: transparent;
  color: white;

 text-align: left;
 text-decoration: none;

 padding-left:12px;
 padding-right:12px;

 padding-top:11px;
 padding-bottom:11px;

 line-height:40px;
}
ul#navigation li a:hover, ul#navigation li#active a{
background-color: #AFC551;
}



/* ***** Navigation_left ***** */

ul#navigation_left{
list-style-type:none;
margin-left:0;
padding-left:0;

  margin: 0px;
  padding: 0px;
  
  font-size:100%; /*14px;*/

  text-align: left;

  padding-left: 50px;
  padding-top: 25px;
  background-color: transparent;

}

ul#navigation_left li{
  
  padding-right:0px;
  display:block; 

  

}

ul#navigation_left li a{

background-color: transparent;
 font-weight:normal;

 color: #4770AB; 
 
 font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-align: left;
 text-decoration: none;

 padding-left:12px;
 padding-right:12px;

 padding-top:11px;
 padding-bottom:11px;

 line-height:40px;

}

ul#navigation_left li#active a 
{
 font-weight: bold;
}

ul#navigation_left li a:hover
{
 font-weight: bold;
}




/* ***** Headlines ***** */


h1, h2, h3, a.start_headline
{
 font-family:  Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight:normal;
 color: #4770AB;
 padding-top:0px;
 margin-top:0px;

}


h1 {
 font-size: 26px;
 font-weight:normal;

 font-family: Arial;
 padding-top:20px;
 padding-bottom:10px;

 

}


h2, h3 {
 font-size:16px;
 font-weight:bold;

}

h2.angebot
{
 width:518px;
 
 
 background-color: #fed249; 
 color: #434343; 
 
 background-color: #AFC551;
 color: white;
 

 padding-left:5px; 
}


div.angebot_teaser
{
  font-weight:bold;
  padding-bottom:10px;
  padding-left:5px;

}

h3 {
 color: grey;
 
}  

/* ***** Links ***** */


a, a:visited, a:hover
{
  color: #445F96;
}

a:hover
{
  text-decoration: none;

}

a:focus{
 outline:none;
}



A.top:link, A.top:visited, A.top:hover {
  color: #445F96;

  text-decoration: underline;
  
  margin:0;padding:0;
}


A.top:hover {
text-decoration: none;
}


a.start_headline /* siehe h1 */
{
   color: #4770AB;
    font-weight:bold;
   text-decoration : none;
}

a.start_headline:hover
{
  color: #445F96;
  text-decoration: underline;
}  


.small
{
  font-size:11px;
}

.togbox1
{
 display:none; border:1px solid #ccc;
 padding:10px;
}

}




