* {margin:0;padding:0;font-family:Comic Sans MS}

body {
   background-color:#0080FF;
   text-align:center;
   color: #FFD700;
   font-size:16px;
}

html>body { margin-left:50%; }

#content {
   width:760px;
   margin:0 auto;
   text-align:center;
   border:0px solid #000;
   padding-bottom:3em;
   cursor:default;
}
a{color:#FFD700;cursor:pointer;}
#content #circles map area{cursor:pointer;}

html>body #content { margin-left:-380px; }

h1,h2,h3{font-weight:normal;cursor:default;}

h1 {font-size:1.5em;padding-bottom:0em;padding-top:1.5em;}
h2 {font-size:1.1em;padding-bottom:1em;}

img {
   border:0;
}

#circles {
   text-align:center;
   padding-bottom:1em;
   padding-top:1em;
   border:0px solid #000;
   background-image:url(http://www.ressourcen.nordseetraum.de/images/nordseetraum-logo.gif);
   background-position:center center;
   background-repeat:no-repeat;
}

#innerCircle {
   text-align:center;
   border:0px solid #000;
   background-image:url(http://www.ressourcen.nordseetraum.de/images/0.gif);
   background-position:center center;
   background-repeat:no-repeat;
}

/*
#logo {
   position:relative;
   width:470px;
   height:158px;
   background-image:url(http://www.nordseetraum.de/images/Logo_470b.gif);
   margin-top:71px;
   margin-left:145px;
   padding-top:40px;
   padding-bottom:-40px;
   overflow:hidden;
}

.bigCircle {
   text-align:center;
   position:relative;
   width:142px;
   height:61px;
   width:142px;
   height:53px;
   color:#004283;
   background-image:url(buttons/button_g_142.gif);
   background-repeat:no-repeat;
   border: 0px solid #000;
   padding-top:8px;
   z-index:1;
}

.smallCircle {
   text-align:center;
   position:relative;
   width:118px;
   height:31px;
   padding-top:20px;
   color:#004283;
   font-size:.8em;
   background-image:url(buttons/button_g.gif);
   background-repeat:no-repeat;
   border: 0px solid #000;
}
#circleGuestbook{
   margin-top:48px;
   margin-left:17px;
}

#circleTeeshop{
   margin-top:31px;
   margin-left:56px;
}
#circleRV{
   margin-left:150px;
   margin-top:-24px;
   padding-top:8px;
   height:43px;
}
#circleLodgings{
   margin-top:-269px;
   margin-left:309px;
}
#circleNST{
   margin-left:492px;
   margin-top:-51px;
   padding-top:8px;
   height:43px;
}
#circleImpressum{
   margin-left:586px;
   margin-top:-51px;
}
#circleContact{
   margin-top:-51px;
   margin-left:625px;
}
#circleLinks{
   position:relative;
   margin-left:18px;
   margin-top:-268px;
   z-index:2;
}
#circleLinks img{
   border: 0px solid #000;
}
*/

#bannerDummy{
   width:724px;
   height:70px;
   z-index:2;
   position:relative;
   border:0px solid #004283;
   margin-left: 18px;
   margin-left: 18px !important;
   margin-left: 0px;
   margin-top: -70px;
   margin-bottom: 3em;
   z-index:2;
}

#banner{
   text-align:center;
   width:708px !important;
   width:724px;
   height:54px !important;
   height:70px;
   border:4px solid #004283;
   margin-top:0px;
   margin-left: 18px !important;
   margin-left: 0px;
   background-color:#99CCFF;
   padding:4px;
   overflow:hidden;
   z-index:1;
}

#banner table{background-color:#FFFFFF;margin:0;}
#banner table tr td{background-color:#F9D885;text-align:center;}
#banner img{padding:0;margin:0;}


#bannerQuicklink{
   width:75px;
   color:#004283;
   font-size:1.1em;
}

#bannerText{
   color:#004283;
   width:600px;
}

#bannerSpan1 {
   vertical-align:middle;
   line-height:.9em;
   color:#F9D885;
}
html>body #bannerSpan1 { line-height:1.1em; }

#bannerSpan2 {
   vertical-align:middle;
   line-height:1.9em;
   font-size:.8em;
}
html>body #bannerSpan2 { line-height:1.9em; }

#bannerFoto img {display:block;}
#bannerFoto{
   width:75px;
   overflow:hidden;
}

#bannerHint {
   position:relative;
   top:0;
   left:0;
   width:260px;
   height:151px;
   text-align:left;
   background-color:#99CCFF;
   border:2px solid #004283;
   color:#004283;
   font-size:.8em;
}

#bannerHint b {
   color:#F9D885;
   background-color:#004283;
   display:block;
   padding:1px;
}
#bannerHint div {
   padding:2px;
}

#quicksearch{
   position:relative;
   z-index:1;
   left: 620px !important;
   left: 300px;
   top: -510px;
   border: 0px;
   margin-bottom: -140px;
   /*
   display:inline;
   position:relative;
   z-index:5;
   margin-left: 150px;
   margin-top: -150px;
   border: 0px;
   */
}

#subTitle {
   margin-top:3em;
   font-size:1.5em;
   cursor:default;
}

#copyright {
   margin-top:16em;
   font-size:.6em;
}