body {
	top: 0px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font: 80% Arial, Helvetica, sans-serif;
	background-image: url(../images/hg_1.gif);
	background-repeat: repeat-x;
	background-position: top;
}

img {
  border: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000860;
	margin: 1em 0 1em 0;
}

h1 { font-size: 150% }                        /* 24px */
h2 { font-size: 150%; color: #000860; }        /* 22px */
h3 { font-size: 150%; color: #000860; }        /* 18px */
h4 { font-size: 133.33%; color: #000860;}      /* 16px */
h5 { font-size: 116.67%; color: #000860;}      /* 14px */
h6 { font-size: 110%; color: #000860; }        /* ?px */

a { color: #000860; text-decoration: underline; }
a:focus,
a:hover,
a:active { text-decoration: none; }

.fixclr {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #fff;
	background-image: url(../images/hg_1.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.fixclr #container {
	width: 1024px;
	height: 100%;
	text-align: left;
	background-image: url(../images/hg_2.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 250px;
	top: 0px;
}

#topsection_de {
	height: 132px;
	width: 1016px;
	background-color: #EAEAEA;
	background-image: url(../images/sunpark-holidays.gif);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F6D132;
	border-right-color: #F6D132;
	border-left-color: #F6D132;
	position: absolute;
}
#topsection_nl {
	height: 132px;
	width: 1016px;
	background-color: #EAEAEA;
	background-image: url(../images/sunpark-holidays_nl.gif);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F6D132;
	border-right-color: #F6D132;
	border-left-color: #F6D132;
	position: absolute;
}
#topsection_dk {
	height: 132px;
	width: 1016px;
	background-color: #EAEAEA;
	background-image: url(../images/sunpark-holidays_dk.gif);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F6D132;
	border-right-color: #F6D132;
	border-left-color: #F6D132;
	position: absolute;
}

#lage {
	top: 0;
	right: 0;
	position: absolute;
}

#sitecontainer {
	background-image: url(../images/hg_2.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	position: absolute;
	width: 1016px;
	height: 100%;
	top: 132px;
	padding-bottom: 320px;
	border-top-width: 0px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F6D132;
	border-right-color: #F6D132;
	border-left-color: #F6D132;
}

#menucontainer {
	position: absolute;
	width: 359px;
	height: 594px;
	z-index: 150;
}

#imagecontainer {
	position: absolute;
	background-image: url(../images/welcome.png);
	background-position: center;
	background-repeat: no-repeat;
	right: 61px;
	width: 738px;
	height: 320px;
	z-index: 3;
	border: 0px solid #000;
}

.fixclr #mainContent {
	background-image: url(../images/hg_3.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-right-width: 4px;
	border-bottom-width: 0px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F6D132;
	border-bottom-color: #F6D132;
	border-left-color: #F6D132;
	position: absolute;
	padding-left: 378px;
	padding-right: 0px;
	top: 190px;
	width: 638px;
	z-index: 100;
	right: -4px;
}

#txtcontainer {
	right: 0px;
	width: 590px;
	padding-left: 20px;
	padding-right: 25px;
	z-index: 15;
}

#bbutton {
	height: 132px;
	text-align: right;
	padding-bottom: 10px;
}

#footer {
	height: 132px;
	text-align: right;
	padding-bottom: 10px;
	background-image: url(../images/hg_1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* Menu*/
#headermenu ul {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	float: left;
	background-color: #F9F8F0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FDEF52;
	border-right-color: #FDEF52;
	border-bottom-color: #FDEF52;
	border-left-color: #FDEF52;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000860;
	right: 0px;
	position: absolute;
	z-index: 151;
}

* html #headermenu ul {
}

#headermenu ul li {
	display: inline;
}

#headermenu ul li a {
	float: left;
	color: #000860;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-left-style: none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFF5A;
}

#headermenu ul li a:visited {
	color: #000860;
}

