.header {
	height: 60px;
	background-color: #ffffff;
	background-image: url(../images/muster.jpg);
}

.hotline {
	height: 162px;
	background-color: #ffffff;
	background-image: url(../images/service.jpg);
}

.banner {
	height: 288px;
	background-color: #ffffff;
	background-image: url(../images/mittelmeer.jpg);
}
/* working my way up */

.content_box {
	padding: 4px;
}

#silver_menu {
	height: 10px;
	width: 800px;
}

#silver_toolbar {
	width: 100%;
}

.silver_box {
	width: 100%;
	background-image: url(../images/separat.jpg);
	height: 10px;
	background-repeat: no-repeat;
}

.middle_box {
	padding: 0px;
	background-image: url(../images/content_bgl.gif);
	background-repeat: repeat-y;
	width: 615px;
	
}

.right_box {
	background-image: url(../images/content_bg_m.gif);
	background-repeat: repeat-y;
}

.top_right_box {
	border-right: solid 1px #9DA6B3;
	background: #000000;
	padding: 0px;
}

.page_bg {
	margin: 0px;
	border: 0px;
	background-image: url(../images/html_bg.gif);
	background-repeat: repeat-x;
}

.big_frame {
	width: 800px;
	border: solid 1px #9DA6B3;
}


/* required stuff */

#content-pane .tab-page {
	background: #000000;
}

.small {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding-top: 10px;
	text-align: left;
}

.modifydate {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding-top: 10px;
	text-align: left;
}

.createdate {
	line-height: 15px;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	vertical-align: top;
	display: block;
}

.contentheading {
	background: url(../images/title_background.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #cccccc;
	text-align: left;
	text-indent: 15px;
	width: 100%;
	height: 24px;
	text-transform: uppercase;
}

.contentpagetitle {
/* Used to format a components heading or title */
font-size: 14px;
margin-bottom: 0.7em;
border-bottom: 2px solid #AEBF33;
font-weight: bold;
color: #AEBF33;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-size: 13px;
	font-weight: bold;
	color: #ff6600;
	text-align:left;
	text-decoration: none;
}

a.contentpagetitle:hover {
	color: #ffffff;
}

.pollstableborder {
	border: 1px solid;
	padding: 1px;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: left;
}

#active_menu {
	color:#ffffff;
	font-weight: bold;
}

a.sublevel:hover {
	color: #ffffff;
	text-decoration: none;
}

a.mainmenu:link, a.mainmenu:visited {
	color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	padding-left:10px;
	padding-right:10px;
}

a.mainmenu:hover {
	color: #D6DF8C; 
	text-decoration: none;
}



a:link, a:visited {
	color: #336699; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}

a.footerlink:link, a.footerlink:visited {
	color: #1885CA;
	text-decoration: none;
	font-weight: bold;
}

a.footerlink:hover {
	color: #9AB6C2;
	text-decoration: none;
	font-weight: bold;
}

a.pagenav, a.pagenav:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.pagenav:hover {
	color: #9AB6C2;
	text-decoration: none;
}
/*bottom link*/
}
a.documentlink:link{
	font-size: 10px;
	font-weight: normal;
	color: #1885CA;
	text-align:left;
	text-decoration: none;
}

a.documentlink:visited
{
	color: #1885CA;
}

a.documentlink:hover {
	color: #FB6749;

}

.frontpageheader {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}

.componentheading {

	background: url(../images/title_background.png) no-repeat;
	vertical-align: top;
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #cccccc;
	text-align: left;
	text-indent: 15px;
	width: 100%;
	height: 24px;
	text-transform: uppercase;
}

.sectiontableheader {
	background-color : #E7F1F8;
	background-repeat: repeat;
	padding: 2px 0 2px 2px;
	color : #336699;
	font-weight : bold;
}

.sectiontableentry1 {
	background-color : #E7F1F8;
	padding: 1px 0 1px 5px;
	font-size: 11px;
	color: 336699;
	font-weight: bold;
}

.sectiontableentry2 {
background-color : #F3F3F3;
padding: 1px 0 1px 5px;
}

BODY {
	margin: 0px 0px 0px 0px;
	background: #f7f7f2;
}

td,tr,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-left: 0px;
}

ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

li
{
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}



.button {
	background: url(../images/button_bg.gif) repeat-x;
	border: 1px solid #FFF17C;
	color: #FFFFFF;
	margin: 4px;
	font-weight: normal;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 0px;

}
.inputbox {
	font-size: 12px;
	color: #666666;
	background: #ffffff;
	border: 1px solid #f9fbce;
	padding: 1px 3px;
	margin: 0;

}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

