/*| ------------------------------------------------------------------*/
/*| --------------------------------| =standard |---------------------*/
/*| ------------------------------------------------------------------*/

@charset "utf-8";

* {
	list-style: none; 
	padding: 0;
	margin: 0;
	border: 0 none;
	outline: none;	
	line-height: 18px;
	font-size: 12px;
}

html[xmlns^="http"] {overflow-y: scroll;}

html {background: url(../images/bg-html.jpg) top center repeat;}

body {
	background: url(../images/bg-body.jpg) top center repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #c2dea5;
}

p {margin:0 0 18px 0;}
hr {color:#67833a;border-top:solid 1px #67833a;border-bottom:transparent;height:1px;margin:25px 0;clear:both;}

.float-left {float:left;}
.float-right {float:right;}
.clear {clear: both;}
.text-indent {text-indent:-5000px;line-height:0;height:0;padding:0;margin:0;}

.highlight {font-size:15px;color:red;font-weight:bold;}
.highlight-big {font-size:16px;color:blue;font-weight:lighter;}
.small-font {font-size:10px;color:yellow;font-weight:lighter;}
.big-font {font-size:14px;color:green;font-weight:lighter;padding: 0;}
.highlight-color {font-size:14px;color:grey;font-weight:bold;background:#272323;padding:2px 8px 2px 4px;width:100%;}

.space-top {margin:15px 0 0 0;}
.space-bottom {margin:0 0 15px 0;}
.space-top-bottom {padding:10px 0 10px 0;}
.space-low {padding:0 0 2px 0;}

dl.column01 {width: 360px; float:left;padding-right:36px;}
dl.column02 {width: 360px; float:left;}
dt, dd {float:left;width:360px;}
dd {padding-bottom:5px;}
dt {color:#ffd200;}
.cufon-loading dt {visibility: hidden;}
dt {color:#ffd200;font-size:14px;}
.cufon-active dt {font-size: 24px;}

::-moz-selection {background:#fff;color:#000;}
::selection {background:#fff;color: #000;}

noscript p {background:none repeat scroll 0 0 #FFFFFF;padding:5px;position:absolute;top:0;width:99%;text-align:center;}
noscript img {display:none;}

.maxclip {
	border:1px dotted #fff;
	font-size:9px;
	padding-bottom:1px!important;
	padding-left:5px!important;
	width:160px;
	background: #ffd200;
	color:#204004;
	position:relative;
	float:left;
}
#maxclip {
	background-color:#325e0b;
	color:#F2ECDE;
	font-size:9px;
	padding-bottom:1px!important;
	padding:0px 3px 1px 3px;
}

.photography {color:#6f8a40;font-size:10px;font-family:Arial, Helvetica, sans-serif;text-align: right;width:360px;padding-bottom:18px;}
.photography a {color:#6f8a40!important;font-size:10px;font-family:Arial, Helvetica, sans-serif;}


/* -------------------------------------------------------------------*/
/* --------------------------------| =border |------------------------*/
/* -------------------------------------------------------------------*/

.imgborder,
.imgborder-cms,
.imgborder-cms02 {
	border: 1px solid #68843b;
	background: #424242;
	padding: 0px;
	cursor: pointer;
   outline: none;
	margin: 0 0 10px 0;
}

.imgborder-cms {margin: 0 6px 10px 0;}

.imgborder:hover,
.imgborder-cms:hover,
.imgborder-cms02:hover {
	border: 1px solid #87b63b;
	cursor: pointer;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =list |--------------------------*/
/* -------------------------------------------------------------------*/

#content-main ul {margin:0 0 18px 0;}
#content-main ul li {padding:0 0 0 20px;background:url(../images/bg-li.jpg) no-repeat 0px 5px;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =link |--------------------------*/
/* -------------------------------------------------------------------*/

/*a:link, a:visited*/
a:link, a:visited {text-decoration:underline;color:#ffd200;}
a:hover, a:active, a:focus {text-decoration:none;}
#footer #contact p a {font-size:12px;}

/* pdfDownload */
a.linkDownload, a.linkWeb {background:url(../images/content/icon-pdf.gif) no-repeat left;padding:20px 0 18px 60px;height:30px;width:100px;text-decoration:none!important;}
a.linkDownload:hover, a.linkWeb:hover {text-decoration:underline!important;}

/* linkDownload */
a.linkDownload {background:url(../images/content/icon-download.gif) no-repeat left;}

/* linkWeb */
a.linkWeb {background:url(../images/content/icon-web.gif) no-repeat left;}

/* gototop */
a.gototop {right:5px;bottom:5px;padding:5px;font-size:11px;color:#35531b!important;text-decoration:none!important;background:#fff709;display:none;position:fixed;_position:absolute;}
a.gototop:hover {text-decoration:underline!important;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =headlines |---------------------*/
/* -------------------------------------------------------------------*/

.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h4,
.cufon-loading h5,
.cufon-loading h6 {visibility: hidden;}

h2 {
	color: #ffd200;
	font-size: 19px;
	height: 61px;
	padding: 50px 0 0 93px;
}

.cufon-active h2 {
	font-size: 44px;
	overflow: hidden;
}

h3 {
	color: #ffd200;
	font-size: 16px;
	font-weight:normal;
}
.cufon-active h3 {font-size: 35px;}

h4 {
	color: #ffd200;
	font-size: 14px;
	font-weight:normal;
}
.cufon-active h4 {font-size: 30px;}

h5 {
	color: #ffd200;
	font-size: 12px;
	font-weight:normal;
}
.cufon-active h5 {font-size: 25px;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =container |---------------------*/
/* -------------------------------------------------------------------*/

div#container {width:955px;margin:0 auto;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =navi |--------------------------*/
/* -------------------------------------------------------------------*/

ul#navi.naviactive, ul#navi {
	width:177px;
	height:200px;
	top:231px;
	left:672px;
	*left:673px;
	_left:673px;
	position:absolute;
}

ul#navi li {float:left;position:relative;}

ul#navi a {
	height:40px;
	width:177px;
	display:block;
	text-indent:-5000px;
	background:transparent;
}

ul#navi.naviactive01 li a.n01, ul#navi li a.n01:hover {background: url(../images/bg-navi.jpg) no-repeat -178px 0px;}
ul#navi.naviactive02 li a.n02, ul#navi li a.n02:hover {background: url(../images/bg-navi.jpg) no-repeat -178px -40px;}
ul#navi.naviactive03 li a.n03, ul#navi li a.n03:hover {background: url(../images/bg-navi.jpg) no-repeat -178px -80px;}
ul#navi.naviactive04 li a.n04, ul#navi li a.n04:hover {background: url(../images/bg-navi.jpg) no-repeat -178px -120px;}
ul#navi.naviactive05 li a.n05, ul#navi li a.n05:hover {background: url(../images/bg-navi.jpg) no-repeat -178px -160px;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =navi-add |----------------------*/
/* -------------------------------------------------------------------*/

ul#navi-add.naviaddactive,
ul#navi-add {margin-left:650px;position:absolute;top:5px;}

ul#navi-add a {color:#fff;font-size:11px;text-decoration:none;}
ul#navi-add li {float:left;padding-left:15px;}

ul#navi-add.naviaddactive01 li a.n01,
ul#navi-add.naviaddactive02 li a.n02,
ul#navi-add.naviaddactive03 li a.n03,
ul#navi-add.naviaddactive04 li a.n04 {text-decoration:none;color:#fff;}

ul.naviaddactive01 li a.n01, ul#navi-add li a.n01:hover,
ul.naviaddactive02 li a.n02, ul#navi-add li a.n02:hover,
ul.naviaddactive03 li a.n03, ul#navi-add li a.n03:hover,
ul.naviaddactive04 li a.n04, ul#navi-add li a.n04:hover {text-decoration:underline!important;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =header |------------------------*/
/* -------------------------------------------------------------------*/

div#header {width:955px;height:478px;;position:relative;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =claim |-------------------------*/
/* -------------------------------------------------------------------*/

.claim {position: absolute;text-indent: -5000px;}

/* -------------------------------------------------------------------*/
/* -------------------------------| =print-logo |---------------------*/
/* -------------------------------------------------------------------*/

img#print-logo {width:1px;height:1px;left:-5000px;position:absolute;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =branding |----------------------*/
/* -------------------------------------------------------------------*/

h1.branding {
	width: 224px;
	height: 161px;
	left: 12px;
	top: 30px;
	position: absolute;
}

h1.branding a {
	width: 224px;
	height: 161px;
	display: block;
	text-indent: -5000px;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =muster-und-farben |-------------*/
/* -------------------------------------------------------------------*/

a#muster-und-farben {width:118px;height:56px;;position:absolute;left:0px;top:311px;text-indent:-5000px;display:block;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =karte |-------------------------*/
/* -------------------------------------------------------------------*/

a#karte {width:109px;height:154px;;position:absolute;left:146px;top:324px;text-indent:-5000px;display:block;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =content-container |-------------*/
/* -------------------------------------------------------------------*/

/* content-container */
div#content-container {
	width: 955px;
	min-height: 200px;
	_height: 200px;
	background: url(../images/content-container.png) no-repeat center top;
}

/* content-main-container */
div#content-main-container { 
	float: left;
	width: 955px;
}

/* content-main */
div#content-main {
	float: left;
	width: 756px;
	padding: 0 106px 0 93px;
	background: url(../images/content-main.png) repeat-y;
}

/* content-column01 */
div.content-column01 {
	width: 360px;
	float: left;
	padding: 0 36px 0 0;
}

/* content-column02 */
div.content-column02 {
	width: 360px;
	float: left;
}

/* content-main-container-footer */
div#content-main-container-footer {
	width: 955px;
	height: 70px;
	background: url(../images/content-main-container-footer.png) no-repeat center top;
	float: left;
}
*html div#content-main-container-footer {float: none;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =footer |------------------------*/
/* -------------------------------------------------------------------*/

div#footer {
	width: 815px;
	height: 43px;
	padding: 37px 0 50px 93px;
	background: url(../images/bg-footer.jpg) no-repeat right top;
	float: left;
	position: relative;
}

*html div#footer {
	width: 815px;
	height: 45px;
	padding: 35px 0 50px 93px;
}

#adress, #contact, #mail {
	width: 223px;
	float: left;
}

#contact {width: 260px;}
#mail {width: 250px;}

#footer #adress p,
#footer #contact p,
#footer #mail p,
#footer #mail p a,
#footer #mail p a.escape,
#footer #mail p a.escape span span {font-size:11px;color:#4e3527;text-decoration:none;line-height: 21px;}

.cufon-active #footer #adress p,
.cufon-active #footer #contact p,
.cufon-active #footer #mail p,
.cufon-active #footer #mail p a,
.cufon-active #footer #mail p a.escape,
.cufon-active #footer #mail p a.escape span span {font-size:19px;color:#422305;}

#footer #mail p a:hover,
#footer #mail p a.escape:hover,
#footer #mail p a.escape:hover span span,
.cufon-active #mail p a:hover,
.cufon-active #mail p a.escape:hover {color:#b89058!important;}

div#footer-bottom {
	width: 955px;
	height: 52px;
	background: url(../images/bg-footer-bottom.png) no-repeat top;
	float: left;
	position: relative;
}
*html div#footer-bottom {margin-top: -48px;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =cms |---------------------------*/
/* -------------------------------------------------------------------*/

.cms-container {
	width:660px;
	float:left;
	padding:0 0 20px 0
}

.cms-img {
	width:300px;
	float:left;
	padding:0 20px 10px 0;
}

.cms-txt {
	width:300px;
	float:left;
}

.cms-download{
	width:60px;
	float:left;
	padding:0 0 10px 0;
}

.pdfDownload {
	background:url(../images/content/icon-pdf.gif) top left no-repeat;
	float:left;
	width:49px;
	height:22px;
	text-indent:-9999px;
	display:block;
}

/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* --------------------------------| =colorbox |----------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#044571;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background ../images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* --------------------------------| =form-style |--------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/* -------------- Contact form CSS -------------
##### Change these styles at whim to match your own site layout and look #### */

/* ---------- Styles for the form element itself  ---------- */
form#Kontaktformular {
	float:left;
	width:756px;
	margin:0;
	padding:0 0 10px 0;
}

/* ---------- Shared styles for labels, input fields, textareas, select lists  ---------- */
form#Kontaktformular label, form#Kontaktformular input, form#Kontaktformular textarea, form#Kontaktformular select {	
	font:1em Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:2px;
	width:250px;
	/* ---- These are here for a reason - don't remove if not necessary ---- */
	display:block;
	float:left;
}

/* ---------- Special styles for input fields, select lists and textareas only ---------- */
form#Kontaktformular input, form#Kontaktformular textarea, form#Kontaktformular select {
	border:1px solid #ffd200;
	background:#6f8a40;
	color: #fff;
}

form#Kontaktformular textarea {
	height:200px;
	overflow:auto;
	line-height:19px;
	width:354px;
}

