/*******************************************************************************

	Project		:	zobernig.at

	Copyright	:	philipp hofstätter webdesign
					www.fietstouring.com

*******************************************************************************/




/*	
*******************************************************************************/

* { margin: 0; padding: 0; } 
a img { border: 0; background: transparent; }	
fieldset { border: none; }  
html { height: 100% } 



body {
	font: 80% Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #656565;
	background: #F2F6F9 url(../images/body-bg.gif) repeat-y 50% 0;
	behavior: url(files/css/csshover.htc); /* WinIE behavior call*/
}

#base { width: 820px; margin: 0 auto; position:relative; }

a { color: #009DE0; }
a:hover { text-decoration: none; }


/* =HEADER 
================================================ */

#header { width: 777px; height:60px;  margin:0 auto; position:relative; margin-top: 18px; }

div#header h1 { 
	position:absolute;
	top:7px;
	left:0;
	font-size: 11px; 
	}

div#header h1 a:hover { text-decoration: none; }

div#header h1 a { 
	display: block; 
	width: 232px; 
	height:53px; 
	font-size: 2px;
	text-indent: -700em;
	text-decoration:none;
	background: url(../images/logo.png) no-repeat top left; 
	outline:0;
	}

ul#topnav { position:absolute; top:0; right:0;  list-style-type:none; margin:0;  }
ul#topnav li { float:left; background: transparent url(../images/topnav-split.png) no-repeat right 7px; text-align:center; list-style-type:none;  }
ul#topnav a { float:left; background: transparent; color: #599142; padding: 4px 9px 4px 8px; text-decoration:none;  font-size:11px; o }
ul#topnav a:hover { text-decoration:underline; } 
ul#topnav li.activelink a,ul#topnav li.activelink a:hover{ font-weight: 800; }

ul#topnav li.last { background:none; }
ul#topnav li.last a {  padding-right:0; }

div#header h2 { 
	position:absolute;
	bottom:0;
	right:0;
	font-size: 11px; 
	}

div#header h2 a:hover { text-decoration: none; }

div#header h2 a { 
	display: block; 
	width: 109px; 
	height:13px; 
	font-size: 2px;
	text-indent: -700em;
	text-decoration:none;
	background: url(../images/die-fahrschule.png) no-repeat top left; 
	}


/* =NAVIGATION 
================================================= */

#navigation { width:777px; margin: 0 auto; height:27px; background: #2CB1E9 url(../images/nav-bg-ul.png) no-repeat top right; margin-top: 1px; }

ul#nav {  list-style:none; width:777px; margin: 0 auto;  }
ul#nav li { 
	list-style-type:none; 
	float:left; 
	background: #2CB1E9 url(../images/nav-bg.png) no-repeat top left;
	margin:0; 
	padding:0;
	border:0;
	
}
ul#nav li a { 
	float:left;
	display:inline;
	color: #fff; 
	text-decoration:none; 
	font-size: 11px;
	margin: 0; 
	line-height:1em; 
	padding: 8px 7px 8px 20px;
	font-family: "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	outline:0;
}

ul#nav li a:hover { color: #FEE300; }
ul#nav li a.current { color: #FEE300; }

ul#nav li.first { background: #2CB1E9 url(../images/nav-bg-first.png) no-repeat top left; }
ul#nav li.first a { padding-left:12px; }


/* =LEFTBAR SUBNAV 
====================================================== */

#subnav ul.nav2nd, #subnav ul.nav3rd { list-style:none;  }

#subnav ul.nav2nd li { padding: 5px 0 5px 7px; border-bottom: 1px solid #F7F7F7; }

#subnav ul.nav2nd li a { 
	padding-left: 17px;
	text-decoration:none;
	color: #009DE0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background: #fff url(../images/bul-blue.png) no-repeat 0 50%; 
}

#subnav ul.nav2nd li a:hover { text-decoration:underline; }
#subnav ul.nav2nd li a.current { font-weight:bold;  }

#subnav ul.nav3rd { margin-top: 1px; }
#subnav ul.nav3rd li { margin:0; padding: 2px 0 2px 0; border:none; }

#subnav ul.nav3rd li a { text-transform:none; color: #027e98; letter-spacing: 0;  background: none;   }
#subnav ul.nav3rd li a:hover { text-decoration: underline; }

