@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);

body {
background-color: #ccc0b5;
font-family: Droid Sans, Verdana, Arial, Sans-Serif;
color:#222222;
padding:0px;
margin:0px;
font-size: 13px;
font-weight: normal;
line-height: 22px;
}

a, a:visited {color: #000000;
padding-left:none;
text-decoration:none;
}
a:hover {color: #CC2D06;
text-decoration:underline;}
a:active { color:#488C6F;
text-decoration:underline;}


a.int, a.int:visited {color: #CC2D06;
background-color: transparent;
background-image: url(img/klpfeil.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:12px;
text-decoration:none;
}
a.int:hover {color: #CC2D06;
text-decoration:underline;}
a.int:active { color:#488C6F;
text-decoration:underline;}

a.ext, a.ext:visited {color: #CC2D06;
background-color: transparent;
background-image: url(img/klpfeil2.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:12px;
text-decoration:none;
}


a.ext:hover {color: #CC2D06;
text-decoration:underline;}
a.ext:active { color:#488C6F;
text-decoration:underline;}

a.sans, a.sans:visited {color: #000000;
background: none;
padding:0px;
}

a.sans:hover {color: #CC2D06;}
a.sans:active { color:#488C6F;}




a.headl, a.headl:visited {color: #333333;
background: none;
padding:0px;
}

a.headl:hover {color: #222222;
text-decoration:none;}
a.headl:active { color:#222222;
text-decoration:none;}

a.nav, a.nav:visited  {
    font-size:1em;
    color:#222222;
	display:block;
	background:#ffffff;
   	padding:0.5em 0.5em 0.5em 1em;
    margin-top:-0.8em;
    text-decoration:none;
    border-bottom:1px dashed #111111;
	border-left:7px solid #dddddd;
	height:1em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
	}

    
    
html>body #nav a:link, html>body #nav a:visited  {
	height:auto; /* hebt für nicht-IE Browser die Höhenangabe 1em wieder auf */ 
}
	
a.nav:hover {
    color:#222222;
    text-decoration:none;
   	background-color:#C6CDD2;
	border-color:#CC2D06;
}    



    
h1 {
color:#333333;
font-family: 'Oswald',arial,serif;
font-size: 28px;
line-height: 34px;
font-weight: normal;
margin:0 0 18px 0;;
 }

h2 {
border:none;
font-family: 'Oswald',arial,serif;
font-size: 24px;
line-height: 30px;
color:#333333;
margin:8px 0;
font-weight:normal;
}

h3 {
font-size:20px;
font-family: 'Oswald',arial,serif;
color:#222222;
line-height:26px;
padding:0px;
margin:5px 0;
}



h4 {
color:#333333;
font-size: 1em;
font-weight:bold;
letter-spacing:1px;
margin:0px;
padding:0px;
line-height:1.1em;
}

h2.ov {
margin:0px;
padding:0px;
}

h2.ov a {
color:#333333;
}

h2.ov a:hover {
color:#333333;
text-decoration:none;
}

img {border:0px;
}

img.ct {float:left;
border:0px;
margin: 13px;
}

img.titelbild {
width:520px;
max-width:100%;
height:auto;
}

/* ----------container zentriert das layout-------------- */
#container {
width:950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner for logo-------------- */
#header {
width: 950px;
height: 160px;
margin:0;
background: #ffffff url(img/bgr1.jpg) no-repeat left bottom;
}


#title_header {
	width:193px;
	height:120px;
	text-align:left;
	float:left;
	margin:0px 0 0px 0px;
    background: transparent;
} 

#title_header a, a:visited {
color: #CC2D06;
padding:0px;
text-decoration:none;
}

#title_header a:hover {color: #333333;
text-decoration:underline;}
#title_header a:active { color:#488C6F;
text-decoration:underline;}

.socialh {
float:right; }



#title_topnavi {
    padding:3px 15px 0 8px;
    text-align:left;
    hight:20px;
    vertical-align: middle;    
    font-size: 13px;
    color:#bbbbbb;
    background-color:#ffffff;
    padding-bottom: 5px;
    }    


span.hometown {
}	    
    
#title_topnavi img{
padding-top:4px;
margin-bottom:-4px;
padding-left:10px;
padding-right:5px;}


#title_topnavi a.pfeil, a.pfeil:visited {color: #333333;
background-color: transparent;
background-repeat: no-repeat;
background-position: left;
padding-left:12px;
padding-right:6px;
text-decoration:none;
}

#title_topnavi a.pfeil:hover {color: #CC2D06;
background-image: url(img/klpfeil2.gif);
text-decoration:underline;}
#title_topnavi a.pfeil:active { color:#488C6F;
background-image: url(img/klpfeil2.gif);
text-decoration:underline;}

#headfont {
margin-left: 0px;
width: 200px;
}

#headfont2 {
background-color:#000000;
 -khtml-opacity:.50; 
 -moz-opacity:.50; 
 -ms-filter:”alpha(opacity=50)”;
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50;
width: 240px;
height: 160px;
}
 