/* ---------- For better usability, change the look of your form fields when they are focused ---------- */
form#Kontaktformular input:focus, form#Kontaktformular textarea:focus {
	border:1px inset #000;	
}

/* ---------- Label styles ---------- */
form#Kontaktformular label {
	margin-right:5px;
	padding:2px 10px 2px 0;		
	width:105px;						
}

form#Kontaktformular label#label-nachricht {
	margin-right:5px;
	padding:2px 10px 2px 0;		
	width:150px;						
}

/* ---------- If you want to display legends, just remove the display:none here and add your own styles ---------- */
form#Kontaktformular legend {
	display:none;
}


/* ---------- Fieldsets can be made visibl  by removing the default style here ---------- */
form#Kontaktformular fieldset {
	border:none;
	float:left;
	padding-bottom: 0px;
	_padding-bottom: 10px;
	*padding-bottom: 0px;
}

fieldset#adresse{width:396px;}
#Kontaktformular fieldset#message {width:360px;margin-bottom:0px;_margin-bottom:10px;*margin-bottom:0px;}

*html #Kontaktformular fieldset#message {margin-top: 3px!important;}
*+html #Kontaktformular fieldset#message {margin-top: 1px;}

/* ---------- Radio buttons ---------- */
form#Kontaktformular input.radio {
	background:transparent;
	border:none;
	width:20px;
	margin: 2px 7px 0 0;
	*margin: -2px 7px 0 0;
}

