﻿html, body {
          margin: 0;
          padding: 0;
          width: 100%;
          height: 100%;
   }
 
 #fix{
      width: 1px;
      height: 50%;
      margin-bottom: -300px;
      float: left;
    }
 
#website{
        margin: 0 auto; 
        height: 450px;
        width: 750px;
        clear: left;
        background-color: #c0c0c0;
		background-image:url('background.jpg');
		background-repeat: no-repeat;
    }

body{
	background-color:#ddd;
	font-family:Verdana, Tahoma, Arial, Sans Serif;
	color: #00008b;
}

#top{
	height:2px;
	padding-bottom: 2px;
}
nav{
	padding-left:80px;
	display:none;
}
ul{
	
	display: inline;
	margin-top: 100px;
	font-size:0.9em;
	
}
li {
	background-color: #281f4f;
	float: left;
	display: block;
	margin-top: 10px;
	margin-left: 5px;
	padding: 25px 60px 5px 5px;
	width: 70px;
}
li a{
	display: block;
	width: 110px;
	text-decoration:none;
	color: white;
}
li :hover{
	padding: 10px 0px 10px 8px;
}
#ak{
	padding: 35px 60px 15px 13px;
	color: white;
}
#main{
	clear: left;
	position: absolute;
}

p{
	padding-left:80px;
	padding-top:50px;
	font-size:1.4em;
}
address{
	font-style: normal;
	padding-left:80px;
	padding-top:50px;
}
#telfa{
	padding-left:80px;
	padding-top:20px;
}
#em{
	padding-left:80px;
	padding-top:20px;
}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
	text-decoration: none;
	color: #00008b;
	}
 

a[href^="mailto"]:link,
a[href^="mailto"]:visited,
a[href^="mailto"]:hover {
	text-decoration: none;
	color: #00008b;
	}


/*datenschutz*/
footer{
	display:block;	
	position:relative;	
	
	padding:20px;
	font-size:0.8em;
	text-align:center;	
}
.dslink{
	display:block;		
	padding:10px;	
	margin-left:auto;
	margin-right:auto;
}
a, a:visited{
 text-decoration:none;
 color:#36C;
}
a:hover{
 text-decoration:none;
 color:#36F;
}
nav li a, nav li a:visited {    
    color: white;
}