#subnav ul.nav3rd li a.current { text-decoration:underline; font-weight:normal;  }

#subnav ul.nav2nd li.home { color: #20577f; font-size: 11px; text-transform: uppercase; } 
#subnav ul.nav2nd li.home a { background:transparent; padding-left: 18px; }


/* =MASTHEADS
================================================ */

div#masthead-start { 
	position:relative;
	width: 820px;
	height: 186px;
	overflow:hidden;
	margin: 0 auto;
}

div#masthead-start h1 {  text-indent: -9999em; }

dl#masthead-2, dl#masthead-3, dl#masthead-4, dl#masthead-5, dl#masthead-6, dl#masthead-7, dl#masthead-10, dl#masthead-41, dl#masthead-11, dl#masthead-9 {
	width: 777px; height: 62px;
	text-indent: -9999em; 
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-top: 20px; 
}

dl#masthead-2 { background: transparent url(../images/masthead-fahrschule.png) no-repeat top left; }
dl#masthead-3 { background: transparent url(../images/masthead-fuehrerschein.png) no-repeat top left; }
dl#masthead-4 { background: transparent url(../images/masthead-termine.png) no-repeat top left; }
dl#masthead-5 { background: transparent url(../images/masthead-downloads.png) no-repeat top left; }
dl#masthead-6 { background: transparent url(../images/masthead-aktuelles.png) no-repeat top left; }
dl#masthead-7 { background: transparent url(../images/masthead-kontakt.png) no-repeat top left; }
dl#masthead-9 { background: transparent url(../images/masthead-guestbook.png) no-repeat top left; }
dl#masthead-10 { background: transparent url(../images/masthead-sitemap.png) no-repeat top left; }
dl#masthead-41 { background: transparent url(../images/masthead-impressum.png) no-repeat top left; }
dl#masthead-11 { background: transparent url(../images/masthead-agb.png) no-repeat top left; }


#container { width: 777px; margin: 0 auto; margin-top: 45px; min-height: 250px; }

#container-start { width: 777px; margin: 0 auto; margin-top:10px;  }


/* =TEXT STYLES
================================================ */

h1, h2, h3, h4, h5 { font-family: "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif; }

#content h1 { font-size: 22px; line-height: 120%; color: #000;  }
#content h2 { 
	font-size: 17px; 
	line-height: 1; 
	color: #e40000; 
	margin: 4px 0 15px 0; 
	padding-bottom: 5px;
	border-bottom: 1px solid #f2f2f2; 
	text-transform:uppercase;
	font-weight:500;
	}

#content h3 { 
	font-size: 13px; 
	line-height: 140%; 
	}

#content h4 { font-size: 14px; margin: .6em 0 .1em 0; font-family: arial,helvetica, sans-serif; }
#content h5 { font-size: 13px; margin: .5em 0 1.2em; background: #FAFAFA; padding: 6px; border: 1px solid #eeeeee;   }
#content h6 { font-size: 100%; margin: .5em 0 .1em; }

#content h3.news-header { margin: 9px 0 3px 0; font-size: 14px; border-bottom: 1px solid #f7f7f7; color: #e40000;  }

#rightarea h4 { 
	font: bold 11px Helvetica,Arial,sans-serif; 
	background: #E40101;  
	color:#fff;
	padding: 5px;
	padding-left: 8px;
	text-transform:uppercase;
	}


/* =HOMEPAGE MASTHEAD
================================================*/

div#masthead-home { width: 777px; margin: 0 auto; height:215px; margin-top: 20px; }
div#col-left { 
	float:left;
	position:relative;
	width:518px; 
	height: 215px; 
	background: transparent url(../images/teaser-left.png) no-repeat top left; 
	text-indent: -9999em; 
	}
div#col-right { 
    float:left;
	position:relative;
	width: 258px; 
	height:215px; 
	background: transparent url(../images/teaser-right.png) no-repeat top left; 
	margin-left: 1px;
	}

.kurse-start { 
	width:220px;
	color: #fff;
	margin: 0 0 7px 16px;
	line-height: 1.2;
	}
	
.first { margin: 10px 0 7px 16px;  }

.termine-ausgabe li { list-style:none; }

.kurse-start h3 { font-size: 13px; margin-bottom: 4px; color: #ACE794; text-transform:uppercase;  }

#button-kurse { 
	position:absolute;
	top: 178px;
	left: 150px;
	}

