/*Gruen main: #00847e*/

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,caption {
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	margin:0;
	padding:0;
	}

body {
	background-color: #9fa69f;
	line-height:1;
	}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

html,body,div,span,strong,#content strong,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,input,textarea,select {
	font-size: 14px;
	color: #5c5c5c;
/*	text-shadow: #fff 0 1px 0; */
	font-family:Lucida Grande,Lucida,Helvetica,Arial,sans-serif;
	}

p{line-height:150%;margin:0 0 1.6em;}

h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	color: #00847e;
	text-shadow: #fff 0 1px 0;
	margin:-5px 0 0.5em 0;
	line-height:110%;
	}
	
h1{font-size:2.5em;}
h2{font-size:2em;}
h3{font-size:1.6em;}
h4{font-size:1em;}
h5{font-size:1em;}

a:link,a:active,a:visited {
	cursor:pointer;
	color: #1668c8;
	text-decoration: none;
	}
a:hover,#content a:hover,a:hover #btn_mehr {
	cursor:pointer;
	text-decoration: none;
	color:#0a2487;
	}
ul {
	line-height:1.6em;
	list-style:disc;
	margin:1em 0 1em 1em;
	}
/*
ul li ul li {
	color:#555;
	}
	*/
ul,ol {
	list-style-position:inside}

.clearfix {display:block;}
* html .clearfix {height:1%;}

ul,p ul,p ul li ul,ul li ul {
/*	list-style-image:url(inc/img/bullet.png); */
	list-style-position:outside;
	list-style-type: circle;
	}
	
ul li,p ul li,p ul li ul li {
	margin-left: 4px;
	margin-bottom:7px;
	}
ul {margin-bottom:20px;}
ul li ul {margin-bottom:10px !important;}

p,em,strong,p a,p strong,ul li,ul li ul li {
	font:normal 400 14px/24px;
	color:#5C5C5C;
	}

selection {background:#333;color:#fff}
-moz-selection{background:#333;color:#fff}
p#headerP{font:15px/25px "Helvetica",Helvetica,Arial,sans-serif;}

.clearfloat {
	clear: both;
	overflow: hidden;
}
#con {
	position: relative;
	width: 100%;
	display: block;
	margin: 0 auto;
}

#header_wrap {
	width: 100%;
	height: auto;
	background-color: #3b3b3b;
	border-top: 4px solid #323332;
	border-bottom: 4px solid #323332;
}
#header {
	width: 975px;
	height:95px; 
	position:relative;
	margin: 0 auto;
	display:block;
	background: url(/inc/img/sprite.png) no-repeat 0 0;
}

a#lexikon {
	position: absolute;
	top: 49px;
	left: 220px;
	width: 75px;
	height: 72px;
	background: url(../img/lexikon.png) no-repeat;
	z-index: 20;
}
a#lexikon span{
	visibility: hidden;
	display: none;
}

a#lexikon:hover {
	background: url(../img/lexikon.png) no-repeat 0 -72px;
}

ul#nav {
	height: 40px;
	width: 800px;
	display: block;
	position: relative;
	margin-top: 35px;
	padding: 0;
	float: right;
	text-align: right;
}

ul#nav li, ul#nav li a {
	list-style-type: none;
	line-height: 27px;
	margin: 0;
	font-size: 14px;
	text-align: right;
	padding-left: 7px;
	padding-right: 7px;
	display: inline-block;
}
ul#nav li, ul#nav li a,
ul#nav li a:hover,
ul#nav li a.current,
ul#nav li#currentFolder,
ul#nav li#currentFolder a {
	color: #adb0af;
	text-shadow: #000 0 1px 0;
	text-decoration: none;

}
ul#nav li a:hover,
ul#nav li a.current,
ul#nav li#currentFolder {
	border-top: 1px solid black;
	border-radius: 5px;
	background-color: #2a2929;
	box-shadow: inset 0 0 3px 3px rgba(0,0,0,0.15);
	border-bottom: 1px solid #474747;

}
ul#nav li#currentFolder a:hover {
	border-top: 0px solid black;
	border-radius: 5px;
	box-shadow: inset 0 0 0 0 rgba(0,0,0,0.15);
	border-bottom: 0px solid #474747;
}
ul#nav li a span, ul#nav li a text {
	visibility:hidden;
}

