/* Standard-CSS für www.seo-kueche.de */

/* Wichtige Farben
Dunkelgrün:	 	#6D8917
Dunkelgrau:	 	#5F5F5F
Schrift		:		#818181
*/

html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #818181;
}
html { height: 101% }


img { border: 0; }

a:focus { outline: none;}

a:link {
   color: #6D8917;
   text-decoration: none;
}
a:visited {
   color: #6D8917;
   text-decoration: none;
}
a:hover {
   color: #464646;
   color: #AFAFAF;
   text-decoration: none;
}
a:active {
   color: #6D8917;
   text-decoration: none;
}

div#infobox a:link {
   color: #fff;
   text-decoration: none;
}
div#infobox a:visited {
   color: #fff;
   text-decoration: none;
}
div#infobox a:hover {
   color: #D7D7D7;
   text-decoration: none;
}
div#infobox a:active {
   color: #fff;
   text-decoration: none;
}

.fehlermeldung {color: red;}

/* Rahmenlayout */

div#container {
	width: 840px;
	margin: 22px auto;
}

div#head {
	clear: both;
	width: 840px;
	height: 365px;
	border-bottom: 1px solid #939393;
}
div#logo {
	float: left;
	width: 280px;
	height: 118px;
	border-bottom: 1px solid #fff;
}
div#mainnav {
	float: right;
	width: 560px;
	height: 118px;
	border-bottom: 1px solid #fff;
}

/***** Menüdarstellung Hauptnavigation BEGIN ***/
/*
div#mainnav ul {
	list-style-type: none;
}
div#mainnav li {
	display: block;
	float: left;
	width: 140px;
	height: 118px;
	background-image: url(../images/bg_mainmenu.jpg);
}
div#mainnav li a {
	display: block;
	float: left;
	width: 119px;
	height: 98px;
	font-size: 12px;
	color: #5F5F5F;
	padding: 10px;
	text-transform: uppercase;
	border-left: 1px solid #fff;
}

div#mainnav li a:link, div#mainnav li a:active, div#mainnav li a:visited, div#mainnav li a:hover {
}

#mainnav .sub {

	clear: both;
	width: 60px;
	height: 30px;
	z-index: 3;

	background-color: blue;
}*/

.navPoint {
	position: relative;
	float: left;
	width: 140px;
	height: 118px;
	background-image: url(../images/bg_mainmenu.jpg);
}
.navPoint a, .navPoint span {
	display: block;
	position: absolute;
	float: left;
	width: 119px;
	height: 98px;
	font-size: 12px;
	color: #5F5F5F;
	padding: 10px;
	text-transform: uppercase;
	border-left: 1px solid #fff;
}
.navPoint a:hover, .navPoint span:hover {
	color: #AFAFAF;
}
.subMenu {
	width: 139px;
	position: absolute;
	clear: both;
	top: 35px;
	left: 0px;
	z-index: 3;
	border-left: 1px solid #fff;
	visibility: hidden;
}
.navPoint ul {
	list-style-type: none;
}
.navPoint li {
	display: block;
	float: left;
	width: 139px;
	height: 24px;
	background-color: #F1F1F1;
	border-bottom: 1px solid #D5D5D5;
}
#subListe .subMenuLink {
	display: block;
	float: left;
	width: 129px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #5F5F5F;
	border: none !important;
	padding: 0px 0px 0px 10px !important;
	text-transform: none !important;
}
.subMenuLink:hover {
	background-color: #D7D7D7;
}
li.abschluss {
	display: block;
	height: 8px;
	width: 139px;
	border-bottom: 1px solid #fff;
	background-color: #D5D5D5;
}
.zweizeilig {
	height: 40px !important;
	line-height: 20px !important;

}

/***** Menüdarstellung Hauptnavigation END *****/

div#subnav {
	float: left;
	clear: both;
	width: 840px;
	height: 24px;
	background-color: #565656;
}

/***** Men�darstellung Subnavigation BEGIN ***/

div#subnav ul {
	list-style-type: none;
}
div#subnav li {
	display: block;
	float: left;
	width: 139px;
	height: 23px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