#button-kurse h3 a {
	display:block;
	width:99px; 
	height:30px;
	text-indent:-9999em; 
	font-size: 2px;
	text-decoration:none; 
	background: transparent url(../images/button-alle-Kurse.png) no-repeat top left;
}

#button-kurse h3 a:hover { background: transparent url(../images/button-alle-Kurse-hi.png) no-repeat top left;
}

div#col-left img { 
	position:absolute;
	bottom: 0;
	right:0;
    width:250px;
	height:215px;
    behavior: url(files/css/iepngfix.htc);
	-bottom:-1px;
	}


/* =HOMEPAGE
================================================ */

#content-start #col-fahrschule, #content-start #col-fuehrerschein, #content-start #col-downloads {
	float: left; display: inline;
	width: 258px; _width:256px;
	border-top: 1px solid #F4F4F4;
	line-height: 1.4;
	}

.col-inner { width: 224px; margin: 13px 17px;  }

#col-downloads h3 a, #col-fuehrerschein h3 a, #col-fahrschule h3 a { 
	font: bold 13px Arial, Helvetica,sans-serif; 
	color: #6AA851; 
	line-height: 1.7; 
	text-decoration:none; 
	}

#col-fuehrerschein h3 a, #col-fuehrerschein a { color: #F5B301; text-decoration:none; }
#col-fahrschule h3 a, #col-fahrschule a { color: #E21919; text-decoration:none; }
#col-fahrschule p { margin-bottom: 6px; padding-bottom: 6px;  }
#col-downloads a { color: #6AA851; text-decoration:none; }

#col-fuehrerschein a:hover, #col-downloads a:hover, #col-fahrschule a:hover { text-decoration:underline; }

#col-downloads img, #col-fuehrerschein img { border: 2px solid #CFCFCF; }

#col-fuehrerschein p a { color: #fea71e; text-decoration: none; font-weight: normal; background: url(../images/arrow-yellow.png) no-repeat right 60%; padding-right: 11px; }
#col-downloads p a { color: #71bd66; text-decoration: none; font-weight: normal; background: url(../images/arrow-green.png) no-repeat right 60%; padding-right: 11px; }
#col-fuehrerschein p strong a:hover, #col-downloads p strong a:hover { text-decoration: underline; }

#content-start #lower { width: 777px; background: url(../images/hm-lower-bg.png) repeat-y; border-top: 1px solid #f3f3f3; clear: both; }

#content-start #lower #col-wide { width: 505px; margin: 0 0 0 0; float:right; }
#content-start #lower #col-wide h3 { font-family: arial,helvetica,sans-serif; font-size: 14px; line-height: 1.5; margin-top: 5px; padding: 5px 0 0 2px;  }

#lower #col-wide p em a { color: #009DE0; font-style: normal; text-decoration: none; background: url(../images/arrow-blue.png) no-repeat right 60%; padding-right: 12px; }
#lower #col-wide p em a:hover { text-decoration: underline; }
#lower #col-wide ul { background: #efefef; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; width: 486px; list-style: none; margin: 6px 0; }
#lower #col-wide ul li { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 6px; margin-bottom: 1px; background: #f6f6f6; }
#lower #col-wide ul li a { color: #888; text-decoration: none;  }
#lower #col-wide ul li a:hover { color: #009DE0; }
#lower #col-wide ul li.btmnews { margin-bottom: 0; }
#lower #col-wide ul li strong { color: #656565; font-weight: normal; }

#content-start #content-cap { width: 777px; height: 15px; background: url(../images/hm-cap-bg.png) no-repeat; clear: both; }

#content-start #lower #col-narrow h3 { width: 124px; height: 11px; margin-bottom: 5px; text-indent: -9999em; overflow: hidden; background: url(../images/hm-h3-brochures.png) no-repeat; }

#lower #col-narrow { width: 220px; margin: 0 15px 0 18px; float: left;  display: inline; }

#content-start #col-narrow dl { margin: 0 0 .5em; padding: 8px 6px 8px 2px; }
#content-start #col-narrow dl a { color: #079cd4; }
#content-start #col-narrow dt { color: #079cd4; font-weight: normal; font-size: 105%; margin: 0 0 2px 50px; }
#content-start #col-narrow dt.graphic { float: left; display: inline; margin: 0; clear: both; }
#content-start #col-narrow dd { margin: 0 0 2px 50px; }

