/* file: basic.css */



/* file: main.css */

body{
	font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif;
	background: #f5f5dc;
	margin: 0;
	color: #333;
}
#container {
	background: #fff url(pics/shadow.gif) repeat-y top right;
	color: inherit;
	width:61.25em;
	min-width: 735px;
	max-width: 98%;
	margin: auto;
	border-left: 2px solid #ccc;
	padding-right:7px;
}
ul,li{padding:0; margin:0; list-style:none;}



/* =Links
----------------------------------------------- */
a {text-decoration:none; }
#content a {text-decoration:underline;}
a:link, a:visited{ color: #890000; background-color:inherit;}
a:hover, a:focus, a:active{color: #004C00; background-color:inherit; }
img {border:none;}



/* =Seitenstruktur
----------------------------------------------- */
#content{padding:30px 15px 15px 15px; clear:both; width:58.75em; max-width:97%;}
#main{float:left;}
#subcol{
	float:left;
	font-size:90%;
	width:180px;
	margin:0;
}

#xtra{float: right; width:180px; font-size:90%;}

.col-M #main {width:100%; float:none;}
.col-M #subcol,.col-M #xtra,.col-MS #xtra,.col-SM #xtra{display:none;}

.col-MS #main, .col-SM #main{width:41.25em;}
.col-MS #subcol{float:right;}

.col-MX #xtra{float:right;}
.col-MX #main {width:41.25em;}
.col-MX #subcol {display: none;}

.col-SM #main{float:right;}

.col-SMX #main{float:right;width:23.75em;padding:0 15px;}

.col-MSX #main{width:22.5em;}
.col-MSX #subcol{padding:0 15px;}

.col-MSX .wrap, .col-SMX .wrap {
	float:left;
	width:41.25em;
}



/* =Header
----------------------------------------------- */
#header {
	position: relative;
}

#logo{ padding: 24px 6px 4px 15px; height:63px;}
#subnavigation{position:absolute; right:0; top:3px;}
#logout{
	position:absolute;
	right:0; 
	top: 50px;
	font-size: 90%;
	margin: 0 1em 0 0;
	color:#666;
	background-color: inherit;	
}
#subnavigation li{
	float: left;
	font-size: 90%;
	color:#666;
	background-color: inherit;	
	margin: 0 1em 0 0;
} 
#subnavigation a, #logout a{
	color:#666;
	text-decoration:none;
	background-color: inherit;	
}
#subnavigation a.presse, #subnavigation a.vdha-intern{
  background: url(pics/locked.gif) no-repeat bottom right;
  padding-right: 14px;
}



/* =Navigation
----------------------------------------------- */
#navigation{
	background: #ce9 url(pics/banner.jpg) no-repeat top left;
	color: inherit;
	height:7.7em;
	min-height:92px;
	max-height:172px;
	position:relative;
	border-top:5px solid #093;
	width:100%;
}
#navigation div{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#ce9 url(pics/nav_bg.gif) repeat-x bottom left;
	color: inherit;
	padding-bottom:10px;
}
#navigation ul{
	margin-left:15px;
	margin-top:4px;
	border-left:1px solid #093;
	float:left;
	display:inline; /* double margin bug in IE */
}
#navigation li{
	float:left;
	padding:0;
	display:block;
	border-right:1px solid #093;
}
#navigation a{
	float:left;
	display:block;
	text-transform:lowercase;
	text-decoration:none;
	padding: 5px 8px 0 8px;
	color:#093;
	width:auto;
	background-color:inherit;
	white-space:nowrap;
}

#navigation a:hover, #navigation a:focus, #navigation a.active {
	padding-top:0;
	border-top: 5px solid #093;
	padding-bottom: 10px;
	margin-bottom:-10px;
	background:#fff;
	color:#333;
}
#navigation a.active {
	color:#000;
	font-weight: bold;
}


/* =Subnavigation
----------------------------------------------- */
#subcol ul.navigation {
	margin-top:1.7em;
	border-bottom:1px solid #e5e5e5;
}
#subcol ul.navigation li {
	background:none;
	border-top:1px solid #e5e5e5;
}
#subcol ul.navigation a {
	padding: 3px 0;
}
#subcol ul.navigation li a { padding-left:10px; text-decoration:none;}
#subcol ul.navigation li li a{
	padding-left:20px;
}
#subcol ul.navigation a:link, #subcol ul.navigation a:visited{
	display:block;
	border:none;
	color:#404240;
	background-color:inherit;
}
#subcol ul.navigation a:hover, #subcol ul.navigation a:focus, #subcol ul.navigation a:active{
	color:#360;
	background:#ce9;
}
#subcol ul.navigation a.active:link,#subcol ul.navigation a.active:visited {background:#404240;color:#fff;}
#subcol ul.navigation a.active:hover, #subcol ul.navigation a.active:focus, #subcol ul.navigation a.active:active {color:#360;background:#ce9;}