#headfbig{
color: #ffffff;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-weight:bold;
font-size: 42px;
text-align:center;
letter-spacing:1pt; 
line-height: 62px;
position:absolute;
margin-top:-130px;
margin-left: 20px;
}

.headfsmall{
font-size: 11px;
font-weight:bold;
letter-spacing:1pt;
}

#left {
 width:200px; 
 float:left;
 position:relative; 
 margin-top:0px; 
background-color:#ffffff;
 }
 
 
  #right {
 width:200px; 
 float:right; 
 position:relative; 
 }
 
/* -----------------Inhalt--------------------- */
#content{ 
float:left;
width:520px;
margin: 0px;
padding-left:15px;
padding-right:15px;
}

#contentright{ 
float:left;
width:720px;
margin: 0px;
padding-left:15px;
padding-right:15px;
}

#contentstart{ 
margin: 0px;
padding-left:20px;
padding-right:20px;
} 
 
p{
margin-bottom:5 px;
margin-top:5 px;
}


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:10px 5px;
margin:0 0 15px 0;
background-color: #04508E;
text-align: left;
height: 115px;
}

#footerlogo {
float:right;
margin-top: 5px;
margin-bottom: 5px;
margin-right:10px;
color:#cccccc;
}  

.lang {
line-height:15em;
color:#ffffff;
}



    #topnavi {
      float:left;
      width:100%;
      background-color:#04508E;
      margin-top:0px;
      line-height:36px;      
      }
      
    #topnavi ul {
	  list-style:none;
      margin:0;
      padding:0;
      }
      
    #topnavi li {
      float:left;
      display:inline;
      font-family: 'Oswald',arial,serif;
      text-transform: uppercase;
      font-size:1.1em;
      font-weight:normal;      
      }
      
    #topnavi span {
      display:block;
      background:#003366;
      padding:2px 14px 2px 14px;
      color:#eeeeee;
      border-top:1px solid #004477;
      border-left:1px solid #004477;
      border-right:1px solid #002255;
      border-bottom:1px solid #002255;
      }
        
                
    #topnavi a {
      float:left;
      background:transparent;
      }
    #topnavi a span {
      display:block;
      background:#04508E;
      padding:2px 14px 2px 14px;
      color:#eeeeee;
      border-top:1px solid #336699;
      border-left:1px solid #336699;
      border-right:1px solid #003366;
      border-bottom:1px solid #003366;                     
      }
      
    #topnavi a.active span {
      display:block;
      background:#336699;
      padding:2px 14px 2px 14px;
      color:#eeeeee;
      border-top:1px solid #336699;
      border-left:1px solid #336699;
      border-right:1px solid #003366;
      border-bottom:1px solid #003366;                     
      }     
      
    #topnavi a span {
	  }
      
    #topnavi a:hover {
      text-decoration: none;
      }
      
    #topnavi a:hover span {
      background-color:#003366;
      }
      
      
@media screen and (max-width:700px) {

    #topnavi li.navbutton {
      display:block;
      }
      
    #topnavi li.navbutton a  {
      display:block;
      background:#04508E;
      padding:2px 14px 2px 14px;
      color:#eeeeee;
      }
      
      #topnavi li {
      display:none;
      float:none;
      font-family: 'Oswald',arial,serif;
      text-transform: uppercase;
      font-size:1.1em;
      font-weight:normal;      
      }
     
      
   	#topnavi ul:hover li {
      float:none;
		display: block;
        font-size:1em;}
        
	#topnavi ul:hover li a{
      float:none;
		display: block;
        font-size:1em;}  
        
#container {
width: 100%;
min-width:328px;
padding: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}  

#left {
 width:100%; 
 float:left;
 position:relative; 
 margin-top:0px; 
background-color:#ffffff;
 }
 
 #content{ 
float:left;
width:95%;
margin: 0px;
padding-left:2%;
padding-right:2%;
}

#contentright{ 
float:left;
width:95%;
margin: 0px;
padding-left:2%;
padding-right:2%;
}
 
#header {
width: 100%;
height: 100px;
margin:0;
background: #ffffff url(img/bgr1k.jpg) no-repeat left bottom;
}

#title_header {
	width:193px;
	height:100px;
	text-align:left;
	float:left;
	margin:0px 0 0px 0px;
    background: transparent;
} 


#headfont {
margin-left: 0px;
width: 200px;
}

#headfont2 {
background-color:#000000;
 -khtml-opacity:.50; 
 -moz-opacity:.50; 
 -ms-filter:”alpha(opacity=50)”;
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50;
width: 240px;
height: 100px;
}
 
#headfbig{
color: #ffffff;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-weight:bold;
font-size: 42px;
text-align:center;
letter-spacing:1pt; 
line-height: 62px;
position:absolute;
margin-left: 20px;
margin-top:-100px;
} 

img.titelbild {
width:100%;
max-width:100%;
height:auto;
} 

span.hometown {
display:none;}	 

 #right {
 width:100%; 
 float:left; 
 position:relative; 
 }
   
}


@media screen and (min-width:701px) {

    #topnavi li.navbutton a  {
      display:none;
      }
            
}