/* Reset by Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

object {
	padding: 0;
	margin: 0;
	outline: 0;
}


html, body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	background: #fff;
	color: #333;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hidden {
	display: none;
}

.cont_wrap {
	
}

.clear {
	clear: both;
}

.container_wrap {
	padding: 0 0 20px 0;
}

#container {
	width: 920px;
	margin: 20px auto;
}

/* HEADER BEREICH */
#header {
	width: 850px;
	height: 188px;
	padding: 0px 20px 0px 50px;
	background: transparent url('../gfx/header_background.png') top left no-repeat;
	color: #fff;
	overflow: hidden;
}

#header a, 
#header a:link, 
#header a:visited {
	color: #BDB3AB;
	background: transparent;
	text-decoration: none;
	padding: 0 2px;
}

#header a.active, 
#header a.active:link, 
#header a.active:visited,
#header a:hover, 
#header a:active, 
#header a:focus {
	color: #fff;
}

#lang_switch {
	height: 25px;
	text-align: right;
	line-height: 25px;
}

#logo {
	height: 93px;
}

/* NAVIGATION */
#navigation {
	width: 850px;
}

#navigation ul {
	list-style: none;
	margin: -23px 0 0 -20px;
}

#navigation ul li {
	float: left;
}

#navigation ul.subnavi {
	padding: 0 0 0 50%;
	margin: 0 0 0 -30%;
}

#navigation ul.subnavi li {
	float: left;
}

#navigation a, 
#navigation a:link, 
#navigation a:visited {
	color: #fff;
	background: transparent;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	padding: 18px 20px 17px 20px;
	display: block;
}

#navigation a.active, 
#navigation a.active:link, 
#navigation a.active:visited,
#navigation a:hover, 
#navigation a:active, 
#navigation a:focus {
	background: transparent url('../gfx/navigation_back.gif') left center no-repeat;
}

#navigation ul.subnavi a, 
#navigation ul.subnavi a:link, 
#navigation ul.subnavi a:visited {
	color: #BDB3AB;
	background: transparent;
	text-transform: none;
	font-size: 12px;
	padding: 5px 10px 0px 5px;
}

#navigation ul.subnavi a.active, 
#navigation ul.subnavi a.active:link, 
#navigation ul.subnavi a.active:visited,
#navigation ul.subnavi a:hover, 
#navigation ul.subnavi a:active, 
#navigation ul.subnavi a:focus {
	color: #fff;
}



/* CONTENT BEREICH */
#content {
	width: 900px;
	padding: 15px 10px;
	background: transparent url('../gfx/content_background.png') top left repeat-y;
	color: #817165;
}

.template_white {
	background: #fff;
}

.template_brown {
	background: #CEC5BF;
}

.template_brown_head {
	background: transparent url('../gfx/template_head.png') top left no-repeat;
	height: 65px;
}

.template_brown_foot {
	background: transparent url('../gfx/template_foot.png') top left no-repeat;
	height: 54px;
}

/* Einspalter */
.one_column {
	padding: 0;
	margin: 0;
}

/* Zweispalter */
.two_column_left {
	width: 355px;
	padding: 0px 30px 0px 50px;
	float: left;
}

.two_column_right {
	width: 425px;
	padding: 0 40px 0px 0px;
	float: left;
}

/* Dreispalter */
.three_column_left {
	width: 260px;
	padding: 0px 20px;
	float: left;
}

.three_column_center {
	width: 260px;
	padding: 0 20px;
	float: left;
}

.three_column_right {
	width: 260px;
	padding: 0 20px;
	float: left;
}


/* Vierspalter */
.four_column_left {
	width: 185px;
	padding: 0px 0px 0px 50px;
	float: left;
}

.four_column_center_left {
	width: 185px;
	padding: 0 10px 0px 20px;
	float: left;
}

.four_column_center_right {
	width: 185px;
	padding: 0 20px 0px 10px;
	float: left;
}

.four_column_right {
	width: 185px;
	padding: 0px 50px 0px 0px;
	float: left;
}

/* Blockformate und Links etc */
#content p {
	font-size: 12px;
	line-height: 17px;
	color: #817165;
}

#content h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #817165;
}

#content h2 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #817165;
}

#content h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #817165;
}

#content h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #817165;
}

#content h5 {
	font-size: 14px;
	line-height: 20px;
	color: #817165;
	font-weight: normal;
}

#content h6 {
	font-size: 12px;
	line-height: 17px;
	color: #817165;
	font-weight: bold;
}

#content a,
#content a:link,
#content a:visited {
	color: #817165;
	text-decoration: underline;
}

#content a:hover,
#content a:active,
#content a:focus {
	text-decoration: none;
}

#content ul {
	font-size: 12px;
	line-height: 17px;
	color: #817165;
	padding: 5px 0px 5px 13px;
	list-style: disc;
}

#content ul ul {
	padding: 5px 0px 5px 5px;
}

/* BUBBLES */
.bubble {
	width: 216px;
	height: 74px;
	padding: 40px 10px 10px 26px;
	overflow: hidden;
}