/* =Elements
----------------------------------------------- */
h1,h2,h3,h4,h5,h6, div.boxTitle {
	font-family:Georgia, serif;
	color:#000;
	margin:0;
	padding:0;
	background-color:inherit;
}
h2, div.boxTitle {
  font-size: 1.4em;
  font-weight: normal;
  line-height:1.4em;
}

h1, #home div.boxTitle {
	border-bottom:1px dotted #093;
	font-size:1.7em;
	padding-bottom: .1em;
	margin-bottom:.7em;
	font-weight:normal;
}

span.subTitle {
	display: block;
	font-size: 90%;
}

#home h2 {
	line-height:normal;
}

h3,h4,h5 {
	font-size:1.2em;line-height:1.2em;
}

p, div.textblock {
	margin:0; padding: 0 0 1em 0
}



/* =Footer
----------------------------------------------- */
#footer {
	clear:both;
	color: #999;
	font-size: 90%;
	background: #fff;
}
#footer #copyright { padding: 60px 15px 30px;}



/* =Forms
----------------------------------------------- */
input[type="text"], input.text,
input[type="password"], input.password,
textarea,
select {
	border: #ccc 1px solid;
	background:#fff;
	color:inherit;
}

legend {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	background-color:inherit;
	line-height:150%;
	margin:0;
	padding: 0 0 .5em 0;
}

input, textarea {
	padding:2px 4px;
	border:1px solid #ccc;
	background: #fff;
	color: inherit;
}

input:hover,
textarea:hover,
input:focus,
textarea:focus,
button:focus,
button:hover {
	border: #aaa 1px solid;
}

fieldset {
	border:none;
	padding:0;
	margin: 0 10% 3em 10%;
	width:80%;
}

fieldset p {
	line-height:1.5em;
}

div.field {
	clear: both;
	padding: 10px 0;
	width: 100%;
}

input[type="text"], input.text,
input[type="password"], input.password,
input[type="radio"], input.radio,
select {
	float: left;
}

input.radio {
	clear: left;
}

input.text + label{
	margin-left: 10px;
}

p input[type="text"], p input, p input.text, p input.password {
	float:none;
	display:inline;
}

label {
	float:left;
	cursor:pointer;
	/*width: 7em;*/
	font-size: 90%;
	font-weight: bold;
	line-height:200%;
	margin-right: .4em;
}

span.label {
	float: left;
	width: 100%;
}

label.selection {
	margin-left: .3em;
}

input.radio {
	float:left;
	border:none;
}
form br{clear:both;}
form {line-height:200%; margin:2em 0 0 0; padding:0;}

button{
	padding:2px 4px;
	border:1px solid #ccc;
	background: #fff;
	color: inherit;
	cursor:pointer;
}

div.buttons {
	float: left;
	margin-top: 2em;
	width: 100%;
}

#login label {width:9em;}
#login{width: 70%; margin:auto;padding:3em 0;}
#login button, button#logout{
	margin:1em 8.5em;
	background: #fff url(pics/unlocked.gif) no-repeat 4px 50%;
	padding-left: 20px;
	color: inherit;
}
#login input {width:10em;}
button#logout{
	margin:0 10px;
	background: #fff url(pics/locked.gif) no-repeat 4px 50%;
	color:inherit;
}
#login button:hover, #login button:focus{background:#f5f5f5 url(pics/unlocked.gif) no-repeat 4px 50%; color:inherit;}

.mail input.text { width: 50%;}
.mail textarea{ width: 100%; height: 8em;}
.mail label, #anfrage label {
	width: 40%;
}

label.radio {
	float: left;
}

input.radio {
	clear: both;
}

p.error {
	text-align:center;
	margin: 2em 0;
	padding:5px;
	border:1px solid #c00;
	background-color: #faebd7;
	color:inherit;
}
p.message, div.message, p.text {
	text-align:center;
	margin: 2em 0;
	padding:5px;
	border:1px solid #093;
	background-color: #CCEE99;
	color:inherit;
} 
input.error, textarea.error,div.error{border:1px solid #c00; background-color: #faebd7; color:inherit;}
div.error{width:100% !important;}
label.error, .fehler{color:#c00;background-color:inherit;}
#anfrage input.text {width:25em;}
#anfrage select.time {
	display: inline;
	float: none;
}
#anfrage input.date {
	width: 6.5em;
}
#anfrage textarea {
	width: 90%;
}
#register label {
	width:300px;
	overflow:visible;
}
#register #label-newsletter {
	white-space: normal;
	padding-bottom: 2em;
}



