@charset "UTF-8";


/* @override http://atelier-freund.de/2010/tl_files/layout/stylez.css */

/* Style sheet basic */

/* @group Grundstile */

body {
	
	// background: #fff url(/layout01.jpg) no-repeat;
	background: #fff url(bg_strand.jpg) no-repeat 0 105px;
}

a,body,div,em,input,label,li,ol,p,select,span,strong,td,th,textarea,u,ul {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a,body,div,input,label,li,ol,p,select,td,th,textarea,u,ul {
	font-size: 12px;
}

h1 {
	padding: 0;
	font-size: 25px;
	line-height: 35px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
}

h2 {
	margin: 0;
	padding: 0 0 20px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}

a {
	text-decoration: none;
	color: #a9c64d;
}

a:hover {
	text-decoration: underline;
	color: #a9c64d;
}

img {
	border: 0px;
	vertical-align: baseline;
}

p,pre,form {
	margin: 0;
	padding: 0;
}

p,div {
	line-height: 20px;
}

#wrapper {
	overflow: hidden;
}

#container {
	width: 890px;
	padding-left: 15px;
	padding-top: 5px;
}

/* @end */

/* @group Header */

#header {
	height: 105px;
	overflow: hidden;
}

#header .inside {
}

#header div.kopfbild {
	position: absolute;
	top: 0;
	z-index: -200;
	height: 105px;
}

#header .logo {
	position: absolute;
	z-index: 2000;
	top: 20px;
	left: 540px;
}

/* @group Navi */

#header .navi{
	position: absolute;
	top: 69px;
	z-index: 1;
	background: url(navi_bg.png) no-repeat 0 0;
	height: 23px;
	padding-top: 13px;
}

#header .navi ul {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	width: 859px;
	padding-bottom: 0;
	padding-left: 61px;
	padding-right: 0px;
}


#header .navi ul li {
	float: left;

}

#header .navi ul li a,
#header .navi ul li span {
	line-height: 25px;
	display: block;
	color: #000;
}

#header .navi ul li a:hover,
#header .navi ul li span,
#header .navi ul li a.trail{
	background-color: #a9c64d;
	color: #fff;
	text-decoration: none;
}

#header .navi ul li a.home,
#header .navi ul li span.home {
	width: 77px;
	text-align: center;
	margin-right: 9px;
}

#header .navi ul li a.aktuelles,
#header .navi ul li span.aktuelles {
	width: 77px;
	text-align: center;
	margin-right: 9px;
}

#header .navi ul li a.landschaft,
#header .navi ul li span.landschaft {
	width: 118px;
	text-align: center;
	margin-right: 10px;
}

#header .navi ul li a.stilleben,
#header .navi ul li span.stilleben {
	width: 76px;
	text-align: center;
	margin-right: 10px;
}

#header .navi ul li a.malkurse,
#header .navi ul li span.malkurse {
	width: 76px;
	text-align: center;
	margin-right: 10px;
}

#header .navi ul li a.vita,
#header .navi ul li span.vita {
	width: 76px;
	text-align: center;
	margin-right: 10px;
}

#header .navi ul li a.kontakt,
#header .navi ul li span.kontakt {
	width: 76px;
	text-align: center;
	margin-right: 00px;
}

/* @end */



/* @end */

/* @group Main */

#main {
	width: 520px;
	padding-top: 25px;
}

.dreier #main {
	width: 420px;
	margin-left: 195px;
}

/* @group Gallery */

#main .ce_gallery {
	padding-top: 47px;
	padding-left: 46px;
	background: url(mitte_schatten.png) no-repeat left top;
}

#main .ce_gallery table {
	width: 456px;
}

#main .ce_gallery .image_container {
	padding-right: 1px;
	padding-bottom: 1px;
}

#main .ce_gallery .image_container img {
	vertical-align: bottom;
}

/* @group Slimbox */

#lbCloseLink {
	margin: 0 0 5px;
	background-position: 11px;
}

#lbCaption,#lbNumber {
	margin-right: 90px;
}

#lbCaption {
	margin-bottom: 5px;
}

#lbCaption p {
	font-weight: normal;
	font-style: normal;
	color: #000;
}

/* @end */

/* @end */

/* @group Bestellfrom */