#headermenu ul li a.current,
#headermenu ul li a:hover {
	color: #000860;
	background-color: #ffe84f;
}

/* Submenu*/
#headermenu ul.submenu {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	float: left;
	background-color: #F9F8F0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FDEF52;
	border-right-color: #FDEF52;
	border-bottom-color: #FDEF52;
	border-left-color: #FDEF52;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000860;
	top: 30px;
	right: 0px;
	position: absolute;
	z-index: 151;
}

* html #headermenu ul.submenu {
}

#headermenu ul.submenu li {
	display: inline;
}

#headermenu ul.submenu li a {
	float: left;
	color: #000860;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-left-style: none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFF5A;
}

#headermenu ul.submenu li a:visited {
	color: #000860;
}

#headermenu ul.submenu li a.current_level1,
#headermenu ul.submenu li a:hover {
	color: #000860;
	background-color: #ffe84f;
}

#langmenu ul {
	margin: 0;
	padding: 0;
	float: left;
	right: 10px;
	top: 95px;
	position: absolute;
}

* html #langmenu ul {
}

#langmenu ul li {
	display: inline;
}

#langmenu ul li a {
	float: left;
	color: #000860;
	text-decoration: none;
	margin: 0 1px 0 0;
	padding: 4px 4px 4px 4px;
}

#langmenu ul li a:visited {
	color: #000860;
}

/*#langmenu ul li a#currentlang,*/
#langmenu ul li a:hover {
	color: #000860;
	background-color: #ffe84f;
}

/**
 * (de) Gestaltung Sitemap
 */
#site ul {
  margin: 0 0 1em 0;
  padding: 6px;
  background: transparent;
  color: #444;
  border: 0px solid #ebe8db;
}
#site ul ul {
  border: none;
}
#site li {
  list-style-type: none;
  margin: 2px 0;
  font-weight: bold;
}
#site li a {
  padding-left: 0px;
}

#site li li {
  font-weight: normal;
}
#site li li a {
  padding-left: 25px;
}

#site li li li {
}
#site li li li a {
  padding-left: 50px;
}

#site li li li li {
}
#site li li li li a {
  padding-left: 75px;
}

#site li li li li li {
}
#site li li li li li a {
  padding-left: 100px;
}

/**
 * (de) Gestaltung Bild und Text
 */
.section {
	margin: 25px 0 0 0;
}
.teaser {
  float: left;
  width: 100%;
	margin: 25px 0 0 0;
}
.teaser h4 { margin-top: 0; }

p.teaser_datum {
	color: #000860;
	margin: 0 0 4px 0;
	padding: 0;
}
img.imgborderleft,
.teaser img.imgborderleft {
	padding: 4px;
	border: 1px solid #000860;
	margin: 0 20px 15px 0;
}
img.imgborderleft:hover,
.teaser img.imgborderleft:hover {
	border: 1px solid #000;
}
img.imgbordercenter,
.teaser img.imgbordercenter {
	padding: 4px;
	border: 1px solid #000860;
	margin: 0 20px 15px 0;
}
img.imgbordercenter:hover,
.teaser img.imgbordercenter:hover {
	border: 1px solid #000;
}
img.imgborderright,
.teaser img.imgborderright {
	padding: 4px;
	border: 1px solid #000860;
	margin: 0 0 15px 20px;
}
img.imgborderright:hover,
.teaser img.imgborderright:hover {
	border: 1px solid #000;
}
.flLeft {
	float: left;
}
.flRight {
	float: right;
}
.clear { clear:both; }
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}

/**
 * (de) Gestaltung Formulare im Inhalt
 */