ul#nav li a:visited,
ul#nav li a:link {
    text-decoration: none;
}

ul#nav li a:hover {
    text-decoration: none;
}

/*********************** Ende menu ***********************/


/*********************** subMenu left ***********************/
#subnav {
	width: 238px;
	display: block;
	border-top: 1px solid white;
	border-left: 1px solid white;
	background-image: -webkit-gradient(linear, center bottom, center top, from(#fcfcfc), to(#e0e0e0), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #e9e9e9));
	background-image: -webkit-linear-gradient(bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #e9e9e9 90%, #e0e0e0);
	background-image: -moz-linear-gradient(bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #e9e9e9 90%, #e0e0e0);
	background-image: -o-linear-gradient(bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #e9e9e9 90%, #e0e0e0);
	background-image: -ms-linear-gradient(bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #e9e9e9 90%, #e0e0e0);
	background-image: linear-gradient(bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #e9e9e9 90%, #e0e0e0);
	-webkit-box-shadow: 0 1px 5px rgba(140,140,140,0.75);
	-moz-box-shadow: 0 1px 5px rgba(140,140,140,0.75);
	box-shadow: 0 1px 5px rgba(140,140,140,0.75);
	position: relative;
}
#subnav ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
}
#subnav ul li {
	border-bottom: 1px solid #d9dfd9;
	padding-bottom: 2px;
	margin: 1px 0 0 0;
	display: block;
}
#subnav ul li a {
	color: #41483c;
	padding: 10px;
	font-size: 11px;
	line-height: 15px;
	text-shadow: #fff 0 1px 0;
	display: block;

}
#subnav ul li a:hover,
#subnav ul li a.current,
#subnav ul li#currentFolder,
#subnav ul li#li_nav1_open,#subnav ul li#a_nav1_open {
	color: #000;
	background: #d3d8d3 url(/inc/img/li_nav_open.png) repeat-x left top;
}

#subnav-bottom {
	width: 240px;
	height: 12px;
	background: url(../img/submenu-bottom.png) no-repeat left top;
	margin-top: 0;
	margin-bottom: 60px;
}
/*********************** END subMenu left ***********************/

a#logo h1 {
	background: url(/inc/img/sprite.png) no-repeat 0px -424px;
	position: relative;
	float: left;
	clear: both;
	display: block;
	width: 115px;
	height: 74px;
	margin: 12px 0 0 0;
}

a#logo h1 span{
	visibility: hidden;
	display: none;
}

#main_wrap {
	width: 100%;
	height: auto;
	position: relative;
	background: #00847e url(/inc/img/main-bg.png) repeat-x;
}

#main {
	width: 975px;
	height: 303px;
	display: block;
	position: relative;
	margin: 0 auto;
	background: url(/inc/img/sprite.png) no-repeat 0 -635px;
}
#main_bottom {
	width: 100%;
	height: 96px;
	display: block;
	background: url(/inc/img/thumb-bg.png) repeat-x left top;
	overflow: hidden;
}
#main_bottom #four_cols {
	width: 975px;
	position: relative;
	margin: 0 auto;
}

#main_bottom #four_cols ul {
	list-style-type: none;
	width: 995px;
	margin: 19px 0 0 0;
	padding: 0;
	display: block;
}
#main_bottom #four_cols ul li {
	display: block;
	float: left;
	color: #a4ccc7;
	font-size: 85%;
	width: 258px;
	line-height: 130%;
	margin-right: 20px;
}
#main_bottom #four_cols ul li a {
	color: #faae36;
	font-size: 80%;
}
#main_bottom #four_cols ul li a:hover {
	color: #fff;
}
#main_bottom #four_cols ul h2 {
	float: left;
	width: 145px;
	color: #01272b;
	text-shadow: #428087 0 1px 0;
	margin-top: 2px;
	font-size: 1.7em;
}

