/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
/*background-color: #e1ddd9;*/
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
/*color:#ffffff;*/
padding:0;
margin:20;
width:880px;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:center;
}
a {color: #cc0000;}
a:visited {color:#454545;}
a:hover {color: #666666;}
a:active { color:#000000;}

b {color: #ffffff;}
b:visited {color:#ffffff;}
b:hover {color: #cc0000;}
b:active { color:#000000;}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }

h2 {
font-size:14px;
font-weight: bold;
padding: 5px 10px;
font-family: Arial;
margin:0px;}

h3 {
font-size:12px;
font-weight: normal;
padding: 0px 20px;
font-family: Arial;
margin:0px;}

h4 {
font-size:12px;
font-weight:lighter;
padding: 10px 10px;
font-family: Arial;
margin:0px;}

h5 {
font-size:12px;
font-weight:lighter;
padding: 0px 10px;
font-family: Arial;
margin:0px;}
img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 880px;
margin-bottom: 10px;
margin:0 auto;
/*background-color: #EBD3E0;*/
}

/* ----------banner for logo-------------- */
#banner {
/*background-color: #e1ddd9;*/
/*text-align: right;*/
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px;} 

/* -----------------Inhalt--------------------- */
#content {
width:458px;
height:501px;
/*background-color: #ffffff;*/
padding: 0px 0px;
margin: 0 138px;
margin-top: -13px;
border-color:#808080;
border-top-width:0.05em;
border-top-style:solid;
border-right-width:0.05em;
border-right-style:solid;
border-bottom-width:0.05em;
border-bottom-style:solid;
}
#headline {
border-right-width:0.05em !important;
border-right-style:solid !important;
}
div#content { 
min-height:420px;
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

p, pre{
padding: 0px 0px;
margin:0;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 137px;
height:501px;
margin: 0px;
border-color:#808080;
border-left-width:0.05em;
border-left-style:solid;
border-top-width:0.05em;
border-top-style:solid;
border-bottom-width:0.05em;
border-bottom-style:solid;
padding: 0px;
background-color: #e5e5e5;
}
#right {
	float: right;
	text-align:left;
	width: 282px;
	height:501px;
	margin: 0;
	padding: 0;
	border-color:#808080;
border-right-width:0.05em;
border-right-style:solid;
border-top-width:0.05em;
border-top-style:solid;
border-bottom-width:0.05em;
border-bottom-style:solid;
}

#bild {margin-left:20px;}

#text {margin-left:140px;
position:relative;
margin-top:-120px;}

td {height: 180px;}
.oben {vertical-align:top;
}

#grau {
width:880px;
height:170px;
background-color:#808080;
margin-top: 10px;
vertical-align:top;
}

/* -----------footer--------------------------- */
#footer {
position:relative;
width:880px;
clear: both;
margin-top: -30px;
padding: 0px;
text-align: right; }


/* CSS Document */
	
a.Home {	display:block; list-style:none;
            background-image:url(images/sylt-navNEU_03.jpg);
            width:34px; height:25px; }
a.Home:hover { background-image:url(images/sylt-navNEUOver_03.jpg); }

a.Hoernum { display:block;
             		background-image:url(images/sylt-navNEU_06.jpg);
             		width:28px; height:25px; }
a.Hoernum:hover { background-image:url(images/sylt-navNEUOver_06.jpg); }

a.Kampen { display:block;
             		background-image:url(images/sylt-navNEU_05.jpg);
             		width:47px; height:25px; }
a.Kampen:hover { background-image:url(images/sylt-navNEUOver_05.jpg); }

a.List { display:block;
             		background-image:url(images/sylt-navNEU_08.jpg);
             		width:84px; height:25px; }
a.List:hover { background-image:url(images/sylt-navNEUOver_08.jpg); }

a.Rantum{ display:block;
             		background-image:url(images/sylt-navNEU_10.jpg);
             		width:91px; height:25px; }
a.Rantum:hover { background-image:url(images/sylt-navNEUOver_10.jpg); }

a.Wenningstedt { display:block;
             		background-image:url(images/sylt-navNEU_09.jpg);
             		width:73px; height:25px; }
a.Wenningstedt:hover { background-image:url(images/sylt-navNEUOver_09.jpg); }