H1 {
	DISPLAY: inline; 
	FONT-WEIGHT: normal;
	 FONT-SIZE: 12px;
}

H2 {
	DISPLAY: inline;
	 FONT-WEIGHT: normal;
	  FONT-SIZE: 12px;
}
H1.ub {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	FONT-STYLE: normal;
	color: #336699;
}
H2.ub {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	FONT-STYLE: normal;
	color: #336699;
}
H3.ub {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	FONT-STYLE: normal;
	color: #336699;
}
H3.hdrei {
	DISPLAY: inline; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	TEXT-DECORATION: none
}

.H4 {
	color: #336699;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
}
.H5 {
	color: #336699;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}
.H6 {
	color: #336699;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px 0 3px 2px;
}
/* Horizontal Line */
hr {
	background: #999999; height:1px; border: 1px solid;
}

hr.separator {
	background: #495C5F;
	height: 1px;
	width: 75px;
	border: 0px;
}



table.contenttoc {
	color: #333300;
	background-color: #e0e0e0;
}

table.contenttoc td {
	font-size: 8pt;
	font-weight: normal;
	text-align:left;
}

.contentdescription {
	color: #cccccc;
	text-align: left;
}



.poll {
	font-size: 10px;
	line-height: 14px
}

.back_button  {
background: #97C932;
padding: 1px 0 2px 7px;
width: 50px;
margin: 5px 0 5px 0;
color: #ffffff;
} 

strong {
	color: #666666;
}
/*templates images*/ 
.contet_l {
	background-image: url(../images/content_bg_l.gif);
	background-repeat: repeat-y;
	width: 190px;
}
.main-content {
	background-image: url(../images/content_bgl.gif);
	background-repeat: repeat-y;
}
.separator {
	background-image: url(../images/separat.gif);
	background-repeat: repeat-x;
	height: 5px;
	width: 800px;
}
.footer {
	background-image: url(../images/footer.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
}
.bottom_seperator_l {
	background-image: url(../images/seperatorimg_l.gif);
}

.bottom_seperator_r {
	background-image: url(../images/seperatorimg_r.gif);

}
/*- Menu Tabs 1--------------------------- */


    #tabs1 {
	float:left;
	width:800px;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #BCD2E6;
	background: #E7F1F8;
      }
    #tabs1 ul {
	margin:0;
	list-style:none;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
      }
    #tabs1 li {
	  display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
	float:left;
	background:url(../images/tableft1.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;

      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url(../images/tabright1.gif) no-repeat right top;
      padding:5px 10px 4px 5px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }
/*drop down menü*/
.such_g {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	MARGIN-BOTTOM: 1px;
	WIDTH: 220px;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;
}
.such_k {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px; 
	MARGIN-BOTTOM: 1px;
	WIDTH: 80px;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;
}
.such_m {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	MARGIN-BOTTOM: 1px;
	WIDTH: 130px;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;
}
.RightTitel {
	background-color: #336699;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 3px;
}
.angebote_rechts {
	text-decoration: underline;
	height: 300px;
}
#content {
	DISPLAY: block;
	FONT-SIZE: 11px;
	Z-INDEX: 2;
	FLOAT: left;
	WIDTH: 606px;
	FONT-STYLE: normal;
	POSITION: absolute;
	TOP: 180px;
	BACKGROUND-COLOR: #ffffff;
	height: 539px;
}
#content DIV.headline {
	FONT-WEIGHT: bold; FONT-SIZE: 14px
}
.texttitel {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	FONT-STYLE: normal;
	color: #97C932;
}
.texttitel- {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	FONT-STYLE: normal;
	color: #97C932;
}
.mittelmeer_banner {
	background-image: url(../images/mittelmeer.jpg);
	height: 290px;
}
.tableunterstrich {
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF17C;
}
.buchungslink
{
  color: #FF0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}
.suchm {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px; 
	MARGIN-BOTTOM: 1px;
	WIDTH: 120px;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;	
}
.datumsfeld {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	MARGIN-BOTTOM: 1px;
	WIDTH: 145px;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;
}
.test {
	background-color : #e5e5e5;
	background-repeat: repeat;
	padding: 2px 0 2px 2px;
	color : #336699;
	font-weight : bold;
}
.test1 {
	background-color : #f3f3f3;
	background-repeat: repeat;
	padding: 2px 0 2px 2px;
	color : #336699;
	font-weight : bold;
}
.tablebody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	background-color: f3f3f3;
	padding-left: 5px;
	padding-top: 5px;

}

.bild {
background-color : #F3F3F3;
}
.preis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	background-color: #E7F1F8;
}
.dbtage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.dbhotel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