/* =Calendar
----------------------------------------------- */
table.calendar{
	border-collapse:collapse;
}
#content table.calendar a{
	border:none;
}
th.calheader {border-bottom:2px solid #e5e5e5;}
table.calendar td,table.calendar th{
	padding: .2em;
	text-align:center;
	border:1px solid #e5e5e5;
}
table.calendar th.rb {
	border-right:2px solid #e5e5e5;
}
table.calendar th.monthname {
	border:none;
	font:1.25em Georgia, "Times New Roman", Times, serif;
	padding-bottom:.3em;
}
table.calendar th.monthname a{
	border:none;
}
table.calendar td.calseldata {
	border-width:2px;
	background:#ce9;
	color: inherit;
}

table.calendar td.select {
	border-width:2px;
	background:#ffd700;
	color:inherit;
	font-weight:bold;
}




/*	=Agencies
----------------------------------------------- */
.box a#hh_job{
	display:block;
	padding:6px;
	border:none;
	text-decoration:none;
	background:#cc9;
	color:#000;
	margin: 4px 0;
}
.box a#hh_job strong {
	color: #5C6500;
	background-color:inherit;
	display:block;
	font-size:1.4em;
	padding:.2em 0;
	font-family:Arial, Helvetica, sans-serif;
}
.box a#hh_job:hover, .box a#hh_job:focus {
	color:#333;
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
}
.box a#hh_job:hover strong, .box a#hh_job:focus strong {
	color: #c00;background:#fff;
}



/* =Home
----------------------------------------------- */
#home #teaser .left{
	float:left;
	width:35.5em;max-width:97%;
}
#home #teaser .right{
	float:right;
	width:22em;max-width:97%;
}
#home #teaser{
	
}
#home .wrap {
	clear:both;
	padding-top:4em;
}
#home h1 {font-size:1.4em; border:none; padding-bottom:1em;}
#home h3 {font-weight:normal;}
#home #main{width:22em;font-size:100%; max-width:97%;}
#home #subcol{width:35.5em;font-size:100%; max-width:97%;}
#home ul#boxes {
	margin:0;
	padding:0;
}
#home #content li {
	font-size:90%;
}
ul#boxes br {
	display:none;
}
#home ul#boxes li {
	background: none;
	margin:0;
	padding:0;
}
#home a#teaser1,#home a#teaser2,#home a#teaser3{
	display:block;
	padding:6px;
	border:none;
	text-decoration:none;
	line-height:1.4em;
	margin-bottom:.4em;
}
#home a#teaser1{
	background:#cc9;
	color:#000;
}
#home a#teaser2{
	background:#4E8541;
	color:#fff;
}
#home a#teaser3{
	background: #004C00;
	color:#fff;
}
#home a#teaser1 strong {
	color: #5C6500;
	background-color:inherit;
}
#home #teaser2 strong {
	color: #BCD8B2;
	background-color:inherit;
}
#home #teaser3 strong {
	color: #A5C39A;
	background-color:inherit;
}

#home a#teaser1 strong, #home a#teaser2 strong,#home a#teaser3 strong {
	display:block;
	font:140%/1em Arial,Sans-serif;
	font-weight:bold;
	padding:.2em 0;
}
#home a#teaser1:hover, #home a#teaser1:focus, #home a#teaser2:hover, #home a#teaser2:focus, #home a#teaser3:hover, #home a#teaser3:focus {
	color:#333;
	background:#fff;
	padding:5px;
	border:1px solid #b5b5b5;
}
#home a#teaser1:hover strong,#home a#teaser2:hover strong,#home a#teaser3:hover strong,
#home a#teaser1:focus strong,#home a#teaser2:focus strong,#home a#teaser3:focus strong {
	color: #c00;
	background:#fff;
}



/* =Misc
----------------------------------------------- */
.subTopic {
	margin-bottom: 2em;
}

.subTopic p {
	display: inline;
}

#main ul, #teaser ul{padding: 0 0 1em 1em;}
#main li, #teaser li{
	background: url(pics/bullet.gif) no-repeat 0 .5em;
	margin:0 0 2px;
	padding:0 0 0 12px;
}
img {border:0;}

