* {margin: 0;  padding: 0; }

body {font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;   
font-size:12px;
background-color:#f0f0f0; 
text-align:center;
background-image: url(strich.gif);

}


#topnav {
/*position:absolute;
top:115px;
left:65%;*/
width:200px;
background-color:#e0e0e0;
float:right;
margin-right:5px;
}
#topnav a{
	text-decoration:none;
	color:#808080;
}
#topnav a:hover{
	color:#0000ff;
}
#kranz{
	margin-top:10px;
}

#wrapper{
width:800px;
height:700px; 
margin: auto auto; 
background-color:#c0c0c0;
margin-top:0px;
}

#header{
float:left;
background-color:#0800DF;
width:800px;
}
#banner{
	float:left;
	margin-left:5px;
	margin-top:5px;
}

#menu{
	background-color:#transparent;
	letter-spacing:1px;
}
#menubox{
	float:left;
	width:798px;
	height:25px;
	background-color: #0800DF;
	border-bottom: solid 1px #000000;
	z-index:10;
	padding-left:2px;
	padding-top:5px;
}
#menubox1{
	float:left;
	width:798px;
	height:50px;
	background-color: #6fabf5;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	text-align:left;
	background-image: url(nop1.jpg);
}
#links{
float:left;
background-color:#d0d0d0;	
width:140px;
}

#inhalt{
	background-color:transparent;
	float:left;
	width:790px;
	height:500px;
	text-align:left;
	padding:4px;
	padding-left:5px;
	background-image: url(hg1.jpg);
}
#faq{
	padding:10px;
	width:700px;
}
#faq a{
	color:#0000ff;
}

#boden{
	margin:auto auto auto auto;
	width:790px;
	background-color:#e0e0e0;
	color:#808080;
	text-align:left;
	padding:5px;
}
/* tag stiles */
h1,h2,h3,h4,h5,h6{
	color:#000099;
}
h5{
	font-size:14px;
}
h4{
  font-size:18px;  
}

/* Portraits */
#port{
    float:left;
    width:780px;
    background-color:#fff;
    height:160px;
    margin-left:5px;
    font-size:14px;
}
.rahmen{
    float:left;
    width:110px;
    height:160px;
    border: solid 1px #000099;
    margin:2px;
    font-size:12px;
    text-align:center;
}
.hund{
    margin:5px;
}
.stext{
    float:left;
    padding:5px;
    background-color:transparent;
    width:600px;
    height:100px;
    color:#000099;
    border: none;
    margin-top:2px;
    font-size:14px;
}
#betext{
    float:left;
    width:760px;
    background-color:transparent;
    height:160px;
    margin-left:7px;
    font-size:20px;
    border: solid 1px #000099;
    padding:5px;
    text-align:center;
    color:#000099;
}
/* Alles für Links */
#inhalt a{
	color:#0000ff;
	text-decoration:none;
 }
#inhalt a:hover{
	text-decoration:underline;
}
 
.link a{
	height:14px;
	background-color: #ffffff;
	text-decoration:none;
	color:#000000;
	float:left;
	margin-left:5px;
	padding:5px;
	border: solid 1px #000000;
}
.liak a{
	height:14px;
	background-color: #6fabf5;
	text-decoration:none;
	color:#fff;
	float:left;
	margin-left:5px;
	padding:5px;
	border: solid 1px #000000;
	border-bottom:solid 1px #6fabf5;
}
.link a:hover{
	background-color: #6fabf5;color:#fff;
}
.linku a{
	float:left;
	height:15px;
	margin:5px;
	text-decoration:none;
	padding:5px;
	color:#0000ff;
}
.linku a:hover{
	background-color: #ffffff;
}
.liaku a{
	float:left;
	height:15px;
	margin:5px;
	text-decoration:none;
	background-color: #ffffff;
	padding:5px;
	border-bottom:solid 1px #ffffff;
	color:#0000ff;
}
.lilink a{
	height:15px;
	width:90%;
	background-color: #009900;
	text-decoration:none;
	color:#ffffff;
	float:left;
	margin-left:5px;
	padding:2px;
	border: solid 1px #000000;
	margin-top:2px;
}
.lilink a:hover{
	background-color:#99ff99;color:#000000;
}
.liliak a{
	height:15px;
	width:90%;
	background-color: #99ff99;
	text-decoration:none;
	color:#000000;
	float:left;
	margin-left:5px;
	padding:2px;
	border: solid 1px #000000;
	margin-top:2px;
}

/* hilfskonstruktionen */
.flol{
	float:left;
}
.floe{
	clear:both;
}
.orange{
	color: #FF7F00;
	font-weight:bold;
}
.frage{
	color: #3300FF;
	margin-bottom:0px;
}
.red{
	color:#ff0000;
}
.antwort{
	margin-bottom:20px;
}
.schalter{
	background-image: url(button.png);
	background-repeat: no-repeat;
	padding-left:5px;
	text-align:center;
}
.schalterklein{
	background-image: url(buttonklein.png);
	background-repeat: no-repeat;
	padding-left:5px;
	
}

.reiter{
	color:#ffffff;
	background-color:#6fabf5;
	padding:1px;
	margin:1px;
	
}
.ibild{
	margin-left:7px;
}
.not{
	float:left;
	margin-left:7px;
}

.liste{
	list-style: square;
	margin-left:40px;
}
/* alles für die Galerie*/
.gal{
	float:left;
	margin-left:50px;
}
.vorbild{
	height:60px;
	border:none;
	margin-top:10px;
}
.birahm{
	float:left;
	width:100px;
	height:80px;
	background-color:#f0f0f0;
	margin:2px;
	text-align:center;	
	border:solid 1px #0000ff;
}
/* Referenzliste */
.lidiv{
	float:left;
	width:390px;
}
.nost{
    list-style: none;
    
}
.kont{
    float: left;
    margin-right: 90px;
}
/* Neugestaltung */
#unter{
    background-color:transparent;
	float:left;
	width:800px;
	height:155px;
	text-align:left;
	padding-left:10px;
	margin:2px;
	background-image: url(blau.png);
	background-repeat: no-repeat;
}
#shopu{
    background-color:transparent;
	float:left;
	width:800px;
	height:155px;
	text-align:left;
	padding-left:10px;
	margin:2px;
	background-image: url(gelb.png);
	background-repeat: no-repeat;
}
#inter{
    background-color:transparent;
	float:left;
	width:800px;
	height:155px;
	text-align:left;
	padding-left:10px;
	margin:2px;
	background-image: url(vio.png);
	background-repeat: no-repeat;
}
.kasten1{
    float:left;
	width:650px;
	height:160px;
	text-align:left;
	padding-left:10px;
    border: solid 1px #000099;
    margin:2px;   
}
.kasten2{
    float:left;
	width:650px;
	height:150px;
	text-align:left;
	padding-left:10px;
    border: solid 1px #000099;
    margin:2px;
    background-image: url(hg4.png);
	background-repeat: no-repeat;
}
h1{
font-size:18px;
}
h2{
font-size:16px;
}


.vodiv{
float:left;
background-color:#D9D9FF;
width:780px;
height:430px;
margin:1px;
padding:5px;
}