#lower #col-wide strong.news-teaser { font-weight:bold; color: #E71919; }


/* =CONTENT
================================================ */

#content-start { width:777px; margin:0 auto; background: url(../images/hm-mid-bg.png) repeat-y; }

#leftarea { float: left; width: 170px; padding: 0 15px 20px 0; }
#content { float: left; width: 400px; margin: 0; line-height: 1.4em; padding: 0 15px 0 0; background:#fff;  }
#rightarea { float: left; width: 175px; position:relative; padding-top:25px; font-size:11px;  background:#fff;  }

/* Absätze Content und Rightbar */

#content p { margin: 0.9em 0; }
#rightarea p { margin: 5px 0 12px 0; font-size: 11px; line-height: 1.4em; }
#rightarea a { color: #009DE0; }

/* Bilder Content */

img.float-right, img.float-left { float: right; display: inline; margin: 2px 0 8px 10px; padding: 8px; background: #FFF; border: 1px solid #EEE; }
img.float-left { float: left;  margin: 5px 10px 8px 0; }

/* Content Listen */

#content ul { 
	list-style:none; 
	margin: 0.5em 0 1.5em 0; 
	background-color: #F1F3F3;  
	padding: 4px 0 4px 0;
	}

#content ul li { 
	background: transparent url(../images/list-item.png) no-repeat 10px .7em;
	line-height: 1.3; 
	list-style:none; 
	margin:0; 
	padding: 7px 5px 7px 28px;
	border-bottom: 1px solid #fff;
	}

#content ol {  
	margin-left: 25px; 
	margin-bottom: 0.8em; 
	padding:  0; 
	line-height:1.3;
	}
#content ol li { list-style-position:outside; margin-bottom: 0.5em; }

#content li.odd { background-color: #f4f4f4; }

#content dl { margin-bottom: 1.2em; background: #F5F5F5; padding:12px 5px 10px 10px; }
#content dt { display:inline; float:left; padding-bottom: 5px; color: #496F7A; font-style:italic;  }
#content dd { margin-left: 85px; border-left: 1px solid #fff; padding: 0 0 5px 16px; background: transparent url(../images/tick.png) no-repeat 3px 2px;  }

#content h3.klasse, #content h3.kurs {  font-size: 13px; margin-left: 15px;  }
#content h3.kurs { margin-top: 1.5em; color:white;  }

#content h3.klasse span, #content h3.kurs span { display:table-cell; .display:block; .width:32%; -width: 35%; background: #E8E8E8; padding: 4px 12px 4px 12px;  }
#content h3.kurs span { background-color: #E40101; }
#content h3.kurs span.abendkurs { padding-left: 25px; background: #E40101 url(../images/night.png) no-repeat 5px 50%; }
#content h3.kurs span.tageskurs { padding-left: 25px; background: #E40101 url(../images/day.png) no-repeat 5px 50%; }
#content h3.kurs span.wochenendkurs { padding-left: 25px; background: #E40101 url(../images/weekend.png) no-repeat 5px 50%; }

/* All Tables */

#content table { background-color: #F1F3F3; margin-bottom: .8em; border-bottom: 2px solid #E8E8E8; }
#content table td { border-right:1px solid #fff; border-bottom:1px solid #fff; padding: 0.6em .4em .5em .6em; }
#content th { background-color: #DDE1E1; padding: 0.5em; padding-top: 0.7em; border-right:1px solid #fff; border-bottom:1px solid #fff; }

#content .tr-odd { background-color: #f4f4f4; color: #496F7A; }
#content td.row-span { font-weight:bold; width:6.5em; text-align:center; padding:0; }

/* Ausstattung dl */

#content dl.ausstattung { padding:12px 5px 0 10px; }
#content dl.ausstattung dd { margin-left: 115px; background:none; padding-left: 8px; }
#content dl.ausstattung dd p { margin-top: 0; }
#content dl.ausstattung dt { padding-top: 2px; }
#content dl.ausstattung dt img { border: 2px solid #D8DEDE; padding: 2px; background: #fff;  }

/* Kurse dl */