/* Haushueten */
ul#features li{
	float: left;
	display:block;
	width:30%;
	margin:1em 0;
	font-size:90%;
	padding:70px 1.5% 5px;
	line-height:1.2em;
}
ul#features{
	width:100%;
	padding:0;
	display:table;
	text-align:center;
}
#haush p#hh_clear {font-size:90%;}
#haush #teaser {
	border-bottom: 1px dotted #093;
	margin-bottom:4em;
}
ul#koops li{padding-left:0; background:none;}
ul#koops li img{ border:1px solid #b5b5b5; padding:3px; width:172px;}

.topicImageLeftBreakNone img,
.topicImageRightBreakNone img,
.topicImageLeftBreakSide img,
.topicImageRightBreakSide img,
.topicImageCenter img,
img.imgborder,
img.papayaImage {
	border:1px solid #b5b5b5 !important;
	padding:3px !important;
}

.topicImageLeftBreakNone {
	text-align: left;
	width: 100%;
	padding-bottom: 7px;
}

.topicImageRightBreakNone {
	text-align: right;
	width: 100%;
	padding-bottom: 7px;
}

.topicImageLeftBreakSide {
	float: left;
	padding: 0 7px 7px 0;
}

.topicImageRightBreakSide {
	float: right;
	padding: 0 0 7px 7px;
}

.topicImageCenter {
	width: 100%;
	text-align: center;
}

.papayaImageSubtitle {
	font-size: 90%;
}


li#pets{background: transparent url(pics/icons/hund.gif) no-repeat top center;}
li#mail{background: transparent url(pics/icons/briefk.gif) no-repeat top center;}
li#flowers{background: transparent url(pics/icons/giessen.gif) no-repeat top center;}
li#tel{background: transparent url(pics/icons/telefon.gif) no-repeat top center;}
li#care{background: transparent url(pics/icons/2pers.gif) no-repeat top center;}
li#com{background: transparent url(pics/icons/kreis.gif) no-repeat top center;}

dl,dt,dd{padding:0;margin:0;}

div.message {padding:5px 25px; border:1px solid #ccc; background:url(pics/warning.gif) no-repeat 5px 7px;}

/* Tabellen */
table {
	width:100%;
	background:#fff;
	color: inherit;
	border-collapse:collapse;
}
td, th {
	text-align:left;
}
table.fileList th, #links table th, #links table td, table.fileList td {
	margin:0;
	padding: 5px 20px;
	border-bottom: 1px solid #b5b5b5;
}
table th {
	border: solid #b5b5b5;
	border-width: 2px 0;
	color:#666;
	background-color:inherit;
}

tfoot tr, tfoot th {
	border-top: 2px double #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	color:#666;
	background-color:inherit;
}
tfoot tr {padding: 3px 0;}
tr.odd { background:#f1f1f1;color:inherit;}


/* Service */
ul#news li{background:url(pics/document.gif) no-repeat 0 3px; padding-left:15px; padding-bottom:.4em;}
ul#news li#more{
	padding-top:1em;
	background:none;
}

/* Artikel */
div.artikel {clear:both;margin-bottom:2em;}
.imgright{ padding:4px; float:right; display:inline; margin: 0 0 15px 1em; border:1px solid #e5e5e5;}


/* Thumbnails */
#thumbs .box {
	margin:5px;

}
#thumbs .box p {
	text-align:center;
	height: 120px;
	width:120px;
}
#thumbs .box div {
	font-size:90%;
}
#thumbs .box {
	float:left;
	border: 2px solid #ccc;
	padding:15px;
}
#thumbs .box:before {
	background: transparent url(pics/box-tr.gif) no-repeat top right;
	content: url(pics/box-tl.gif);
	display: block;
	line-height: .1;
	margin: -17px -17px 0 -17px;
}
#thumbs .box:after {
	background: transparent url(pics/box-br.gif) no-repeat bottom right;
	clear: both;
	content: url(pics/box-bl.gif);
	display:block;
	line-height:.1em;
	margin: 0 -17px -17px;
}
#thumbs img {
	border:none;
}

#telefon #kundenanfrage, #telefon #hhanfrage {
	display:none;
}

.w15 {
	width: 200px;
}



/* =PLZ
----------------------------------------------- */
#accordion .panel {
	overflow:hidden;
}
#accordion div.scroller {
	height:290px;
	overflow:auto;
	padding: 5px 10px;
}
#accordion .header {
	padding: 4px 10px;
}
#accordion .header:hover {
	cursor:pointer;
}


/* Accessibility
----------------------------------------------- */

.accessibilityElement {
  left: -999px;
  top: -999px;
  position: absolute;
  overflow: hidden;
  display: inline;
}


/* floating fix element
----------------------------------------------- */
.floatFix, br[clear="all"], br.clear {
  clear: both;
  height: 1px;
}