div#subnav li a {
	display: block;
	width: 132px;
	height: 20px;
	font-size: 11px;
	color: #fff;
	padding-left: 7px;
	text-transform: uppercase;
	line-height: 22px;
}
div#subnav li a:hover {
	color: #AFAFAF;
}
div#subnav li.long {
	width: 280px;
	border-left: none !important;
}
div#subnav li.long a {
	width: 280px;

}

/***** Menüdarstellung Subnavigation END *****/


div#infobox {
	position: relative;
	float: left;
	width: 252px;
	height: 171px;
	/*background-color: #6D8917;*/
	background-image: url(../images/bg_infobox.jpg);
	background-repeat: repeat-x;
	padding: 10px 14px 40px 14px;
}

div#loginbox {
	position: relative;
	float: left;
	width: 280px;
	height: 221px;
	background-image: url(../images/bg_infobox.jpg);
	background-repeat: repeat-x;
	padding: 0;
}


div#infotext {
	position: absolute;
	width: 252px;
	bottom: 14px;
	font-size: 12px;
	color: #fff;
}

div#infotext * {
	color: #fff;
}

div#headerpic {
	float: right;
	clear: right;
	width: 559px;
	height: 221px;
	border-left: 1px solid #fff;
}
#breadcrumb {
	width: 548px;
	margin-left: 292px;
	font-size: 10px;
	color: #6e6e6e;
	margin-top: 5px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:hover
{
	color: #6e6e6e;
	font-size: 10px;
}
#breadcrumb a.active,
#breadcrumb a.active:link,
#breadcrumb a.active:active,
#breadcrumb a.active:visited,
#breadcrumb a.active:hover
{
	text-decoration: underline;
}
div#content {
	clear: both;
	width: 840px;
	margin: 20px 0px 0px 0px;
}
div#contentLeft {
	float: left;
	width: 260px;
	padding: 0px 10px 0px 10px;
}
div#contentRight {
	float: right;
	clear: right;
	width: 539px;
	padding: 0px 10px 0px 10px;
}

div#contentCenter {
	margin-left:48px;
	width: 725px;
	padding: 0px 10px 0px 10px;
}

div#footer {
	float: left;
	clear: both;
	width: 840px;
	border-top: 1px solid #939393;
	margin: 25px 0px 0px 0px;
	padding-top: 8px;
	padding-bottom: 20px;
	font-size: 11px;
	position: relative;
}
.footright {
	position: absolute;
	left:802px;
	top:8px;
}
.footleft{
	width:700px;
}
div#footer div, div#footer a{
	font-size:11px;
}
div#footer a:link {
   color:#818181;
   text-decoration: none;
}
div#footer a:visited {
   color:#818181;
   text-decoration: none;
}
div#footer a:hover {
   color:#6D8917 !important;
   text-decoration: none;
}
div#footer a:active {
   color:#818181;
   text-decoration: none;
}

/* Schriftformatierungen */

strong div{
	font-weight: bold;
}

h1, h1 div {
	font-size: 18px;
	color: #6D8917;
	margin-bottom: 12px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #464646;
}
h3 {
	font-size: 18px;
	color: #fff;
	display: block;
	margin-bottom: 12px;
}

span.teasertext {
	display: block;
	width: 240px;
	margin-bottom: 30px;
	padding-right: 20px;
}

/* Content-Bereich */

div .artikel {
	display: block;
	width: 539px;
	margin-bottom: 15px;
	color: #464646;
}
.artikel p { margin-bottom: 6px; } /* noch anpassen */


#lexikonEinleitung,
#speisekarteEinleitung,
#kontaktEinleitung,
#mitarbeiterEinleitung,
#angebotEinleitung,
#warumSeoEinleitung {
	padding-bottom: 15px;
	width: 536px;color: #464646;
}
#kontaktEinleitung { color: #464646; padding-bottom: 5px;}


#lexikonEinleitung,
#mitarbeiterEinleitung,
#angebotEinleitung { margin-bottom: 25px; border-bottom: 1px solid #939393;}

#mitarbeiterEinleitung,
#angebotEinleitung { color: #464646; }

#lexikonLeft, #lexikonRight { width: 268px; }
#lexikonLeft { float: left; }
#lexikonRight { float: right; }
#lexikonLeft ul, #lexikonRight ul { list-style-type: none;}