form#Kontaktformular label.radio {
	width:65px;
	height:16px;
}

/* ---------- Checkboxes ---------- */
form#Kontaktformular input.checkbox {
	background:transparent;
	border:none;
	width:20px;
	margin-top: 4px;
	*margin-top: 0;
	_margin-top: 0;
}

form#Kontaktformular label.checkbox {	
	width:90px;
}

/* ---------- Select lists - make them a bit larger than your input fields ---------- */
form#Kontaktformular select {
	width:286px;
}

/* ---------- Submit button ---------- */
form#Kontaktformular input#submit {
	background:#ffa21a;
	border:none;
	color:#460000;
	cursor:pointer;
	font-size:13px;
	/* Watch out! IE6 will double the left margin if the submit button is floated. To prevent this, either provide only half the margin value to IE6 or set the button to display:inline. */
	display:inline;
	margin:0;
	height: 21px;
	padding: 0px 2px 2px 2px!important;
	_padding: 3px 2px 2px 2px!important;
	*padding: 3px 2px 2px 2px!important;
	width:135px;
}

/* ---- Won't show in IE6 - but why should everyone else miss all the fun? ---- */
form#Kontaktformular input#submit:hover {
	background:#615D5E;
	color:#fff;
}

form#Kontaktformular label#label-telefon {
	width:;
}