#content dl.kurs { padding-top: 0; }
#content dl.kurs dd { margin-left: 150px; background:none; padding:0px;  }
#content dl.kurs dt { width: 140px; padding-top: 12px; font-weight:bold; }
#content dl.kurs ul { margin-bottom: 0; }

/* Downloads ul */

#content ul.download-list { 
	list-style:none; 
	margin-top: 0; 
	}

#content ul.download-list li { background-image: none; padding-left: 14px; padding-top: 10px; }
#content span.download-ext { display:block; font-style:italic; }
#content ul.download-list li p { margin: 0.5em 0 0.3em 0; }



/* Team-Tables */

#content table.team { margin-bottom: 1em; background:#fff; border:none;  }
#content table.team td { background:#fff; border:none; padding:0; }
#content table.team a { color: #656565; text-decoration:none; }
#content td.team-img { width:125px; }
#content table.team td.team-name { padding-bottom: 4px; }
#content table.team img { border: 2px solid #D8DEDE; padding: 2px;  }
#content table.team img:hover { border: 2px solid #009DE0; }

/* Termin-Liste */

#content table.termin-liste { width:100%; margin-top: 0.6em; .margin-top: 20px;  }
#content table.termin-liste th { text-align:center;  }
#content table.termin-liste th img { float:right; display:inline; padding-right: 0.4em; margin-top: 1px; }
#content table.termin-liste td { padding: 7px 10px; text-align:center; }

#content th.th-left, #content th.th-left-eh, #content th.th-left-ak { background: #DDE1E1 url(../images/th-bg-left.png) no-repeat top left; }
#content th.th-right, #content th.th-right-eh, #content th.th-right-ak { background: #DDE1E1 url(../images/th-bg-right.png) no-repeat top right; }

#content th.th-left, #content th.th-left-eh { width:190px; }

/* Artikelliste-News */

#content ul.article-list { list-style:none; background:transparent;  }
#content ul.article-list li { background:transparent; margin-bottom: 10px; line-height: 1.3em; padding:0; border:none; }
div.news-date, span.articlelist-date { display:block; line-height: 1.5; color: #9D9D9D; font-size: 0.95em;  }
#content ul.article-list h4 { margin:0 0 0.5em 0; line-height: 1; }
#content ul.article-list h4 a { color: #009DE0; text-decoration: underline; }
#content ul.article-list h4 a:hover { text-decoration: none; }
div.news-content { margin-top: 10px; }


/* News Blätterung */

div#news-pagination { 
	width:100%; 
	margin-top: 20px; 
	text-align:right; 
	background: transparent;  
	height: 22px;
	}

span.news-pag-left { float:left; padding: 0.1em 0 0 0.6em; font-size: 11px; }
span.news-pag-right, span.pag-pages { float:right; padding: 0.1em 0.6em 0 0; font-size: 11px; }

/* News-Liste Pagination */

span.pag-pages { font-size: 12px; }
span.pag-pages a, div#news-pagination strong { padding: 0; text-decoration:none; }
span.pag-pages a.prev-page, span.pag-pages a.next-page { font-size: 14px; }


/* Downloads Rightbar */

ul.downloads-rightarea, ul.links-rightarea { 
	list-style:none; 
	background-color: #F8F8F8; 
	padding: 8px 0 8px 0;
	margin: 0em 0 2em 0;
	}