ul.buchstabe { margin-bottom: 20px;}
li.buchstabe {
	display: block;
	width: 25px;
	/*height: 25px;
	background-color: #5F5F5F;*/
	background-image: url(../images/bg_lexikon.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 25px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

ul.kategorie { margin-top: 5px; width: 258px;}
li.kategorie {
	font-weight: bold;
	margin-bottom: 3px;
	color: #464646;
	width: 258px !important;
	text-align: left;
	line-height: 16px;
	text-transform: none;
}
ul.begriff { margin-top: 5px; }
ul.begriff li {
	display: block;
	background-image: url(../images/abb_bulletpoint.gif);
	background-repeat: no-repeat;
	padding-left: 11px;
	width: 258px !important;
	text-align: left;
	line-height: 16px;
	text-transform: none;
}




/* Styles für Klapp-Navi Speisekarte */

#basic-accordian{
	width:536px;
	position:relative;
	border-bottom: 1px solid #939393;
}

.accordion_headings, .accordion_headings:hover {
	background-image: url(../images/abb_speisekarteListePfeil.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
.accordion_headings {
	cursor:pointer;
	line-height: 35px;
	font-size: 18px;
	border-top: 1px solid #939393;
}

.accordion_headings:hover {
	color: #6D8917;
}
.accordion_child{
	padding:15px;
}
.header_highlight{}


/* Kontaktforumlar */

form {
	border-top: 1px solid #FFF;

}

.contactRow { margin-bottom: 3px }
.contactRow { margin-bottom: 6px\9 } /* IE all versions */

.m-bottom-30 { margin-bottom: 30px }

#kontaktForm {
	background-color: #EFEFEF;
	border-top: 1px solid #939393;
	width: 536px;
	padding: 17px 0px 17px 0px;
	color: #464646;
}

#kontaktForm label {
	display: block;
	float: left;
	width: 128px;
	text-align: right;
	padding: 0px 10px 0px 0px;
	line-height: 22px;
	margin-bottom: 4px;
}

#kfFirma,
#kfName,
#kfStrasse,
#kfPlz,
#kfOrt,
#kfTelefon,
#kfTelefax,
#kfEmail,
#kfInternet,
#kfNachricht {
	border: 1px solid #5F5F5F;
	width: 273px;
	height: 18px;
	display: block;
	float: left;
	margin-bottom: 4px;
	padding: 5px 0px 0px 5px;
	font-size: 12px;
}
#kfPlz,
#kfOrt,
#kfInternet {
	/*margin-bottom: 32px;*/
}


#kontaktForm .inputPlz { width: 47px;  }
#kontaktForm .inputOrt { width: 205px; }
.inputSlash {
	display: block;
	float: left;
	width: 14px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}
#kfNachricht { height: 105px; overflow: auto;}

#btnSubmit {
	display: block;
	width: 280px;
	height: 24px;

	color: #FFF;
	text-transform: uppercase;

	border: none;
	background-color: #5A7113;

}
#contentLeftKontakt b { color: #464646; }


.hiddenContent {
	display: none;position: relative;
}
#closeWindow, #modalFooter {
	position: absolute;
	height: 24px;
	width: 560px;
	line-height: 24px;
	color: #FFF;
	text-align: right;
}
#closeWindow {
	top: 0px;
	right: 0px;
	background-color: #657E15;
}

#modalFooter {
	height: 15px;
	bottom: 0px;
	right: 0px;

	background-color: #FFF;
}



/*-------------------------------------------------------------------------- MITARBEITER */

.mitarbeiterList { margin-bottom: 15px; padding-bottom: 15px;  width: 536px; }
.mitarbeiterList.border { border-bottom: 1px solid #DBDBDB; }

.container-mitarbeiter { float: left; width: 50%; position: relative; }
.container-mitarbeiter img { float: left; margin-right: 10px; }
.container-mitarbeiter div {
	position: absolute;
	bottom: 0;left: 137px;
	width: 131px;
	color: #464646;
}

/*-------------------------------------------------------------------------- ANGEBOT (FORMULAR ) */

#form-angebot { background-color: #EFEFEF; padding: 25px 20px; width: 496px; border-top: 1px solid #939393; }
#form-angebot .form-left,
#form-angebot .form-right {
	float: left;
	width: 238px;
	padding-right: 10px;
}
#form-angebot .form-row {
	padding-right: 10px;
}
#form-angebot .form-left label,
#form-angebot .form-right label {
	display: block;

	width: 228px;
	line-height: 20px;
	color: #464646;
}
#form-angebot .form-left input,
#form-angebot .form-right input {
	border: 1px solid #5F5F5F;
	width: 226px;
	text-indent: 3px;
	margin-bottom: 10px;
	height: 20px;
}
#form-angebot .form-row select {
	border: 1px solid #5F5F5F;
	width: 100px;
	text-indent: 3px;
	margin-bottom: 10px;
	height: 24px;
}