#main form.bestellform {
	padding-top: 47px;
	padding-left: 46px;
	background: url(mitte_schatten.png) no-repeat left top;
}

#main form.bestellform .headline {
	width: 230px;
	padding-left: 1px;
}

#main form.bestellform div.form_block {
	float: left;
	margin: 0 10px 15px 0;
}

#main form.bestellform div.form_block label {
	display: block;
	padding-left: 1px;
	padding-bottom: 5px;
}

#main form.bestellform input.text {
	width: 210px;
	color: #9c9e9f;
	border: 0px solid #fff;
	vertical-align: text-bottom;
	padding: 6px 5px;
	line-height: 10px;
}

#main form.bestellform input#ctrl_1,
#main form.bestellform input#ctrl_3 {
}

#main form.bestellform textarea {
	width: 450px;
	border: 0px solid #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 8px;
	color: #9c9e9f;
}

#main form.bestellform div.explanation p {
	color: #b6b3ad;
	padding-left: 1px;
}

#main form.bestellform div.submit_container {
	overflow: hidden;
}

#main form.bestellform div.submit_container input.absenden_knopf {
	width: auto;
	border-style: none;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #a9c64d;
	color: #fff;
	margin: 15px 10px 18px 0;
}


/* @end */

#main .ce_text {
	padding-right: 30px;
	padding-left: 45px;
}

.dreier #main .ce_text {
	padding-right: 30px;
	padding-left: 25px;
}

#main #kontakt .adresse {
	padding-right: 0px;
	padding-left: 45px;
	float: left;
	width: 175px;
}

div#willkommen h1 {
	background: url(willkommen_an_der_nordsee.png) no-repeat;
	text-indent: -9999px;
	padding-bottom: 22px;
	margin-top: 2px;
}

/* @end */

/* @group Right */

#right {
	width: 370px;
}

.dreier #right {
	width: 265px;
}

#right .ce_text {
	color: #9c9e9f;
	padding-right: 70px;
}

#right .rahmen {
	padding-top: 31px;
	padding-left: 32px;
	background: url(rechts_schatten.png) no-repeat left top;
}


#right a.link_pdf {
	padding-right: 18px;
	background: url(pdf_icon_16x16.gif) no-repeat right center;
	display: block;
	float: left;
	margin-right: 4px;
}

/* @end */

/* @group Left */

#left {
	width: 195px;
	padding-top: 25px;
}

#left .subnavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 46px;
}

#left .subnavi ul li {
	background: url(li_grau.png) no-repeat left 6px;
	padding-left: 11px;
}

#left .subnavi ul li:hover,
#left .subnavi ul li.active {
	background: url(li_gruen.png) no-repeat left 6px;
}

#left .subnavi ul li a {
	line-height: 20px;
	color: #9c9e9f;
}

#left .subnavi ul li a:hover,
#left .subnavi ul li span {
	color: #a9c64d;
	text-decoration: none;
	line-height: 20px;
}

/* @end */

/* @group Teaser */

div.custom {
	width: 900px;
	padding-left: 35px;
}

div#teaser-box-01 {
	width: 207px;
	float: left;
	padding-top: 33px;
	padding-left: 34px;
	background: url(teaser_klein.png) no-repeat;
	padding-bottom: 30px;
}

div#teaser-box-02 {
	width: 207px;
	float: left;
	padding-top: 33px;
	padding-left: 34px;
	background: url(teaser_klein.png) no-repeat;
	padding-bottom: 30px;
}

div#teaser-box-01 img,
div#teaser-box-02 img {
	padding-top: 8px;
	padding-right: 2px;
}

div#teaser-box-01 div.pfeil_weiter,
div#teaser-box-02 div.pfeil_weiter {
	float: right;
	padding-top: 17px;
	padding-right: 3px;
}

div#teaser-box-03 {
	width: 300px;
	float: left;
	padding-top: 33px;
	padding-left: 35px;
	background: url(teaser_klein.png) no-repeat;
	padding-bottom: 30px;
}

div#teaser-box-03 img {
	padding-right: 13px;
	padding-top: 2px;
}

/* @end */

/* @group Footer */

div#footer {
	padding-top: 60px;
	padding-bottom: 20px;
	padding-left: 55px;
}

div#footer p,
div#footer a {
	color: #b6b3ad;
}

/* @end */