#main_bottom img.links {
	margin-top: 0;
	border: 4px solid #00373c;
}
#main_bottom a.links:hover img {
	border: 4px solid #000;
}
#mainLeft, #mainRight {
	margin-top: 30px;
}
#mainLeft {
	position: relative;
	width: 440px;
	display: block;
	float: left;
	height: auto;
	margin-left: 0;
	margin-right: 45px;
}

#mainRight {
	position: relative;
	width: 490px;
	display: block;
	float: left;
	height: auto;
}
#mainLeftContent {
	width: 100%;
	display: block;
	height: auto;
	overflow: hidden;
}
#mainLeftContent h1 {
	margin-bottom: 15px;
	padding-top: 4px;
	line-height: 110%;
	color: #faae36;
	text-shadow: #323232 0 1px 0;
}
#info_btn {
	margin-top: 0;
	padding: 10px;
	color: #fff;
	font-size: 1.2em;
	border: 4px solid #00645f;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ee784f), to(#e74007));
	background-image: -webkit-linear-gradient(top, #ee784f, #e74007);
	background-image: -moz-linear-gradient(top, #ee784f, #e74007);
	background-image: -o-linear-gradient(top, #ee784f, #e74007);
	background-image: -ms-linear-gradient(top, #ee784f, #e74007);
	background-image: linear-gradient(top, #ee784f, #e74007);
	-webkit-box-shadow: 0 1px 5px rgba(50,156,140,0.75);
	-moz-box-shadow: 0 1px 5px rgba(50,156,140,0.75);
	box-shadow: 0 1px 5px rgba(50,156,140,0.75);
	display: inline-block;
}
#info_btn a {
	color: #fff;
	font-size: 1.2em;
	text-shadow: #2c1402 0 1px 0;
}

#info {
	display:block;
	margin:0 0 20px 0;
	padding:0; 
}

#info p {
	color:#fff;
	text-shadow: #2c1402 0 1px 0;
	font-size: 1.6em;
	font-weight: 400;
}

/********* wenn Hintergrund "schreiben.png", dann top: 270px *********/
#bild_kontakt {
	position: absolute;
	top: 290px;
	right: 50px;
	width:118px;
	height:118px;
	background: url(/inc/img/mail.png) no-repeat;
	z-index: 10;
	display: none;
	overflow: hidden;
	clear: both;
}

#banderole {
	position: absolute;
	top: 182px;
	right: 0;
	width: 120px;
	height: 88px;
	z-index: 50;
}
/******************** Styles für Slider ***********************
#slider {
	position: relative;
	width:449px;
	height:379px;
	overflow:hidden;
	display: block;
	clear: both;
}
/*
#slider.contact {
	background:url(/inc/img/slider-contact.png) no-repeat 0 0;
}
*/
/*
#sliderHolder {
	width:420px;
	height:400px;
	margin: 20px 15px 15px;
	}
#sliderHolder ul,#sliderHolder li {
	margin:0;
	padding:0;
	list-style:none;
	}
#sliderHolder li {
	width:420px;
	height:430px;
	overflow:hidden;
	}
#sliderHolder p {
	width: 345px;
	margin: 10px 0 0 40px;
}
#sliderHolder p,
#sliderHolder li {
	color: #E7E0D1;
	text-shadow: #000 0 1px 0;
	font: 12px Lucida Grande,Lucida,Helvetica,Arial,sans-serif;
	line-height: 140%;
}
*/