ul.downloads-rightarea li a, ul.links-rightarea li a { color: #656565; font-size: 11px; }
ul.downloads-rightarea li a:hover, ul.links-rightarea li a:hover { color: #000; text-decoration:underline; } 

#rightarea ul.links-rightarea li { background: transparent url(../images/list-item.png) no-repeat 6px 0.1em; padding-left: 23px;  }
ul.links-rightarea li a { color: #656565; font-size: 11px; }

ul.downloads-rightarea li, ul.links-rightarea li { margin-bottom: 0.7em; clear:both; padding: 0 3px 8px 8px; border-bottom: 1px solid #fff; }

#rightarea ul.downloads-rightarea li img { padding:0; border:none; float:left; display:inline; padding-right: 0.4em;  }

#rightarea div.padding-yes { padding-top: 195px;  }
#rightarea div.padding-no { padding-top:5px; }
#rightarea div.padding-yes img {  }


/* =PRODUKT-TEASER 
================================================== */

dl.teaser, dl.teaser-start {
	background: transparent url(../images/offer-dl-bg.png) repeat-y top right; 
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 1em 0.2em 0.8em 0;
	line-height: 1.5;
	}

dl.teaser-start { float:left; padding: 0.8em 0.5em 0.8em 0; font-size: 11px; line-height: 1.3; }

dl.teaser dd { margin: 0 0 2px 190px; }
dl.teaser dt { margin: 0 0 2px 190px; line-height: 1.3em; }
dl.teaser dt a, dl.teaser-start dt a { font-weight:bold; font-size: 14px; text-decoration:none;  }
dl.teaser dt a:hover, dl.teaser-start dt a:hover { text-decoration:underline;  }
dl.teaser dt.teaser-image, dl.teaser-start dt.teaser-image { float:left; display:inline; margin:0; clear:both;  }
dl.teaser dt.teaser-image img, dl.teaser-start dt.teaser-image img { border: 1px solid #fff; }
div.teaser-text {  padding: 0.5em 0.2em 0.5em 0em;  }

#content div.teaser h3 { font-size: 14px; margin-bottom: 5px; border:none; line-height: 130%;  }

dl.teaser-start { width: 315px; min-height:110px; -width:310px; -height:110px; }

dl.teaser-start dd { margin: 0 0 2px 132px; }
dl.teaser-start dt { margin: 0 0 2px 132px; line-height:1.3em; }

div.partner { font-size: 11px; font-weight:bold; }
#rightarea div.partner img { border:none; }


/* =RIGHTBAR STYLES
====================================================== */

/* Bilder Rightbar und Untertitel*/

#rightarea img.no-border { border:none; padding:0; margin: 0.3em 0 0 0; }

div.img-right { position:relative; margin: 3px 0 0.5em 0;  }
#rightarea div.img-right img {  padding: 5px; border: 1px solid #EEE;  }
#rightarea div.img-right .enlarge { position:absolute; left:150px; width: 19px; height:18px; border:none;  }
#rightarea div.img-right .enlarge img { border:0; padding:0; }

img.alphaLupe { border:0; padding:0; width: 16px; height: 16px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/images/enlarge.png',sizingMethod='scale') }
#rightarea img.pngMsie                   {  display: none; -display: inline;  }
#rightarea img.pngMoz                    { display: inline; -display: none; }

#rightarea div.img-right p { font-size: 11px; margin: 0 0 5px 8px; line-height:1.2; padding:0; float:none; }
#rightarea a.imghover img:hover { border: 1px solid #027e98; }

/* Listen Rightbar */

#rightarea li { display:block; float:none; }

/* Produkt-Teaser */

#rightarea a.teaser-rightbar { 
	display:block; 
	text-decoration:none; 
	color:#656565; 
	font-size: 11px; 
	border-bottom: 1px solid #eeeeee;  
	padding-bottom: 1em; 
	line-height: 1.4;
	margin-bottom: 1em; 
	}

#rightarea a.teaser-rightbar strong { display:block; color: #027e98; font-size: 12px;  }
#rightarea a.teaser-rightbar span.highlight {  color: #027e98; }

#rightarea a.teaser-rightbar:hover { text-decoration:underline; }

#rightarea div#sujet { position:absolute; width: 216px; height:229px; top:-25px; left:6px; }

/* =NEWSLETTER BOX
================================================= */

#newsletter{
    width:854px;
	height:0px;
	font-size:11px;
	margin:0 auto;
	overflow:hidden;
	background: #9D9D9D;
}

#newsletter p { padding: 1em 20px 0.8em 20px; color: #fff; font-weight:bold; float:left;  }

form#newsletter-box { float:right; padding: 0.7em 0; color:#fff; margin-right: 17px;  }
form#newsletter-box label { padding-right: 0.3em; }
form#newsletter-box input { margin-right: 0.4em; width: 125px; background-color: #FFF; color: #656565; border: 1px solid #363636; padding:2px; font-size: 11px;  }
form#newsletter-box input.logbtn { font-size: 95%; cursor: pointer; color: #656565; background: #F8F8F8; padding: .2em; margin: 0; width: auto; border: 1px outset #CCC; }

#newsletter span.newsl-abmelden { font-weight:normal; }
#newsletter span.newsl-abmelden a { color: #fff; }

/* = FORM_STYLES
================================================ */

form#contact-form h4, form#preisliste-form h4, form#newsletter-form h4 { color: #656565!important; font-size: 94%; margin: 0 0 .5em; }
form#preisliste-form h4 { float:left; width: 95px; }
form#contact-form div, form#preisliste-form div, form#newsletter-form div { background: url(../images/form-field-bg.gif) repeat-y; padding: 1em; margin-top: .7em; }
form#contact-form p, form#preisliste-form p, form#newsletter-form p { margin:0; padding:0;  }
form#contact-form input.checker, form#preisliste-form input.checker { width: 12px; margin: 0 4px 0 0; padding: 0; background-color: transparent; border:none;  }
form#contact-form input:hover.checker, form#preisliste-form input:hover.checker { background-color: transparent!important; }
form#contact-form input, form#preisliste-form input, form#newsletter-form input,  #gb-form input, #gb-form textarea { 
width: 200px; background-color: #FFF; color: #656565; border: 1px solid #CCC; padding: 1px; 
}

#gb-form input { width:145px; }
form#contact-form textarea { width: 290px; background-color: #FFF; color: #656565; font: 110% Arial, Helvetica, sans-serif; border: 1px solid #CCC; padding: 1px;  }
form#contact-form input:hover, form#contact-form input:focus, form#contact-form textarea:hover, form#contact-form textarea:focus, form#preisliste-form input:hover, form#preisliste-form input:focus, form#newsletter-form input:focus, form#newsletter-form input:hover  { background-color: #F8F8F8!important; }
form#contact-form .buttondiv, form#preisliste-form .buttondiv, form#newsletter-form .buttondiv { padding-bottom: 0.2em; }
form#contact-form table#choices { font-size: 90%; width: 400px; }
form#contact-form table#choices td { padding: 0 0 .6em; width: 35%; }
form.login#contact-form span a { font-size: 90%; color: #00a2bf; padding-left: 1em; }

form#contact-form h4.error, form#preisliste-form h4.error, form#newsletter-form h4.error, form#preisliste-form span.error { color: #ff0000!important; }

 p.no, div.no { display: none; margin:0; padding:0;  }

form#contact-form img.submit-orange { background: transparent url(../images/submit-orange.gif) no-repeat top left; width:115px; height: 30px; border:none; cursor:pointer;  }
form#contact-form img.submit-orange:hover { background: transparent url(../images/submit-orange.gif) no-repeat 0 -29px; }



span.required { background: url(../../images/required.gif) no-repeat right center; padding-right: 10px; }
span.requiredStar { font-size: 125%; font-weight: bold; color: #C00; }


p.note { font-size: 90%; margin: .7em 0 0; }

select { background: #FAFAFA; border: 1px solid #CCC; padding: .1em; width: 150px; } 
select:hover { background: #FFF; border: 1px solid #BBB; } 

*:first-child+html #contact table td input { padding: 0 .25em; width: auto; overflow:visible; } /* IE7 ONLY */

form#preisliste-form label { float:left; width: 300px;  }
form#preisliste-form input.checker { float:left; width:18px; margin-top: 3px; }

/* = GÄSTEBUCH
============================================================ */

#gbook { width: 400px; overflow:hidden; }
#content ul.gbook { margin:0; padding:0; }

#gbook ul.gb-pagination { line-height: 1.6; background:transparent; }
#gbook ul.gb-pagination li { float:left; list-style:none; padding: 0 0.7em 0 0; padding-bottom:1em; background:none; }

#content ul.gbook li { 
	list-style:none; 
	margin:0; 
	padding: 10px 4px 2px 0px; 
	background:#fff;  
	font-size: 12px;
	border-bottom: 1px solid #f3f3f3;

}

#content ul.gbook p { margin-top: 0.6em; line-height: 1.4; }
ul.gbook .gb-datum { font-size: 0.9em;  }
ul.gbook cite { font-size: 1.1em; font-weight:bold; background: transparent url(../images/comment.png) no-repeat 0 50%; padding-left:21px;}

span.gb-reply { display:block; padding: 10px 0 0 10px; color: #000; }
ul.gbook span.gb-reply cite {  background: transparent url(../images/comments.png) no-repeat 0 50%; }

#gb-form { margin-top: 0.8em; }

#gb-form label { display:inline; width: 100px; }
#gb-form p { line-height: 2;}

#gb-form fieldset { border:0; }
#gb-form legend { padding-left: 0; font-weight:bold; }
#gb-form .gb-submit { line-height: 1; margin:0; padding:0; }
#gb-form .gb-comment { line-height:2; padding-top: 0.4em;  }
#gb-form textarea { width: 370px; font-family: arial,sans-serif; font-size:12px; padding:2px;  }

div.gb-thankyou { padding: 0; color: #ff0000; }

#gb-form img.eintragen { background: transparent url(../images/button-eintragen.gif) no-repeat top left; width:115px; height: 30px; border:none; cursor:pointer;  }
#gb-form img.eintragen:hover { background: transparent url(../images/button-eintragen.gif) no-repeat 0 -29px; }


/* =SITEMAP
============================================================= */

#content ul.sitemaplevel1 { background-color:transparent; }
#content ul.sitemaplevel1 li, ul.sitemaplevel2 li  { border-bottom:none; }
#content ul.sitemaplevel2 {  background-color:transparent; margin: 8px 0 0 20px; font-size:0.9em;  }
#content ul.sitemaplevel2 li { margin-bottom: 0.1em; }

/* =FOOTER
============================================================= */

#base ul#footer  { 
	font-size: 88%; 
	width:777px; 
	margin:0 auto; 
	border-top: 1px solid #EEE; 
	margin: 2em 0 0 17px; 
	clear: both; 
	padding: .75em 0 2em; 
	
	}

#base ul#footer li { display: inline; list-style: none; color: #029FE0; margin: .5em 0; background-image: none; padding: 0; }
#base ul#footer li a { color: #029FE0; text-decoration: none; border-bottom: none; }
#base ul#footer li a:hover { text-decoration: underline; }
#base ul#footer li a strong  { color: #029FE0; font-weight: normal; }
#base ul#footer li.copy { display: block; list-style: none;  }
#base ul#footer li.copy a { text-decoration: underline; }

#base ul#footer ul li a { color: #048a9c; text-decoration: none; border-bottom: none; }
#base ul#footer ul li a:hover { color: #048a9c; text-decoration: underline; border-bottom: none; background-color: #e5fcff; }

/* =LIVESEARCH 
========================================================== */

#livesearch { 
	margin: 0 0 10px 0;
	width:175px;
	padding: 0 0 0.8em 0;
	
}

#LSShadow { 
	padding: 0.4em 0.3em 0 0em; 
}

#LSShadow li.top { font-size: 11px;  }
#LSShadow li.top:hover {  background: none; }

#livesearch ul { 
	margin-top: 0.2em; 
	background-image:none;
	}

#livesearch input { 
	width: 145px; 
	background: #fff url(../images/search.gif) no-repeat right 1px;  
	border: 1px solid #B1B1B1;	
	height: 16px;
	padding: 0.2em 0 0 0.1em;
	font-size: 11px;
	margin:0 auto;	
	}

#livesearch li { 
	list-style:none;
	margin:0;
	padding:0;
	background-image:none;
	padding: 0.2em 0 0 0;
	font-size:11px; 
	border:none;
	}

#LSShadow li.result {  padding: 0.2em 0.1em 0.3em 0;  }
#LSShadow li.result:hover { background-color:  #fff; }

#LSShadow li.bottom { margin-top: 1em; font-weight:bold; }

#LSShadow li.suchbegriff { font-size: 11px; padding: 0.8em 0 0.8em 0; }

#livesearch input.searching { background: #fff url(../images/searching.gif) no-repeat right 2px; }


/* =STATISCHE SUCHE 
============================================================= */

#search-static a.search-name { font-size: 1.3em; }
#search-static p { margin-bottom: 1.3em; }


/* =SKIP NAV
================================================ */
ul#skipNav { position: absolute; left: -9999px; font-size: small; z-index: 200; }
ul#skipNav a:link, ul#skipNav a:visited { color: #F00; }
ul#skipNav a:focus { display: block; position: absolute; top: 20px; left: 10020px; font-size: large; background: #EEE; border: solid 2px #555; padding: 10px; width: 12em; z-index: 100; }
ul#skipNav a:hover { color: #390; background: #FFF; }


/* =EXTRAS (clears floats - do not edit or delete)
================================================ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */