body{
	font-size:11px;
         font-family:arial,Helvetica,trebuchet ms;
         padding: 0px;
         margin: 0px;
         width: 100%;
         height: 100%;
         background: url(http://www.bad-harzburg.de/fileadmin/templates/img/mainbg.gif) top left repeat-y;
}

#all{
   	width:1000px;
         /*position:absolute;border:1px solid red;
         margin:auto;*/


}

.clearing{
        clear:both;

}

.spacertop{
        height:40px;
        width:500px;
}


/* positions start */

#left{
       left: 0px;
       float:left;
}


#leftcontent_sum,
#leftcontent_win  {
        clear:both;
        background: url(http://www.bad-harzburg.de/uploads/media/teaser_unterkuenfte_n_01.jpg) no-repeat;

}

#leftcontent_win  {
        background: url(layout/teaser_winter.jpg) no-repeat;
}

#headerfake{
       width:800px;
       height:175px;

}

#navicontainer {
         clear:both;
         float:left;
}
#content {
	width: 580px;
         float:left;
}
#right {
	margin-top: 12px;
	width: 190px;
         float:left;
}
#loginlink {
	position: absolute;
	left: 430px;
}
#infobox, #infoboxbody, #infoboxfooter {
	width: 167px;
}
#infobox p {
	margin: 0px;
}
#infoboxpadder {
	padding: 10px;
}
#infoboxbody {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/boxborder.gif) top left repeat-y;
}
#infoboxfooter {
	height: 30px;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/boxfooter.gif) top left no-repeat;
}
/* positions end */

/* navigation start */

#navicontainer {
	/*font-size: 0.85em;*/
	font-size: 11px;
}
#navicontainer ul {
	padding: 0px;
	margin: 0px;
}
#navicontainer ul li {
	list-style-type: none;
	display: block;
	background-color: #A2C452;
}
#servicenavi ul li {
	background-color: #9AC4E6;
}
#loginbox ul li {
	background-color: #F1C101;
}

/* 1. ebene */

#navicontainer ul li a {
	width: 157px;
	display: block;
	padding-left: 10px;
	line-height: 25px;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg.gif) top left repeat-y;
	color: #3F3F3F;
	text-decoration: none;
}
#navicontainer ul li a.active {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg-clicked.gif) top left repeat-y;
}
#servicenavi ul li a {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/servicebuttonbg.gif) top left repeat-y;
}
#servicenavi ul li a.active {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/servicebuttonbg-c.gif) top left repeat-y;
}
#loginbox ul li a {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/loginbuttonbg.gif) top left repeat-y;
}
#loginbox ul li a.active {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/loginbuttonbg-c.gif) top left repeat-y;
}
#navi ul li a:hover {
	color: #000000;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg_active.gif) top left repeat-y;
}
#navi ul li a.active:hover {
	color: #000000;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg_active-clicked.gif) top left repeat-y;
}
#servicenavi ul li a:hover {
	color: #56717A;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/servicebuttonbg_active.gif) top left repeat-y;
}
#servicenavi ul li a.active:hover {
	color: #56717A;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/servicebuttonbg_active-c.gif) top left repeat-y;
}
#loginbox ul li a:hover {
	color: #A48300;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/loginbuttonbg_active.gif) top left repeat-y;
}
#loginbox ul li a.active:hover {
	color: #A48300;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/loginbuttonbg_active-c.gif) top left repeat-y;
}
#navi ul li.first a {
	line-height: 27px;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonfirstbg.gif) top left repeat-y;
}
#navi ul li.first a.active {
	line-height: 27px;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonfirstbg-clicked.gif) top left repeat-y;
}
#navi ul li.first a:hover {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonfirstbg_active.gif) top left repeat-y;
	color: #000000;
}
#navi ul li.first a.active:hover {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonfirstbg_active-c.gif) top left repeat-y;
	color: #000000;
}
#navicontainer h1 {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	line-height: 27px;
	color: #FFFFFF;
	display: block;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/servicenavi_header.gif) top left repeat-y;
	/*font-size: 1em;*/
	font-size: 12px;
}
#loginbox h1 {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/loginbox_header.gif) top left repeat-y;
}

/* 2. ebene */

#navi ul li li a {
	/*color: #56717A;*/
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg_active.gif) top left repeat-y;
}
#navicontainer ul li li a.active {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg_active-clicked.gif) top left repeat-y;
}
#navi ul li li.first a {
	line-height: 25px;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg_active.gif) top left repeat-y;
}
#navi ul li li a:hover, #navi ul li li.first a:hover {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg.gif) top left repeat-y;
}
#navi ul li li a.active:hover, #navi ul li li.first a.active:hover {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/buttonbg-clicked.gif) top left repeat-y;
}

/* 3. ebene */
#navi ul li li li a {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/button3level.gif) top left no-repeat;
}
#navi ul li li li a.active {
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/button3level_active.gif) top left no-repeat;
}

/* navigation end */

/* text-formatting start */

body {
	font-family: arial;
	font-size: 0.8em;
}
#content h1 {
	font-size: 1.5em;
	font-style: italic;
	color: #3C86C3;
}
#content h2 {
	font-size: 1.2em;
	color: #56717A;
}
#content h3 {
	font-size: 1.2em;
}
#content p {
	line-height: 20px;
}
a {
	color: #3C86C3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#right {
	color: #3C86C3;
}
#right h2 {
	font-size: 1.2em;
	margin: 0px 0px 5px 0px;
}
#right p {
	margin: 0px;
}
#infobox h2 {
	font-size: 1em;
	margin-top: 0px;
}
/* text-formatting end */

/* right boxes start */
#right div.box{
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/rightboxbg.gif) top left no-repeat;
	border-bottom: 1px solid #C5DCEE;
	border-left: 1px solid #C5DCEE;
	border-right: 1px solid #C5DCEE;
	padding: 10px;
}
#right div.boxheader  {
	margin: 12px 0px 0px 0px;
	height: 18px;
	background: url(http://www.bad-harzburg.de/fileadmin/templates/img/boxheader.gif) top left no-repeat;
}
/* right boxes end */

#header dl.csc-textpic-image.csc-textpic-firstcol.csc-textpic-lastcol {
	position: absolute;
	top: 0px;
	left: 0px;
}
#lang {
	width: 750px;
	text-align: right;
	padding-top: 2px;
}
#lang p {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}

/* input-elements */
fieldset {
	padding: 10px;
	border: 1px solid #3C86C3;
}
legend {
	font-size: 9px;
}
input.form, select.form, textarea.form {
	border: 1px solid #B8D4EA;
	color: #3C86C3;
	padding: 2px;
}
input.formbutton {
	border: 1px solid #B8D4EA;
	color: black;
	background-color: #FFFFFF;
}
input.required, select.required, textarea.required {
	border: 1px solid red;
}
span.required {
	color: red;
}

/* plugins */

.listing-odd, .listing-even, .listing-disabled {
	padding: 0px;
	vertical-align: middle;
	padding: 2px;
	background-color: none;
	border-bottom: 1px solid #56717A;
}
.listing-even {
	background-color: #B8D4EA;
}
.listing-disabled {
	background-color: #BFBFBF;
}
.listing-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #56717A;
}
.listing-table th {
	text-align: left;
	font-weight: normal;
	background-color: #56717A;
	padding: 2px;
	color: #FFFFFF;
}
.tx-asevents-pi1 form {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.fieldlabel {
	width: 70px;
	float: left;
}
.accommodation-field-label {
	width: 55px;
	text-align: left;
	float: left;
}
.accommodation-listing-text {
	float: left;
	width: 370px;
}
.accommodation-listing-bild {
	padding-top: 20px;
	float: left;
	width: 200px;
	text-align: center;
}
.accommodation-listing-bild img {
	border: 1px solid #A0DC0D;
}
.fieldlabel {
	width: 130px;
	clear: both;
	float: left;
	text-align: right;
	padding-right: 5px;
}
div.padder {
	padding-top: 10px;
}

/* tabellen layouts */

.contenttable-1 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #56717A;
}
tr.tr-even {
	border-bottom: 1px solid #56717A;
	background-color: #B8D4EA;
}
tr.tr-odd {
	background-color: #FFFFFF;
}
tr.tr-even td, tr.tr-odd td {
	padding: 3px;
	border-bottom: 1px solid #56717A;
}

/*******************************/

.contenttable-2 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #5E6F30;
}
tr.tr-even {
	border-bottom: 1px solid #5E6F30;
}
tr.tr-even td, tr.tr-odd td {
	padding: 3px;
	border-bottom: 1px solid #5E6F30;
}


/**
 * powermail
 *
 */
.tx_powermail_pi1_fieldwrap_html_textarea, .tx_powermail_pi1_fieldwrap_html_text, .tx_powermail_pi1_fieldwrap_html_radio, .powermail_submit, .tx_powermail_pi1_fieldwrap_html_check, .tx_powermail_pi1_fieldwrap_html_select {
 	margin: 10px 0;
 }

.tx_powermail_pi1_fieldwrap_html_textarea label {
	float: left;
	width: 200px;
}

.tx_powermail_pi1_fieldwrap_html_text label {
	float: left;
	width: 200px;
}

.tx_powermail_pi1_fieldwrap_html_radio_title {
	float: left;
	min-height: 20px;
	width: 200px;
}

.tx_powermail_pi1_fieldwrap_html_radio_content {
	float: left;
}

.tx_powermail_pi1_fieldwrap_html_captcha {
	float: left;
}

.tx_powermail_pi1_fieldwrap_html_captcha_label {
	float: left;
	width: 200px;
}

.powermail_submit {
	margin: 0 0 0 200px;
}

.tx_powermail_pi1_fieldwrap_html_captcha_item {
	float: left;
}

table.powermail_all_table {
	width: 580px;
}

.powermail_all_td_0 {
	font-weight: normal;
	width: 200px;
}
.powermail_all_td_1 {
	font-weight: normal;
	width: 380px;
}

.tx_powermail_pi1_formconfirmation_submit {
	margin: 10px 0 0 0;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	display: none;
}
.tx_powermail_pi1_fieldwrap_html_check {
	margin-left: 200px;
}
.tx_powermail_pi1_fieldwrap_html_select_label {
	float: left;
	width: 200px;
}