
/*

Thema Name: Sylturlaub Syltreisen Nordsee Kurzreisen

Description: Sylt urlaubsreisen.
Version: 1.0
Author: Gerhard Jacobs
Author URI: http://www.sylt-urlaubsreisen.de/
*/
/* ---- Allgemein Schriften-------------------------------- */
*{  	margin:0; padding:0;}
body{
	margin:0;
	padding:0;
	font-size:65%; /* 62,5% resets 1em to 10px */
	font-family:Verdana, Tohama, Arial, Sans-Serif;
	background:#D9E7F0;
	border:green;
	color:#AADCDA;
	text-align:left;           }

small, .infos {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	line-height:1.5em;
	text-align:left;}
h1	{
	font-family: Verdana,Arial, Sans-Serif;
	font-weight:normal;
         font-size:1.5em;
	margin:5px 5px 3px 0px;
         color:#5372FE;
         font-weight:bold;
	text-align:left;  }


h2, h3 {
	font-family: Verdana, Arial, Sans-Serif;
	font-weight:normal;
	margin:0px 0px 5px 0px;
         color:black;
	text-align:left;           }
h2	{ 	font-size:1.0em;  color:#5372FE;}

p, .sbb {color: black; }
h3{  	font-size:1.2em;  color:#595959;}
img {   border:         0;  }

a {  color:          #009790;    text-decoration:none;  }
p {   margin:         0.5em 0;   padding:        0.5em 0; }

ul {
  list-style-type:square;
  padding:        .5em .5em 1.9em 2em;
  line-height: 1.5;
  font-size: 1.1em;
  font-weight:normal  }

ol {
  padding:        .5em .5em .5em 2em;
  font-size: 1.1em;
  font-weight:normal}


ol, #content {
  list-style-type:square;
  padding:        .5em .5em .5em 2em;
  font-size: 1.8em;
  color:black;  }


 /* ----   ul li {    font-size: 0.95em; schlecht!     }   -------------------------------- */

hr {
  height:         1px;
  margin:         0.1em 0 0.1em 0;
  color:          #acacac;
  background:     #acacac;
  border:         0;   }

dd       {    margin:         0 0 1em 0;  }
table 	{   margin:         1em 0;   }
td 	{    vertical-align: top;  }

 /* ----Linke Rechte Boxen -------------------------------- */
#leftbar {
  position:         absolute;
  top:              105px;
  left:             0; }
#rightbar {
  float:            right;
  margin:       0px 0px 0px 1px;  }
.sidebar {  width: 140px;}
.sidebar .sbb {
  margin:           0 0 6px 0;
  padding:          10px;
  font-size:        11px;
  background:       #f2f2f2;  }

.sidebar2 	{  width: 220px;}
.sidebar2 .sbb {
  margin:           0 0 6px 0;
  padding:          10px;
  font-size:        11px;
  background:       #EAF4FD;  }

/* Contend Block -===========================================================*/

#cblock {
  min-height:       980px;
  margin:           1px 0 0 147px;
  background:	   white; }

/* Content  ======== 177 von links ============================================*/

#content {
  float:            left;
  width:            580px;
  padding:          0px 5px 10px 5px;
  font-size: 	   1.15em;
  background-color: white;
  font-family:Verdana, Tohama, Arial, Sans-Serif;    }

#container {
  position:      relative;
  left:          50%;
  width:         980px;
  margin:        8px 0 18px -490px;
  background:	white; }

#box {
  position:         relative;
  left:             50%;
  width:            962px;
  margin:           0 0 0 -481px;
  padding:          1px 0; }

.multibox1 {
	text-align:left;
	padding:5px;
	width:250px;
         height: 80px;
	background-color:white;
	border:5px;
	position:relative;
	float:left;
         margin-left:10px;
          margin-bottom: 15px;
         background:#F0FBFC; }

.multiboxm {
 	width:10px;
	background-color:white;
	height:54px;
	position:relative;
	float:left;
         font-size: 2.5em;
         margin-top:15px; }
.multibox2  {
	text-align:left;
	padding:5px;
	width:250px;
         height: 80px;
	background-color:white;
	border:5px;
	position:relative;
	float:left;
         margin-left:15px;
         margin-bottom: 15px;
         clear: right;
         background:#F0FBFC;
                  }
.multiboxg  {
	text-align:left;
	padding:0px;
	width:575px;
	border:0px;
	position:relative;
	float:left;
         margin-left:0px;
         clear: right;
         background:#EAF4FD;
         margin-bottom: 15px;                  }

 .multiboxgm {
	text-align:left;
	padding:5px;
	width:520px;
         height: 80px;
	background-color:white;
	border:5px;
	position:relative;
	float:left;
         margin-left:10px;
         margin-bottom: 15px;
         background:#F0FBFC; }





#box.home #leftbar {    margin-top:     10px; }
#box.home #cblock {    margin-top:     115px; }


 /* Header ================Texte farbig zwischendurdch===================================*/
.farbig {color:#009790;}

.farbig1 {color:#009790;}

/* Header ================922===483==  00ccdd =================================*/
#header {
  	position:         absolute;
  	top:              10px;
  	left:             0px;
  	width:            962px;
  	height:           90px;
 	 font-size:        25px;
  	text-decoration:  none;
 	 background:    transparent;
          background:       url(http://www.sylt-urlaubsreisen.de/sylt-kliffkieker-lang-6.jpg) no-repeat;
 	 z-index:          40;     }

#logo {
      display:          block;
      height:           100px;
      width:            922px;
      color:            #FFF;
      text-decoration:  none;
      background:       url(http://www.malediven-reiseangebote.de/Logo-Sylt.JPG) no-repeat;
      z-index:          100;  }
/* Footer =======================================================*/
#footer {
  clear:              both;
  margin:             0px 0 0 0;
  padding:            1px 0;
  text-align:         left;
  font-weight:        normal;
  font-size:          8px;
  border-top:         1px solid #acacac;   }

#footer ul {
  height:             8px;
  line-height:        11px;
  margin:             0;
  padding:            0;
  list-style-type:    none; }
#footer ul li {
  float:              left;
  height:             11px;
  margin:             10px 6px 0 5px;
  padding:            0 0 0 6px;
  border-left:        1px solid #999;  }

#footer ul li.first {
  padding-left:       0;
  border:             none; }

#footer .navi {
  padding:            0;
  font-weight:        normal;  }


.farbig {color:#00ccdd; }
.farbig-2 {color:#99eeff  ;}
.farbig-3 {color: #11eeff    ;}
.farbig-6 {color:red  ;font-size:        65px;}
.farbig-5 {color:blue  ; font-size:        65px;}
.farbig-7 {color:#eeff00  ; font-size:        65px;}
.farbig-8 {color:#00ff66   ; font-size:        65px;}
.farbig-9 {color: #ee11aa    ; font-size:        35px;}
.farbig-10 {color: #00ff66   ; font-size:        35px;}
.farbig-11 {color: white   ; font-size:        35px;}

 /* Navigation 	(bei viseted 111 color: d48d77;) ===========*/
a 	{ color:       #8F9BEE;}
a:link	{ text-decoration:none; 	border:none;}
a:visited{ text-decoration:none;}
a:hover	{ border-bottom:1px solid blue; color:#C86C51;}
a:active	{ text-decoration:none; color:blue; }
#sylt #menuesylt a {color: #00ff66 ;}
#sylt #menuesylt a {  background-color: white ;    }

.teasergrafik {float:left;
	margin:0 20px 4px 0;
	padding: 0 0 0 6px; }