#txtcontainer div.formgen {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#txtcontainer fieldset {
  clear: both;
  width: 90%;
  color: #000;
  background: transparent;
  border: 0px solid #7f9db9;
  margin: 15px 0 0 0;
  padding: 0;
}
#txtcontainer fieldset legend {
	color: #000;
  font-weight: bold;
  margin: 0;
  padding: 10px 0; 
}
* html #txtcontainer fieldset legend,
*+html #txtcontainer fieldset legend {
  margin-left: -6px;
}
#txtcontainer form div {
	display: inline;
  margin: 4px 0;
  padding: 0;
}
#txtcontainer fieldset p.pformradio,
#txtcontainer fieldset p {
  clear: both;
  margin: 4px 0;
  padding: 0;
}
#txtcontainer fieldset p img,
#txtcontainer fieldset div img {
	float: left;
  margin: 0;
  padding: 0;
}
#txtcontainer .note {
  clear: left;
	width: 100%;
  background: transparent; /*#ffe84f;*/
  margin: 10px 0;
  padding: 0;
	color: #000; /*#000860;*/
  font-weight: bold;
  border-top: 0px #7f9db9 dotted;
  border-bottom: 0px #7f9db9 dotted;
}
#txtcontainer .errorbox {
	border-bottom: 1px solid #7f9db9;
	padding: 15px;
	color: #f00;
	background: #ffe84f;
}
#txtcontainer label {
	float: left;
	width: 30%;
	padding: 4px 0 0 0;
	color: #000;
	background: transparent;
  cursor: hand;
}
#txtcontainer p.pformradio  label {
  float: none;
	width: auto;
	color: #000;
  margin: 0 0 0 10px;
	background: transparent;
  cursor: hand;
}
#txtcontainer p.pformradio  label.error,
#txtcontainer label.error {
  color: #f00;
}
#txtcontainer label:hover {
	cursor: pointer;
	color: #000;
	/*background: #f2f1e9;*/
}
#txtcontainer input, #txtcontainer textarea, #txtcontainer select {
	margin: 0;
	padding: 2px;
	width: auto;
	border: 1px outset #7f9db9;
	background-color: #fff;
	color: #000;
}
#txtcontainer textarea:hover,
#txtcontainer textarea:focus,
#txtcontainer input:hover,
#txtcontainer input:focus {
	border: 1px solid #7c7c7c;
	background-color: #f7f7f7;
	color: #000;
	cursor: pointer;
}
#txtcontainer input.captcha_result {
  float: left;
  margin: 8px 0 1px 10px;
	width: 3em;
	border: 1px outset #7f9db9;
	background-color: #f7f7f7;
	color: #000;
}
#txtcontainer input.captcha_result:hover,
#txtcontainer input.captcha_result:focus {
	border: 1px solid #7c7c7c;
	cursor: pointer;
}
#txtcontainer input[type=radio], #txtcontainer input[type=checkbox] {
  float: none;
	width: auto;
  background-color: transparent;
	margin: 0;
  padding: 2px 0;
	color: #000;
	border: none;
}
#txtcontainer input.error, #txtcontainer textarea.error {
	border: 1px solid #f00;
}
#txtcontainer input.error_result {
  margin: 8px 0 1px 10px;
	border: 1px solid #f00;
}
#txtcontainer input.submit {
	background-color:#fff;
	width: 85px;
	clear: left;
	color: #707070;
	font-weight: bold;
	border: 1px outset #7f9db9;
	padding: 2px 4px;
	margin: 15px 0 5px 0;
	cursor: pointer;
}
#txtcontainer input.submit:hover {
	color: #000;
	background-color:#fff;
	border: 1px solid #606060;
}

/**
 * (de) Klasse für Bearbeitungsfunktionen im Frontend
 */
.do_rexsurf{
  width: auto;
  position: absolute;
  text-align: left;
  float: none;
  z-index: 5000;
  left: 10px;
  top: 10px;
  border: 1px solid #333;
  margin: 0 0 0 0;
  padding: 4px;
  background-repeat: repeat-x;
  color: #333;
  background-color: #edf2f8;
  filter: alpha(opacity=80);
  opacity: 0.8;
}