form#Kontaktformular label#label-rueckruf {
	width:125px!important;
}

form#Kontaktformular input#Telefon {}

/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */
form#Kontaktformular label.required {
	background:url(../images/kontakt/icon-required.gif) center right no-repeat;
}

/* ---------- On user errors, required labels are style with these ---------- */
.error {
	color: #ff0000 !important;
	font-weight: bold !important;

}

/* ---------- The error message - make it huge and hard to miss! :) ---------- */
form#Kontaktformular p#fehlermeldung {	
	background: #ffd200;
	border: 1px solid #59742f;
	margin: 0 0 15px 0;
	padding: 20px;
	color: #1c3d02;
	width: 713px;
	display: none;
}

a#errorclose {	
	color: red;
	text-decoration: underline;
	display: block;
	position: relative;
	z-index:5000;
}

a#errorclose:hover {text-decoration:none;}

/* ---------- Since by default labels and form fields are floated, the cleared br elements are required to keep them all in place ---------- */
form#Kontaktformular br {
	clear:left;
}

/* ---------- Without these styles, some browsers show a huge gap where the hidden fields are. Don't remove them unless you know what you're doing! ---------- */
form#Kontaktformular fieldset.hidden, form#Kontaktformular input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}



#player {
			border: 1px solid #68843b;
			margin: 0 0 10px 0;
			width:360px;
			height:205px;
 }
 

#player:hover{
	border: 1px solid #87b63b;
}