#form-angebot .form-row textarea {
	width: 474px;
	height: 107px;
	border: 1px solid #5F5F5F;
}
#form-angebot .info { line-height: 24px; }
#form-angebot .info input { margin: 0 6px 0 0; padding: 0; }

#form-angebot .form-row #il-plz { float: left; padding: 0 10px 0 0; margin: 0;}
#form-angebot .form-row #il-plz label { width: 40px; }
#form-angebot .form-row #il-plz input { width: 40px; }

#form-angebot .form-row #il-ort { float : left; }
#form-angebot .form-row #il-ort label { width: 174px; }
#form-angebot .form-row #il-ort input { width: 174px; }

#form-angebot #btnSubmit {
	margin-left: 250px;
	margin-top: 20px;
	width: 226px;
}

form #blocktext{
	margin-bottom:5px;
}


/*-------------------------------------------------------------------------- KUNDENLOGIN */

#kundenlogin,
#kundenlogin h1,
#kundenlogin label { color: #FFFFFF; }

#kundenlogin h1 { padding: 12px 14px 0 14px; }
#kundenlogin form { border: none; }
#kundenlogin .form-row { margin-bottom: 7px; padding: 0 14px; }

#kundenlogin label { display: block; float: left; width: 85px; line-height: 20px; }
#kundenlogin input {
	display: block;
	float: left;
	border: 1px solid #EAF0D7;
	background-color:#EAF0D7;
	height: 18px;
	margin:1px 0px 0px 4px;
	font-size:99%;
	padding:0;
}
#login-submit{
	background-image:url(../images/go_login.gif);
	background-position:0 bottom;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:22px;
	text-indent:-3000px;
	width:34px;
	margin:0 0 0 0px;
}

#kundenlogin .divider {

	border-bottom: 1px solid #FFFFFF;
	height: 1px;
	line-height: 1px;
	width: 280px;
	padding: 6px 0 0 0;
}
#kundenlogin p.text { padding: 0 14px; color: #FFFFFF; }


.login-1{
	/*height:22px;
	background-image: url(../images/back_login_1.gif);*/
	width:167px;
	float:left;
}
.login-2{
	/*height:22px;
	background-image: url(../images/back_login_2.gif);*/
	width:129px;
	float:left;
}
.gbox-text{
	padding:0 14px;
	color:#ffffff;
}
.logout{

}

.logout a,
.logout a:link,
.logout a:visited,
.logout a:active{
	color:#ffffff;
	text-align: center;
}
.logout div{
background-color:#565656;
margin:15px 0 8px 0;
padding:5px 6px 5px 6px;
width:39px;
border-top: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid #3F3B3B;
border-right: 1px solid #3F3B3B;
}
.logout a:hover{
	color:#000000;
}
a.berichte{
	font-weight: bold;
}

* + html #form-angebot .form-row #il-ort label { width: 170px; }
* + html #form-angebot .form-row #il-ort input { width: 170px; }
* + html #form-angebot .form-row select { height: 26px; }

/*-------------------------------------------------------------------------- Sitemap*/
#sitemap ul {
	list-style-type: none !important;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
#sitemap li {
	display: inline-block;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 0px;
}
.sitemap-level-1,
.sitemap-level-2,
.sitemap-level-3,
.sitemap-level-4 {
	background-color: #F5F5F5;
	line-height: 26px;
	height: 26px;
	margin-bottom: 1px !important;
	text-indent: 14px;
}
.sitemap-level-1 {
	color: #FFFFFF;
	font-weight: bold;
	width: 536px;
	margin-bottom: 8px !important;
}
.sitemap-level-1 { background-image: url(/cms/images/bg_sitemap_l1.gif); }
.sitemap-level-2,
.sitemap-level-3,
.sitemap-level-4 {
	background-image: url(/cms/images/bg_sitemap_lx.gif);
	color: #464646;
}
.sitemap-level-2 		{ margin-left: 60px !important; width: 476px;  }
.sitemap-level-3 	{ margin-left: 120px !important; width: 416px; }
.sitemap-level-4 	{ margin-left: 180px !important; width: 356px; }

