/* RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

a img, :link img, :visited img { border: 0; }

a { outline: none; }


/* HTML ELEMENTS */

html, body { height: 100%; width: 100%; }

html { background: #8eb83a url(../bilder/bg-body.gif) repeat top left; height: 100%; width: 100%; }

body { font:62.5%/2.4em georgia, serif; line-height:2.4em; }

.hellgruen { color: #b4e15b; }

.gruen { color: #8eb83a; }

.dunkelgruen { color: #53750f; }

.rot { color: #CC0000; }


/* PAGE STRUCTURE */

#header, #nav, #content, #footer { display: block; width: auto; }

#header { height: 110px; background: #fff url(../bilder/bg-header.gif) repeat-x bottom left; border-top: #8eb83a 1em solid; }

body#home #teaser .section { background: url(../bilder/bg-teaser.jpg) no-repeat top center; height: 41em; }

#teaser { background: #fff url(../bilder/bg-header.gif) repeat-x bottom left; }

#content { padding: 2.4em 0; background: url(../bilder/bg-content.gif) repeat-x left top; }

#footer { padding: 2.4em 0; }

.section { margin: 0 auto; width: 96em; position: relative; padding: 2.4em 0; }

.section2, .section3, .section3x2, .section4, .section4x3 { display: inline; float: left; position: relative; padding: 2.4em 0; }

.section2 { width: 48em; }

.section3 { width: 32em; }

.section3x2 { width: 62em; }

.section4 { width: 24em; }

.section4x3 { width: 72em; }


/* NAVIGATION */

body#home li .home, body#irenedoerig li.irenedoerig, body#kontakt li.kontakt, body#kochkurse li.kochkurse, body#piemont li.piemont { border-top: #8eb83a 20px solid; }

body#irenedoerig a.irenedoerig, body#kontakt a.kontakt, body#kochkurse a.kochkurse, body#piemont a.piemont { color: #53750f; }

body#home #nav { background: url(../bilder/bg-nav.jpg) no-repeat top left; height: 10em; }

body#home h1 { line-height: 0.8em; }

#nav { margin: 0 auto; text-align: center; width: 960px; font-size: 22px; font-family: 'TeXGyreAdventorBold', helvetica, sans-serif; text-transform: uppercase; top: 0.4em; }

#nav .klein { font-size: 12px; letter-spacing: 1px; font-family: georgia, times, serif; color: #53750f; display: block; }

#nav li { float: left; list-style: none; width: 20%; border-top: #fff 20px solid; padding-top: 0.7em; position: relative; }

#nav li a { color: #8eb83a; text-decoration: none; }

#nav li a:hover { color: #53750f; }

#nav li:hover { border-top: #8eb83a 20px solid; }

#footer { color: #53750f; letter-spacing: 1px; }

#footer a, .link a { color: #ffe200; font-weight: bold; }

#footer a:hover, .link a:hover { color: #53750f; }


/* TYPROGRAPHY */

b, strong { font-weight: bold; color: #000; }

em { font-style: italic; font-weight: bold; color: #000; letter-spacing: 1px; padding: 0 2px; }

h1 {  color: #53750f; font-size:6.6em; line-height: 1.0909em; letter-spacing: -5px; font-family: 'TeXGyreAdventorRegular', helvetica, sans-serif; top: -0.2em; left: -0.1em; }

h1 span { color: #8eb83a; font-family: 'TeXGyreAdventorBold', helvetica, sans-serif; text-transform: uppercase; display: block;}

h2 { color: #53750f; font-size:3em; line-height: 1.2em; letter-spacing: -1px; font-family: georgia, times, serif; top: -0.3em; left: -0.1em; }

h3 { font-size:3em; margin-top: 0.3em; margin-bottom: 0.5em; letter-spacing: -1px; text-transform: uppercase; }

h4 { font-size:2.4em; line-height: 1em; margin-bottom: 1em; letter-spacing: -1px; text-transform: uppercase; }

h5 { font-size:2em; margin-bottom: 1.2em; text-transform: uppercase; }

h6 { font-size:1.6em; line-height: 1.5em; }

h4 { font-family: 'TeXGyreAdventorRegular', helvetica, sans-serif; }

h3, h5, h6 { font-family: 'TeXGyreAdventorBold', helvetica, sans-serif; }

h3, h4, h5 { color: #fafafa; }

h1, h2, h3, h4, h5, h6 { position: relative; font-weight: normal; margin-left: 15px; margin-right: 15px; }

i { font-style: italic; }

.section p { color: #2c4000; font-size:1.5em; padding: 0 1em; margin-bottom: 1.6em; }


/* OTHER CLASSES  */

.ampersand { font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif; font-size:110%; font-style:italic; }

.anmelden { position: absolute; right: 0; top: 4em; }

.button-wrapper { height: 9.6em; margin-left: 1em; }

.clear { clear: both; }

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

.float-left { float: left; }

.float-right { float: right; }

.highlight { background-color: #53750f; padding: 0 5px; color: #fafafa; }

.inline { display: inline; }

.teaser-left { padding-top: 12em; }

.teaser-right { padding-top: 15em; text-align: center; }

.teaser-right .button { position: absolute; bottom: 0; right: 1.5em; }

.intro .button { position: absolute; bottom: -2em; right: 1.5em; }

.letterspacing { letter-spacing: 1px; }

.logo { position: absolute; top: -0.5em; left: 0; z-index: 9; }

.margin { margin: 1.2em 1em; }

.margin-left { margin-left: 2em; }

.margin-right { margin-right: 2em; }

.minimum-height { min-height: 30em; height:auto !important; height: 30em; }

.nodisplay { display: none; }

.nomargin { margin-bottom: 0!important; }

.over { background: url(../bilder/bg-over.png) repeat left top; cursor: pointer; }

.polaroid { background: #fafafa; padding: 1em; border: #ededed 1px solid; -moz-box-shadow: 0 1px 5px #999; -webkit-box-shadow: 0 1px 5px #999; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5); margin: 2.4em 0; }

.rotate-left { -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); }

.rotate-right { -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); }

.small { font-size: 75%; line-height: inherit; letter-spacing: 1px; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }


/* IMAGES  */

img.img-left, img.img-right { margin-bottom: 2.4em; position: relative; top: 0.5em; }

img.img-left { float: left; margin-right: 2.4em; }

img.img-right { float: right; margin-left: 2.4em; }

body#home .section img { margin: 0 0 2.4em 1em; }


/* FORM ELEMENTS */

form { padding: 4.8em 2.4em 0; }

form h3 { margin: 0; padding: 0; }

form .felder { padding: 6px 4px 2px 4px; width: 85%; margin: 0; font-family: helvetica, arial, sans-serif; border: solid 1px #53750f; font-size: 14px; } 

form .felder-select { width: 200px; }

.select-wrapper { width: 50%; float: left; display: inline; margin-bottom: 1em; } 

form label { width: 85%; font-size:16px; display: block; margin-top: 10px; }

form input:focus { background-color: #ffe200; }

p.error { color: #cc0033; font-size: 12px; display: block; }


.button { 
	background: #ffe200 url(../bilder/btn-gradient.png) repeat-x;
	border: 1px solid #e8d200;
	color: #fff!important;
	cursor: pointer; 
	display: inline-block;
	font-size: 15px;
	font-family: 'TeXGyreAdventorBold', helvetica, sans-serif; 
	padding: 5px 15px 5px;
	position: relative;  
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px #999;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;    
	margin-bottom: 2.1em;  
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	-moz-box-shadow: 0 1px 5px #999; 
	-webkit-box-shadow: 0 1px 5px #999; 
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);  }

.button:hover { background: #b4e15b url(../bilder/btn-gradient.png) repeat-x; border: 1px solid #b4e15b;}
	 

/* OVERLAY */

.simple_overlay { display:none; z-index:10000; background-color:#fafafa; padding: 10px; border: #999 1px solid; -moz-box-shadow:0 0 15px 5px #999; -webkit-box-shadow: 0 0 15px #999; width: 65em; }

.simple_overlay .close { background-image:url(../bilder/overlay-close.png); position:absolute; right:-10px; top:-10px; cursor:pointer; height:30px; width:30px; }

.progress { position:absolute; top:45%; left:47%; display:none; } 

.disabled { visibility:hidden; }

.next, .prev { height:30px; width:30px; position:absolute; top:50%; cursor:pointer; }

.prev { background-image:url(../bilder/overlay-left.png); left:-0; }

.next { background-image:url(../bilder/overlay-right.png); right:0; }

.progress { position:absolute; top:45%; left:47%; display:none; } 


/* TABS */

.panes { background: url(../bilder/bg-over.png) repeat left top; padding: 2.4em 0; }

.panes h4 { margin-bottom: 0!important; line-height: 1.2em; }

.panes h6 { color: #2c4000; }

ul.tabs { list-style:none; margin:0 !important; padding:0; display: block; }

ul.tabs li { text-indent:15px; padding:0; margin:0 !important; list-style-image:none !important; border-bottom: #b4e15b 1px solid; }

ul.tabs a { color: #53750f; width: 100%; font-size:18px; display:block; height: 42px; line-height:42px; text-decoration:none; }

ul.tabs li a:hover { background: url(../bilder/bg-over.png) repeat left top; }

ul.tabs a:active { outline:none; color: #fafafa; }

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: url(../bilder/bg-over.png) repeat left top; cursor:default !important; font-weight: bold; color: #fafafa; }