body
{
    background: #FFFFDD;
	color: blue;
    font-family: arial, sans-serif;
	font-size:100.01%;
    padding: 0;
    margin: 0;
}

.kopf
{
    float:none;
    padding-top:0;
    padding-bottom:0;
    border :thin none;
    text-align:center;
    background: url(http://usedom-am-strand.de/pics/kopf.jpg) #0063FF;
height:100px;
	color: #FFFFDD;
}

.kopf p{
	text-align:center;
	background: transparent;
	color: #FFFFDD;
	vertical-align : middle; 
	font-size: 2em;
	font-weight: bold;
margin:0;
padding:0;
}

/* Farbe Hauptnavigation gesamt */
.navigation
{
	position: absolute;
	top:110px;
	left: 2%;
	width:23%;
	padding: 0;
	border: 1px solid blue;
	background-color: #CCFFFF;
}

.navigation ul{
	margin:0;
	padding:10px;
	list-style:none;
}

/*
.navigation li{
	margin:1px;
	padding:0;
	list-style:none;
}
*/

/* inhalt */
#content
{
    font-family : arial, sans-serif;
    left: 27%;
    top: 100px;
    padding: 10px;
    font-size: 100%;
    border: thin none;
    position: absolute;
}

#buchen{
/*float:right;*/
text-align:center;
padding: 10px;
}


a{
text-decoration : underline;
}

a:link{
color : #0000FF;
}
a:visited{
color : #008080;
}
a:hover{
color : #FF0000;
text-decoration : underline overline;
}
a:active{
color : #00ff00;
text-decoration : underline overline;
}

.ul_menue li{
	list-style:none;
	padding:2px;
	margin: 0;
}

.ul_menue a {
	display:block;
	width:100%;
	text-decoration:none;
	padding-left:2px;
	border: 1px solid #63CEFF;
	border-bottom : 1px solid Blue;
	border-right : 1px solid Blue;
}

/* Formatierungen einzelner Zustaende */
/* Haupt-Links */
.ul_menue a:link  {
	color:blue;
	background-color:#FFFFDD;
}
/* besuchter Link */
.ul_menue a:visited  {
	color: #008080;
	background-color:#CCFFFF;
}
/* onMouseOver */
.ul_menue a:hover   {
	color: #FFFFDD;
	background-color:blue;
	text-decoration : none;
}
.ul_menue a:active  {
	color:#00ff00;
	background:blue;
}

.copyright{
font-family:Arial,sans-serif;
font-size:86%;
text-decoration:none;
color:#808080;
background:none;
}

/* Formulare */
/* IE-Bug um FORM-Elemente noch einen Block zu ziehen aushebeln */
form {
display:inline;	
margin:0; 
}
/* Formulare ('Umrandungen') */
fieldset{
	border:1px solid blue;
	background-color:#FFFFDD;
	padding:5px;
}
legend{
	background-color:#CCFFFF;
	/*background:url(http://www.altmarkportal.de/pics/marmor.jpg) transparent;*/
	color:blue;
	border:1px solid blue;
	padding:5px;
	font-weight:bold;
}
.sende{
	color:black;
	background-color:#CCFFFF;
	/*background:url(http://www.altmarkportal.de/pics/marmor.jpg) transparent;*/
	border:2px outset blue;
	font-weight:bold;
}
.sternchen{
	color:#ff0000;
	background-color:inherit;
}

/* Letzte Aenderung */
p.aend{
	font-family : Verdana,Arial,Helvetica,Helv,sans-serif;
	color: #4f5f5f;
	font-size:80%;
	text-align: right;
	margin-top: 0;
}  

.bildlinks{
	float:left;
	width:150px;
	text-align: center;
	margin:10px;
	margin-left:0;
	margin-top:0;
}

.bildrechts{
	float:right;
	width:150px;
	text-align: center;
	margin:10px;
	margin-right:0;
	margin-top:0;
}

.both{clear:both;}

/*
.bildlinks a img, .bildrechts a img{border:1px solid blue;}
.bildlinks a img, .bildrechts a img{border:1px solid blue;}
a img
{
    border: 1px;
}
*/