* {
padding : 0; 
margin : 0; 
} 
html , body {
height : 100%; 
padding:0;
margin : 0; 
font-family : verdana, arial, helvetica, sans-serif;
color : #666666;
background-color:#D0D0DA; 
font-size : 100.1%;
}
 
#box {
background-image:url(../pic/verlauf.gif);
background-repeat:repeat-y;
width : 100%; 
margin:0 auto;
text-align : left; 
position : relative; 
min-height : 100%; 
height : auto !important; 
height : 100%; 
}
a img , a:link img {
border : none; 
} 
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#header {
	height : 5px;
	margin : 0;
	padding : 0;
}
#headbild{
	margin : 0;
	padding : 0;
}
#menulinks ul {
margin: 0;
padding: 0;
list-style-type:none;
}

#menulinks {
float : left;
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 12px; 
width : 190px;
margin : 0; 
padding : 3px 0 0 8px;
list-style-image:none;
list-style : none; 
}
#nav {
float : left;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;  
width : 140px;
margin : 0 0 0 10px; 
padding : 0;
list-style-image:none;
list-style : none; 
} 
#nav ul {
font-family : verdana, arial, helvetica, sans-serif; 
margin-left : 0.5em; 
padding-left : 0.5em; 
list-style : none; 
white-space : nowrap; 
} 
#nav li a {
color : #666666;
margin : 4px 0 0 0; 
padding : 0 0 2px 0; 
text-decoration : none;
border-top : 1px solid #cccccc; 
border-right : 1px solid #837c6b; 
border-bottom : 1px solid #837c6b; 
border-left : 1px solid #cccccc; 
display : block; 
width : 120px; 
}
 
#nav li a:hover {
color : #ff0000;
border-top : 1px solid #837c6b; 
border-right : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #837c6b;  
}
#date {
float : left; 
color : #666666; 
text-align : left; 
width : 140px; 
margin :0; 
padding : 0 0 4px 12px; 
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 12px; 
}
#sommer {
float : left; 
color : #666666; 
text-align : left; 
width : 133px; 
margin :4px 0 0 14px; 
padding : 0; 
}
#vali {
float : left; 
color : #666666; 
text-align : left; 
width : 100px; 
margin :5px 0 0 20px; 
padding : 0; 
}

#menu {
font-size : 12px; 
color : #666666;
margin : 2px 10px 18px 0; 
padding : 0;
}
#menuli {
float : left; 
width : 330px;
margin : 0;
}

#freizeit{
clear: right;
text-align:left;}
#menuhov {
width : 100px;   
color : #ff0000;
margin : 4px 0 0 0; 
padding : 0 20px 2px 5px; 
border-top : 1px solid #837c6b; 
border-right : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #837c6b;  
cursor:default;
}
#hov {
width : 120px;
color : #ff0000;
margin : 4px 0 0 0; 
padding : 0 0 2px 0; 
border-top : 1px solid #837c6b; 
border-right : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #837c6b;  
display : block;
cursor:default;
}
#hovrot {
color : #ff0000;
margin : 3px 0 0 0; 
padding : 1px 0 3px 0; 
text-decoration:none;
width : 105px;
border-bottom : 1px solid #ff0000; 
display : block;
cursor:default;
}
div.startpic {
float : left; 
width : 100%;
max-width:700px; 
margin : 0; 
padding : 0 10px 0 0; 
} 
#dk_alt {
width : 400px;
margin : 0; 
padding : 0 10px 0 0; 
} 

div.bildli {
float : left; 
width : 200px; 
margin : 0; 
padding : 0 10px 0 0; 
} 
div.bildre {
float : right; 
width : 200px; 
margin : 0; 
padding : 0 0 0 10px; 
} 

#content {
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 0.82em; 
color : #666666;
	line-height : 1.4em;   
	margin : 10px 0 0 200px;
	padding : 0 0.8em 0.4em 1em;
text-decoration : none; 
} 
#content ul {
font-size : 1em; 
margin-left : 1em ; 
padding-left : 1em; 
} 
#content h1 {
margin : 0; 
padding : 0; 
font-family : verdana, arial, helvetica, sans-serif;
font-style:italic; 
font-size : 2em; 
line-height : 1.2em; 
font-weight : normal;
text-align:left; 
}
.schrift {
margin : 0; 
padding : 0; 
font-family : verdana, arial, helvetica, sans-serif;
font-style:italic; 
font-size : 2.2em; 
line-height : 1.2em; 
font-weight : normal;
text-align:left; 
}

#content h2 {
margin : 0; 
padding : 0; 
font-family : verdana, arial, helvetica, sans-serif;
font-style:italic;  
font-size : 1em; 
line-height : 1.2em; 
font-weight : bold; 
} 
#content h3 {
margin : 0; 
padding : 0; 
font-family : verdana, arial, helvetica, sans-serif;
font-style:italic;  
font-size : 1.5em; 
line-height : 0.8em;
font-weight : normal;
text-decoration : underline;
} 
#content a {
color : #000000; 
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 1em; 
text-decoration : none; 
} 
#content a:hover {
color : #ff0000; 
}
div.bildli {
float : left; 
width : 100px; 
margin : 0; 
padding : 0 20px 0 0; 
}
div.bildsowi {
float : left; 
width : 180px; 
margin : 0 0 20px 0; 
padding : 0; 
} 

div.bildli200 {
float : left; 
width : 200px; 
margin : 0; 
padding : 0 20px 0 0; 
} 
div.bild_ausw {
float : left; 
width : 200px; 
margin : 0; 
padding : 0; 
} 

div.bildre {
float : right; 
width : 14em; 
margin : 0 40px 0 0; 
padding : 0; 
} 

div.shadowli {
float: left;
background-color: #333333;
padding: 0;
margin: 9px 13px 3px 3px;
}
div.shadowli img {
display:block;
border: 1px solid #666;
position: relative;
top: -3px;
left: -3px;
}
div.shadowre {
float: right;
background-color: #333333;
padding: 0;
margin: 0.7em 0 0.2em 0.5em;
}

div.shadowre img {
display:block;
border: 1px solid #666;
position: relative;
top: -3px;
left: -3px;
}
 div.shadowr {
float: right;
background-color: #333333;
padding: 0;
margin:0 0 0 18px;
}

div.shadowr img {
display:block;
border: 1px solid #666;
position: relative;
top: -3px;
left: -3px;
}
#sowi{
width : 99%;
margin : 0; 
padding : 0; 
}
#conbox {
float:left;
margin:0;
text-align : left; 
position : relative; 
width : 550px;
padding: 0; 
margin :0; 
color : #666666;
}
#conbox1 {
float:right;
margin:0 auto;
text-align : left; 
position : relative; 
width : 550px;
padding: 0; 
margin :0 0 0 1em; 
color : #666666;
}
#conbox2 {
	float:left;
	margin:0;
	text-align : left;
	position : relative;
	width : 520px;
	padding: 0;
	margin :0;
	color : #666666;
}
#conbox3 {
float:left;
margin:0;
text-align : left; 
position : relative; 
width : 245px;
padding: 0; 
margin :0; 
color : #666666;
}
div.speisek {
float : left; 
width : 147px; 
margin : 0 0 0 60px; 
padding : 0 10px 0 0; 
} 

#bild2 {
float:right;
width:82px;
height:40px;
margin:-5px 80px 0 0;
padding:0;
} 
 
strong , b {
font-weight : bold;
font-style:italic; 
} 
p {
font-size : 0.82em; 
line-height : 1.4em; 
margin-top : 1em; 
margin-bottom : 0.82em; 
} 
#foot {
width : 100%;
background-image:url(../pic/verlauf.gif);
background-repeat:repeat-y;
color:#000000;
position : absolute;
padding : 0 0 8px  0; 
font-family : verdana, arial, helvetica, sans-serif;
  font-size : 10px;
  color : #666666; 
bottom : 0; 
background-color : #D0D0DA; 
} 
#foot p {
margin : 0; 
padding : 0 10px 0 0; 
}
#foot li {  
display: inline;
} 
#foot li a {  
color : #666666;
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 10px; 
text-decoration : none; 
} 
#foot li a:hover {
color : #ff0000; 
} 
#links {
float : left; 
padding : 6px 0 0 10px; 
margin : 0; 
width : 350px; 
}
 #links p {
text-align : left; 
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 10px; 
} 
#links a {
margin : 0; 
padding : 0 0 0 10px; 
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 10px; 
text-decoration : none; 
text-align : left; 
} 
#links a:hover {
color : #ff0000; 
} 

#rechts {
float : right; 
padding : 0.4em 0 0 0; 
margin : 0; 
width : 22em; 
} 
#rechts p {
text-align : right;
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 0.82em; 
} 
#rechts a {
text-align : right;
color : #666666;
margin : 0; 
padding : 0 0 0 10px; 
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 1em; 
text-decoration : none; 
} 
#rechts a:hover {
color : #ff0000; 
}
 
#sitemap {
width : 12em;
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 0.95em; 
margin : 18px 0 0 0; 
padding : 0; 
list-style : none; 
}
#siterot {
color : #ff0000;
margin : 0.5em 0 0; 
padding : 0.1em 0 0;
width : 15em;  
cursor:default;
border-bottom : 1px solid #ffffcc;   

} 
.italic {
font-style:italic;
font-size : 12px; 
} 

#sitemap ul {font-family : verdana, arial, helvetica, sans-serif; 
font-size : 1em; 
margin-left : 0.2em; 
padding-left : 0.2em; 
list-style : none; 
white-space : nowrap; 
} 
#sitemap li a {
color : #330099;
margin : 0.5em 0 0; 
padding : 0.1em 0 0; 
text-decoration : none; 
display : block; 
width : 15em; 
text-align : left;
border-bottom : 1px solid #D0D0DA;   
} 
#sitemap li a:hover {
color : #ff0000;
border-bottom : 1px solid #ffffcc;  
} 
.bild {
float : left;
width:30%;
max-width: 200px; 
margin : 0; 
padding : 0 10px 5px 0; 
}
#table{
	color : #666666;
	font-family: verdana, arial, helvetica, sans-serif;
	}
	td {
		color : #666666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
      vertical-align:text-bottom;
   font-size : 12px; 
   	margin : 0;
	padding :0.2em 1em 0.2em 0.2em;
	 }