/******************** Styles für Slideshow ***********************/
#slider {
	position: relative;
	width: 490px;
	height: 253px;
	overflow: hidden;
	display: block;
	clear: both;
}
#album {
	position: absolute;
	top: 0;
	left: 0;
	width: 487px;
	height: 253px;
	z-index: 40;
	margin: 0 0 0 0px;
	display: block;
	background: url(/inc/img/album.png) no-repeat 0 0;
}
.slideshow,.hauptmotiv {
	width: 482px;
	height: 232px;
	margin: 3px 0 0 3px;
	overflow: hidden;
	}
	
.slideshow img {
	width: 482px;
	height: 230px;
	overflow: hidden;
	} 
.hauptmotiv img {
	width: 482px;
	height: auto;
	overflow: hidden;
	margin-top: -40px;
	}
	
.slideshow p,.hauptmotiv p {
	width: 345px;
	margin: 10px 0 0 40px;
}
.slideshow p,
.slideshow li,.hauptmotiv p,.hauptmotiv li {
	color: #E7E0D1;
	text-shadow: #000 0 1px 0;
	font: 12px Lucida Grande,Lucida,Helvetica,Arial,sans-serif;
	line-height: 140%;
}

#kontaktInfo {
	margin:40px 0 0 0;
	height:153px;
	width:190px;
	background:url(/inc/img/hell/sprite.png) no-repeat 0 -320px;
	padding:25px 30px 0 30px;
	}
#kontaktInfo p,#kontaktInfo p strong {
	font-size:13px;line-height:20px;color: #d4b296;text-shadow: black 0 1px 0;
	}
#kontaktInfo p strong,#content strong{font-weight:700}
#kontaktInfo a,#content a{font-weight:700;text-decoration: underline !important;}

#twopxLong {
	height:20px;
	width:100%;
	margin:20px 0 20px 0;
	display: inline-block;
	clear:both;
	background: url(/inc/img/sprite.png) no-repeat 0px -353px;
	}


#leftContent #twopx {
	height: 20px;
	width: 246px;
	margin: 20px 0 20px 0;
	display: inline-block;
	clear: both;
	background: url(/inc/img/sprite.png) no-repeat 0 -392px;
	float: none;
}
#twopx {
	height: 20px;
	width: 678px;
	margin: 20px 0 20px 0;
	display: inline-block;
	clear: both;
	background: url(/inc/img/sprite.png) no-repeat 0 -321px;
	float: none;
}

#content_wrap {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #eef1ee;
}
#content {
	display:block;
	width: 975px;
	height: auto;
	line-height:20px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
}

#content_top {
	display:block;
	width: 100%;
	height: 32px;
	margin: 0 auto;
	position: relative;
	background: url(/inc/img/sprite.png) no-repeat 0 -570px;
}

#content a,#kontakt a:link,a #btn_mehr {
	color: #1668c8;
	text-decoration: none !important;
}

#content h1,h2,h3,h4,h5 {
	}
#content p,
#content p strong,
#content ul li {
	line-height:20px;
	}
#btn_mehr {
	border: 1px solid #7eb0d7;
	border-radius: 15px;
	box-shadow: 0 1px 0 rgba(255,255,255,0.35);
	background: url(/inc/img/btn_mehr.jpg) repeat-x;
	margin-top: 20px;
	text-align: center;
	padding: 3px 8px 3px 8px;
	display: block;
	text-shadow: white 0 1px 0;
}
#rightContent {
	display:block;
	float:left;
	width: 720px;
	min-height: 500px;
	background: url(/inc/img/trenner.png) no-repeat left top;
	}
	
#rightContent.short {
	min-height: 300px;
	background: url(/inc/img/trenner_short.png) no-repeat left top;
	}
img.partner {
	margin: 15px 40px 0 0;
}	
#rightContent img,img.links,img.rechts {
	border: 4px solid #cbcdcb;
}
img.links,img.rechts {
	display: block;
	overflow: hidden;
}
img.links {
	float: left;
	margin: 4px 10px 3px 0;
}
img.rechts {
	float: right;
	margin: 4px 0 3px 10px;
}
#rightContent img.kontakt {
	border-style: none;
	margin-top: -20px;
	margin-bottom: 60px;
}
article {
	margin-left: 45px;
}	
#leftContent {
	position: relative;
	display:block;
	float:left;
	width: 246px;
	margin-right: 5px;
	}

#img_right {
	position: relative;
	margin: 60px 0 60px 0px;
	width: 246px;
	overflow: hidden;
}
/****************** FOOTER STYLES *******************/

#footer_wrap {
	width: 100%;
	background: #9fa69f url(/inc/img/footer.png) repeat-x 0 top; 
	position: relative;
}

#footer {
	width: 975px;
	margin: 0 auto;
	display: block;
	position: relative;
}

#footerContentLeft {
	width: 400px;
	float: left;
}
#footerContentLeft,#footerContentLeft #pepe-logo,#footerContentRight,
#footerContentLeft a,a#pepe-logo span,#footerContentRight a {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: #787e78 0 1px 0;
}

#pepe-logo {
	height: 36px;
	width: inherit;
	margin-top: -12px;
	float: left;
	display: block;
	background: url(/inc/img/pepe-logo.png) no-repeat;
}
a:hover#pepe-logo{
	background: url(/inc/img/pepe-logo-hover.png) no-repeat;
}
#pepe-logo span {
	padding-top: 12px !important;
	margin-left: 42px;
	display: block;
}
#footerContentRight {
	width: 400px;
	float: right;
	text-align: right;
}
#footer #four_cols {
	width: 100%;
	position: relative;
	margin: 0;
	padding-top: 20px;
}

#footer #four_cols ul {
	margin-right: 15px;
	list-style-type: none;
	margin: 0;
}
#footer #four_cols #col1 a:hover,
#footer #four_cols #col2 a:hover,
#footer #four_cols #col3 a:hover,
#footer #four_cols #col4 a:hover,
#footerContentLeft a:hover span {
	color: #fbfbdb !important;
	text-shadow: #737873 0 1px 0;
}

#footer #col1,
#footer #col2,
#footer #col3,
#footer #col4 {
	width: 243px;
	float: left;
	display: block;
	position: relative;
}

#footer #col1 a,
#footer #col2 a,
#footer #col3 a,
#footer #col4 a,
#footer #col1 p,
#footer #col2 p,
#footer #col3 p,
#footer #col4 p,
#footer #col1 p strong,#footer #col2 p strong,#footer #col3 p strong,#footer #col4 p strong {
	color: #fff !important;
	text-decoration: none;
	text-shadow: #787e78 0 1px 0;
	font-size: 12px;
}

a#karte {
	position: relative;
	width: 175px;
	height: 129px;
	background: url(/inc/img/karte-klein.png) no-repeat;
	display: block;
	text-decoration: none !important;
	margin-left: 20px;
	border: 4px solid #7c847c;
}
a#karte span {
	visibility: hidden;
	text-decoration: none !important;
}
	
a#karte:hover span,a#karte p:hover span {
	position: absolute;
	top: -248px;
	right: -267px;
	visibility: visible;
	z-index: 50;
	border: 4px solid #7c847c;
	box-shadow: 0 1px 20px rgba(64,66,65,0.85);
}

a.top_btn {
	width: 28px;
	height: 28px;
	float: right;
	display: inline-block;
	clear: both;
	text-align: right;
	background: url(../img/topButton.png) no-repeat;
	margin-bottom: 20px;
}
a.top_btn span {
	display: none;
}
ul#gallery {
	position: relative;
	list-style-type: none;
	margin: 0;
	width: 990px;
	display: block;
	clear: both;
	overflow: hidden;
	float: none;
}