.sitemap-level-1:hover,
.sitemap-level-2:hover,
.sitemap-level-3:hover,
.sitemap-level-4:hover {
	background-color: #EDEDED !important;
}
#sitemap li a,
#sitemap li a:link,
#sitemap li a:visited,
#sitemap li a:active {
	color: #464646;
	display: block;
	height: 26px;
}
.sitemap-level-1 a,
.sitemap-level-1 a:link,
.sitemap-level-1 a:visited,
.sitemap-level-1 a:active {
	color: #FFFFFF !important;
	font-weight: bold;
}
#sitemap li a:hover,
.sitemap-level-1 a:hover { text-decoration: underline; }

/*-------------------------------------------------------------------------- WARUM SEO */

.warum-seo {}
.warum-seo .list-item { padding-bottom: 20px; }
.warum-seo .list-item img { float: left; margin-right: 18px; }


/*-------------------------------------------------------------------------- Presse */

#liste{
border-top:1px solid #939393;
position:relative;
width:536px;
padding:10px 0 10px 0;
}


h3.subheading {
	display: block;
	background-color: #5A7113;
	font-size: 12px;
	color: #FFFFFF;
	padding: 4px 10px;
	margin-top: 15px;
}

.accordion_headings span { color: #5A7113; }
.accordion_headings span strong { display: inline; margin-left: 20px; font-weight: normal !important; }

.lastPM { padding-bottom: 20px; color: #464646; }
.lastPM b { display: block; margin-bottom: 15px; }


/*----------------------------------------------------------------------Kundenbereich*/

.kundennav{
	border-bottom:1px solid #939393;
	border-top:1px solid #939393;
	width:100%;
	padding:7px 0 7px 0;
	margin:10px 0 20px 0;
}
.kundennav2{
	width:100%;
	padding:7px 0 7px 0;
	margin:10px 0 20px 0;
}
.kundennav a {
	padding: 0 7px 0 7px;
}

.blcolor { color: #5F7813; }
.redcolor { color: #D90000; }
.sp0 { font: bold 40px Arial; }
.sp1 { font: bold 26px Arial; }
.sp2 { font: bold 20px Arial; }
.marg1 .sp2 {  color: #FFFFFF;  }
.sp3 { font: 12px Arial;  }
.marg1 .sp3 {  color: #FFFFFF;  }
.marg1 a {  color: #FFFFFF;  text-decoration: underline;}
.marg1 .blcolor a {  color: #000000;  text-decoration: underline;}
.sp3_bold { font: bold 14px Arial; }
.td3 { background-color: #5F7813; color: #FFFFFF; }
.sp4 { font: 16px Arial; color: #FFFFFF;  }
.marg1 { margin: 10px 10px 10px 10px; }
.marg2 { margin: 10px 10px 10px 20px; }
.marg3 { margin-left: 10px; margin-right: 10px; }
.marg3 a b{ color:#FFFFFF; }
.marg4 { margin: 10px 0px 0px 0px; }
.marg5 { margin-right: 10px; }
.sp5 { font: bold 18px Arial; }
.sp6 { font: 10px Arial; }
.tbl1 { border-left: 1px solid #939393; border-right: 1px solid #939393; border-top: 1px solid #939393; }

.td4 { background-color: #DFDFDF; color: #5F5F5F; }
.underline_cell { border-bottom: 1px solid #939393; }
.td2_color { background-color: #5F7813; color: #FFFFFF; }
.td2 { border-bottom: 1px solid #939393; }
.left_border { border-left: 1px solid #939393; }
.bottom_border { border-bottom: 1px solid #939393; }
.right_border { border-right: 1px solid #939393; }
.right2_border { border-right: 2px solid #939393; }
.right_border_dark { border-right: 1px solid #939393; }
.right2_border_dark { border-right: 2px solid #939393; } 

/*-------------------------------------------------------------------------- HILFSKLASSEN */

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}