.search_bubble {
	width: 143px;
	height: 82px;
	overflow: hidden;
	padding: 30px 20px 30px 40px;
	margin: 0;
	display: block;
	background: transparent url('../gfx/search_bubble.png') left top no-repeat;
}

#content .bubble p {
	color: #fff;
	font-size: 13px;
	line-height: 19px;
}

#content .bubble h5 {
	color: #fff;
	font-size: 13px;
	line-height: 24px;
}

#content .bubble a,
#content .bubble a:link,
#content .bubble a:visited {
	color: #fff;
	text-decoration: none;
}

#content .bubble a:hover,
#content .bubble a:active,
#content .bubble a:focus {
	text-decoration: none;
}

#content .bubble img, #content .search_bubble img {
	margin: 0 0 -4px 0;
	padding: 0 5px;
}

#content .bubble label, #content .search_bubble label {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}

#content .bubble input, #content .search_bubble input {
	float: left;
	margin: 5px 5px 0 0;
}

.blue {
	background: transparent url('../gfx/bubble_blue.png') top left no-repeat;
}

.brown {
	background: transparent url('../gfx/bubble_brown.png') top left no-repeat;
}

.lightbrown {
	background: transparent url('../gfx/bubble_lightbrown.png') top left no-repeat;
	width: 190px;
	height: 84px;
	padding: 30px 16px 10px 46px;
}

/* ADRESSFINDER */
#ergebnisliste {
	width: 275px;
	height: 360px;
	padding: 35px 70px 25px 80px;
	background: transparent url('../gfx/lightbrown_big.png') top left no-repeat;
	overflow: hidden;
}

.scroller_content {
    float: left;
    width: 240px;
    height: 360px;
    overflow: hidden;
}

.scroller_track {
    float: left;
    width: 25px;
    height: 372px;
    overflow: hidden;
    background: transparent url('../gfx/track_background.gif') top left no-repeat;
    padding: 0px;
}

.scroller_handle {
    width: 20px;
    height: 28px;
    margin: -1px 0 0 0;
    background: #E4E0DC url('../gfx/handle.gif') top left no-repeat;
    cursor: move;
}

/* FOOTER BEREICH */
#footer {
	width: 820px;
	height: 32px;
	padding: 24px 50px 8px 50px;
	background: transparent url('../gfx/footer_background.png') top left repeat-y;
	color: #BDB3AB;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 11px;
}

#footer ul {
	list-style: none;
	padding: 5px 0 0 0;
	float: left;
}

#footer li {
	float: left;
}

#footer a, 
#footer a:link, 
#footer a:visited {
	color: #BDB3AB;
	background: transparent;
	text-decoration: none;
	padding: 0 2px;
}

#footer a:hover, 
#footer a:active, 
#footer a:focus {
	color: #fff;
	text-decoration: none;
}

#footer_plz {
	float: right;
	padding: 0;
}

#footer label {
	float: left;
	padding: 3px 0px 0 0;
	font-size: 13px;
	color: #fff;
}

#footer input {
	float: left;
	margin: 0 0 0 10px;
}

.text_input {
	background: #fff;
	color: #817266;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 3px 2px 1px 2px;
	height: 15px;
	width: 90px;
	border: none;
}

.search_bubble .text_input {
	color: #B8CFD2;
}

/* ---------------------------------------------
	FancyBoxes
------------------------------------------------ */
/* Width and height of the _whole_ image that is used for all 3 states */
span.fb_holder {
  width: 20px;
  height: 57px;
}

/* width and height is the widt of your FancyBox. With margin-right you can set the space between the label text and the box
 * with margin-top you can adjust the vertical position of your box */
span.fb_holderWrap {
  width: 20px;
  height: 19px;
  margin-right:5px;
  margin-top:0px;
  margin-bottom: 3px;
}


/* specify your background-images */
label.fb_checkbox span.fb_holder {
  background: url(../gfx/checkbox.png) 0px 0px no-repeat;
}
label.fb_radio span.fb_holder {
  background: url(../gfx/checkbox.png) 0px 0px no-repeat;
}

/* Space between two label-lines */
label.fb_box {
  margin-top:5px;
}

/* checked-state, if you use a bigger or smaller image you need to adjust the background-position accordingly */
label.fb_checked span.fb_holder, label.fb_checked span.fb_holder {
  top: -38px !important;
}
/* hover-state */
label.fb_checkbox.fb_hover span.fb_holder, label.fb_radio.fb_hover span.fb_holder {
  top: -19px;
}

/* focus-state */
label.fb_focus
{
	background-color:transparent; 
}


/* ----- YOU DON'T NEED TO EDIT THE VALUES UNDERNEATH ----- */
label.fb_inline {
  float: left;
  margin: 0 10px 0 0;
}
input.fb_hidden {
  position: absolute;
  left: -10000px;
}
label.fb_box span.fb_holder {
  display: block;
  position: absolute;
}


label.fb_box  span.fb_holderWrap {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}

label.fb_box span.fb_holder {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}