a.Westerland { display:block;
             		background-image:url(images/sylt-navNEU_07.jpg);
             		width:48px; height:25px; }
a.Westerland:hover { background-image:url(images/sylt-navNEUOver_07.jpg); }

a.Friesendoefer { display:block;
             		background-image:url(images/sylt-navNEU_04.jpg);
             		width:51px; height:25px; }
a.Friesendoefer:hover { background-image:url(images/sylt-navNEUOver_04.jpg); }

a.Shop { display:block;
             		background-image:url(images/sylt-navNEU_11.jpg);
             		width:34px; height:25px; }
a.Shop:hover { background-image:url(images/sylt-navNEUOver_11.jpg); }

a.Munkmarsch { display:block;
             		background-image:url(images/Bilder/FriesendoerferNav_04.jpg);
             		width:69px; height:17px; }
a.Munkmarsch:hover { background-image:url(images/Bilder/FriesendoerferNavOver_04.jpg); }

a.Keitum { display:block;
             		background-image:url(images/Bilder/FriesendoerferNav_02.jpg);
             		width:38px; height:17px; }
a.Keitum:hover { background-image:url(images/Bilder/FriesendoerferNavOver_02.jpg); }

a.Morsum { display:block;
             		background-image:url(images/Bilder/FriesendoerferNav_03.jpg);
             		width:47px; height:17px; }
a.Morsum:hover { background-image:url(images/Bilder/FriesendoerferNavOver_03.jpg); }

a.Archsum { display:block;
             		background-image:url(images/Bilder/FriesendoerferNav_01.jpg);
             		width:52px; height:17px; }
a.Archsum:hover { background-image:url(images/Bilder/FriesendoerferNavOver_01.jpg); }

a.Tinnum { display:block;
             		background-image:url(images/Bilder/FriesendoerferNav_05.jpg);
             		width:39px; height:17px; }
a.Tinnum:hover { background-image:url(images/Bilder/FriesendoerferNavOver_05.jpg); }

a.Video { display:block;
             		background-image:url(images/sylt-navNEU_14.jpg);
             		width:84px; height:25px; }
a.Video:hover { background-image:url(images/sylt-navNEUOver_14.jpg); }

a.News { display:block;
             		background-image:url(images/sylt-navNEU_13.jpg);
             		width:36px; height:25px; }
a.News:hover { background-image:url(images/sylt-navNEUOver_13.jpg); }

a.Newsletter { display:block;
             		background-image:url(images/Bilder/NEWS_01.jpg);
             		width:68px; height:17px; }
a.Newsletter:hover { background-image:url(images/Bilder/NEWSover_01.jpg); }

a.SyltNews { display:block;
             		background-image:url(images/Bilder/NEWS_02.jpg);
             		width:115px; height:17px; }
a.SyltNews:hover { background-image:url(images/Bilder/NEWSover_02.jpg); }



#nav {
float:left;
margin-left:-0px;
margin-top:-0px;
width:100%;
background-color:#ffffff}

ul#navigation-1
{ margin:0; padding:0px 0; list-style:none; width:100%; 
background-color:#ffffff;
}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left;}

ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:0px 0; display:block; text-align:center; text-decoration:none; color:#ffffff;  }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{padding:0px 0; display:block; align:center; text-decoration:none; color:#000000; }

ul#navigation-1 li ul.navigation-2
	{ float:left; margin:0; padding:0px 0px 0; list-style:none; display:none; position:absolute; top:80px; left:120px;}
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ position:relative; width:auto}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{padding:0px 0; margin-top:-0px; margin-bottom:0px; position:relative;}
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ padding:0px 0; margin-top:-0px; margin-bottom:0px; position:relative;}
	
	ul#navigation-1 li ul.navigation-3
	{ float:left; margin:0; padding:0px 0px 0; list-style:none; display:none; position:absolute; top:80px; left:480px;}
ul#navigation-1 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-3 li
	{ position:relative; width:auto}

ul#navigation-1 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-3 li a:visited
	{padding:0px 0; margin-top:-0px; margin-bottom:0px; position:relative;}
ul#navigation-1 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-3 li a:hover
	{ padding:0px 0; margin-top:-0px; margin-bottom:0px; position:relative;}