body {
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;  /* Zentrierung im Internet Explorer */
    min-width: 320px; /* Mindestbreite verhindert Umbruch 
	und Anzeigefehler in modernen Browsern */ }

#header {background-color: #003399; height: 2em; text-align:center;
top: 0; position: fixed; width: 100%; }
	
.rahmen {text-align:left; margin: 0 auto; max-width: 320px; 
width: 320px; padding-top: 2.5em; /* Innenabstand */ 
background-color: #fff; border: 0px ridge #C06;}

.container {text-align:left; margin: 0 auto; width: 320px;}

.texte {text-align:left; 
	width: 100%; 
	margin: 0;
}

footer {background-color: #003399; height: 2em; text-align:center;
bottom: 0; position: fixed; width: 100%; }

* {margin:0; padding:0;}

 /* Hide Menu */

    #menu-primary-items{
		display: none; list-style: none; position:absolute;/* Layer */
		}
    #menu-toggle-primary a.close-menu-primary{display: none;}
    #element:target{/* do stuff */}

    /* Display Menu Items */
    #menu-primary:target #menu-primary-items {
		display: block; float:left; font-size:22px; line-height:2.4em; 
		color:#39F; background-color:#FFF; width: 300px; opacity: 0.95;
		margin-top: 5px; padding: 0 10px 5px 10px;
		}

    /* Hide Open Toggle Link */
    #menu-primary:target #menu-toggle-primary a.open-menu-primary{
display: none;}

    /* Show Close Toggle Link */
#menu-primary:target #menu-toggle-primary a.close-menu-primary{
display: block;}

 /* Hide Menu ENDE */


/* Buttons Anfang */
#telbtn { 
    width: 65px;
    height: 65px;
    z-index: 1; 
	background-image:url(../bilder/tel.png); 
	background-repeat:no-repeat;}
 
#telbtn a{display: block;
   width: 100%;
   height: 100%;}
 
#telbtn a:hover{ 
	background-image:url(../bilder/tel_over.png);
	background-repeat:no-repeat;}


#emailbtn { 
    width: 65px;
    height: 65px;
    z-index: 1; 
	background-image:url(../bilder/email.png); 
	background-repeat:no-repeat;}
 
#emailbtn a{display: block;
   width: 100%;
   height: 100%;}
 
#emailbtn a:hover{
	background-image:url(../bilder/email_over.png);
	background-repeat:no-repeat;}
	
	
#kartebtn { 
    width: 65px;
    height: 65px;
    z-index: 1; 
	background-image:url(../bilder/karte.png); 
	background-repeat:no-repeat;}
 
#kartebtn a{display: block;
   width: 100%;
   height: 100%;}
 
#kartebtn a:hover{
	background-image:url(../bilder/karte_over.png);
	background-repeat:no-repeat;}
	
	
#rautebtn { 
    width: 65px;
    height: 65px;
    z-index: 1; 
	background-image:url(../bilder/raute.png); 
	background-repeat:no-repeat;}
 
#rautebtn a{display: block;
   width: 100%;
   height: 100%;}
 
#rautebtn a:hover{
	background-image:url(../bilder/raute_over.png);
	background-repeat:no-repeat;}
	
.btn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 6px;
  border: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #ffffff;
  font-size: 16px;
  background: #3399ff;
  padding: 4px 18px;
  text-decoration: none;}

.btn:hover {
  background: #a3a3a3;
  text-decoration: none;}
  
  /* Buttons Ende */


/* Ab hier Schriften */

p {color: #555;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px; font-weight:normal; 
    hyphens: none;}
	
	.p {color: #555;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px; font-weight:normal;}
	
.firma {color: #fff; font-size: 14px; letter-spacing: 1px;
	font-family: 'Source Sans Pro', sans-serif; }
		
	.zeit {color: #555; 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px; font-weight:400;}
	
	mini12 {color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px; font-weight:300;}

.klein {color: #fff; font-size: 13px; letter-spacing: 1px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:normal;}

	a.klein:link {color: #fff; text-decoration:none;}
	a.klein:visited {color: #fff; text-decoration:none;}
	a.klein:focus {color: #c3c3c3; text-decoration:none;}
	a.klein:hover {color: #c3c3c3; text-decoration:none;}
	a.klein:active {color: #c3c3c3; text-decoration:none;}
	
ueberschrift /* Headline Action */ 	
	{color: #000; margin-bottom: 5px; line-height:1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px; font-weight:bold;}
	
text /* Text Action */{color: #555;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px; font-weight:normal;}


td { }

h1 /* Beschreibung */{color: #555;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px; font-weight:normal; margin-bottom: 10px;}
	
	.h1 /* wie Headline gross */{
	color: #000; font-weight:normal; line-height:1.2em;
	font-size: 17px; margin-bottom: 5px; margin-top: 10px;
	font-family: 'Source Sans Pro', sans-serif;}
	
	
h2 {color: #000; margin-bottom: 5px; line-height:1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px; font-weight:bold;}
	
a,
a:link {
	text-decoration:none;
	font-weight:normal;
	font-family: 'Source Sans Pro', sans-serif;
	color: #3399ff;}
	
a:visited {
	text-decoration:none;
	font-weight:normal;
	font-family: 'Source Sans Pro', sans-serif;
	color:#3399ff;}
	
	
a:focus {
	text-decoration:underline;
	font-weight:normal;
	font-family: 'Source Sans Pro', sans-serif;
	color:#555;}
	
a:hover {
	text-decoration:underline;
	font-weight:normal;
	font-family: 'Source Sans Pro', sans-serif;
	color:#3399ff;}

	
a:active {
	text-decoration:none;
	font-weight:normal;
	color:#555;
	font-family: 'Source Sans Pro', sans-serif;}