ul#gallery li {
	float: left;
	padding: 0;
	margin: 0px 16px 12px 0;
}
ul#gallery li img {
	border: 4px solid #CBCDCB;
	color: #fff;
	width: 174px;
	height: 111px;
	overflow: hidden;
}

/******************* Content hide ********************/
.hide { display: none; }


#examples img{margin:3px 7px 3px 7px}#examples a,#examples img{border:0}
/*********************** FORMULAR ******************/

.datum {
	display: block;
	font-size: 10px;
	padding: 0 0 0 0px;
	text-shadow: #000 0 0px 0;
	color: gray;
}

 form {
	margin: 0;
}

form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
/*
#main_left form { margin-top: 15px; }
#main_left form .fleft { float: left; display: inline; width: 305px; } 
#main_left form .fright { float: right; display: inline; width: 305px; }
*/
/*
form  legend { display: none; } */
form label { 
	display: none; 
	font-size: 0.9em; 
	text-shadow: #000 0 0px 0; 
	}

form  p.nichtsehen { display: none; }

#error_msg { color: #FF6B00; }

form label.error, form input.error, form textarea.error,form p.error { color: #FF6B00; }

form p {
	margin: 0;
	padding: 0;
}
 textarea {
	height: 91px;
	margin: 5px 0 0 0;
	background: transparent url(/inc/img/bg_textarea.png) repeat-x 0 0; 
}
 textarea,input {
	border-top: 1px solid Gray;
	border-bottom: 1px solid #fff;
	border-left: 0px solid Gray;
	border-right: 0px solid #fff;
	color: #000;
	width: 236px;
	padding: 5px;
	font-size: 1.1em;
	text-shadow: #000 0 0 0;
}
 input {
	height: 20px;
	margin: 5px 0 10px 0;
	background: #d3d8d3 url(/inc/img/li_nav_open.png) repeat-x 0 top;
}
/* für Safari */
input[type=text]:focus, 
textarea:focus, 
input[type=submit]:focus,
input[type=reset]:focus { 
	outline: 0 none; 
	color: #0a2487;
	}
/*
input[type=text]:focus {
	background-color: Gray;
	}

textarea:focus {
	background: transparent url(/inc/img/textarea.png) no-repeat 0 -116px;
	background-color: Gray;
	}
 */
input.radioBtn {
	width: 16px !important;
	height: 16px !important;
	background: url(/inc/img/radioBtn.gif) no-repeat 0 top;
	outline: 0 none;
	border: none;
} 

ul.unformattedList li label, label {
	display: inline;
}
ul.unformattedList li {
	margin-bottom: 20px;
}

input[type=radio]:focus {
	background: url(/inc/img/radioBtn.gif) no-repeat 0 bottom;
} 

p#error,
form #alert, #alert {
	color: #880408;
	font-weight: bold;
	margin: 7px 0 0 0;
	padding: 5px;
	background-color: #db8978;
	border: 2px solid #be624f;
	border-radius: 5px;
	text-transform: capitalize;
	line-height: 20px;
	display: block;
	text-shadow: #efcbc4 0 1px 0;
}
/*
.btnsubmit {
	line-height: 20px;
	height: auto;
	border: 4px solid Gray;
	width: auto;
	margin: 10px 32px 0 0;
	background: url(/inc/img/button.png) no-repeat;
	cursor: pointer;
} */
.btnsubmit {
	width: auto;
	height: auto;
	border: 1px solid #7eb0d7;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(255,255,255,0.35);
	background: url(/inc/img/btn_mehr.jpg) repeat 0 100px;
	margin: 15px 32px 0 0;
	text-align: center;
	text-shadow: white 0 1px 0;
	color: #1668c8;
	font-size: 90%;
}
.btnsubmit.right{
	margin-left: 30px;
}

input[type=submit]:focus,
input[type=submit]:hover,
input[type=reset]:focus,
input[type=reset]:hover {
/*	background: url(/inc/img/button.png) no-repeat 0 -42px; */
	color: #000;
}