/* --- Knippenbergs --- */
/* --- knippenbergs.de --- */

/* --- Produktion: --- */
/* --- Büro Simon Obitz, Berlin 2009 --- */
/* --- www.buerosimonobitz.net --- */


/* --- Struktur: --- */
/* --- Allgemeines --- */
/* --- Typo, allgemein --- */
/* --- Basis-Layout: Seitenaufbau --- */
/* --- Basis-Layout: Module --- */
/* --- Innere Layout-Elemente --- */
/* --- Navigation --- */



/* --- Allgemeines --- */
html {}
/* html { height: 100.2%; margin-bottom: 1px; } /* vertikaler Scrollbalken */
html { overflow-y: scroll; } /* vertikaler Scrollbalken */
body { 
	background: #ccc url(../imgs/Knippenbergs-Hg.gif) repeat fixed;
	height: 100%;
	margin: 0;
	font-size: 68.75%; /* 11px VH */
	/* 62.5 68.75 75.0 */
}

div, p, h1, h2, h3, h4, h5, h6, a, ul, li, 
form, label, input, textarea, button, table, th, td, tr {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, sans-serif;
	line-height: 1.6em;
	word-spacing: 0.00em;
	letter-spacing: 0.00em;
	color: #000;
	text-decoration: none;
	background: transparent;
}

div {
	background: transparent;
	overflow: hidden;
	border: 0px solid #888;
}

.stop { clear: both; background: #fff; height: 0px; font-size: 1px; line-height: 1px; visibility: hidden; }
.cf:after {
	content:"."; display: block; height: 0; clear: both; visibility: hidden;
}
.cf { display: inline-block; }
.cf { display: block; }



/* --- Typo, allgemein --- */

p  {
	margin: 0 0 0.8em 0;
	font-size: 1.0em;
}

h1 { 
	font-family: Verdana, sans-serif; 
	font-weight: normal;
	color: #000;
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0 0 0 0;
}
h1 img { border: 0; }

h2 { 
	font-family: Verdana, sans-serif; 
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 0 1.6em 0;
}
h2 img { border: 0; }

h3 { 
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	font-size: 0.95em;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin: 0 0 0.8em 0;
}

h4 { 
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
	line-height: 1.6em;
	margin: 1.6em 0 0.8em 0;
}

h5 { 
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
	line-height: 1.6em;
	margin: 1.6em 0 0 0;
}

h6 { 
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
	line-height: 1.6em;
	margin: 0.8em 0 0 0;
}

strong { font-weight: bold; color: #000; }
em { font-style: italic; color: 000; padding: 0 0.3em;}

.Kiez { 
	font-weight: normal;
	color: #000;
	margin: 1.6em 0 0.0em 0;
}
.MarktHalle {
 	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	font-size: 0.95em;
	letter-spacing: 0.1em;
	margin: 0 0 0 0;
}
.MarktZusatz {
 	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	font-size: 0.95em;
	letter-spacing: 0.1em;
	margin: 0.8em 0 0 0;
}


a { color: #000; text-decoration: none; display: inline-block; height: 1.6em; background: url(../imgs/unterstrichen.gif) left bottom repeat-x; }
a:hover { color: #a32714; text-decoration: none; background: url(../imgs/rot-unterstrichen.gif) left bottom repeat-x;}

a.LinkExtern { color: #000; text-decoration: none; background: url(); }
a.LinkExtern:hover { color: #000; }

a.EMailLink { color: #000; text-decoration: none; }
a.EMailLink:hover { color: #a32714; }

ul li { list-style: none; position: outside; }

#Inhalt ul li { list-style-type: circle; position: inside; }
#Inhalt ol li { list-style-type: decimal; position: inside; }


/* --- Basis-Layout: Seitenaufbau --- */
#AbstandOben {
	width: 560px;
	height: 32px;
	margin: 0 auto;
	color: #fff;
	font-size: 0.1px;
	display: none;
}

#Seite {
	width: 560px;
	margin: 50px auto;
	background: #fff;
}

#FussNav {
	width: 560px;
	margin: 0 auto;
	padding: 1em 0 3em 20px;
	color: #000;
}

#Adresse {
	width: 560px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	display: none;
}



/* --- Basis-Layout: Module --- */
#TitelBild {
	width: 528px;
	height: 156px;
	margin: 20px 0 8px 16px;
	border: 0;
	/*background: url(../imgs/Knippenbergs-Titel.gif) no-repeat scroll;*/
	overflow: visible;
}

#Nav1 {
	width: 538px;
	height: 24px;
	margin: 0 0 32px 16px;
}

#Seitentitel {
	width: 528px;
	height: 48px;
	margin: 0px 0 0 16px;
	border: 0;
}

#Inhalt {
	width: 528px;
	margin: 0 0 32px 16px;
}

#Fuss {
	width: 528px;
	height: 0;
	margin: 0;
	padding: 0;
}


/* --- Innere Layout-Elemente --- */
.SpalteMax {
	width: 100%;
	margin: 0 0 0 0;
}

.SpalteLinks {
	width: 80px;
	height: 180px;
	margin: 0 16px 0 0;
	float: left;
	color: #fff;
}

.SpalteBreit {
	width: 400px;
	margin: 0 0 0 0;
	float: left;
}

.SpalteSchmal {
	width: 192px;
	margin: 0 16px 0 0;
	float: left;
}



/* --- Navigation --- */
#Nav1 ul li {
	list-style: none; position: outside;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	text-indent: -1000em;
}
#Nav1 ul li a {
	display: block;
	height: 24px;
	overflow: hidden;
}

#Nav1 ul li a.nav1       { background: url(../imgs/Nav1-1.gif) no-repeat -3px 0; width: 87px; margin: 0 7px 0 0; }
#Nav1 ul li a.nav1:hover { background: url(../imgs/Nav1-1.gif) no-repeat -3px -24px; }
#Nav1 ul li a.nav1-aktiv { background: url(../imgs/Nav1-1.gif) no-repeat -3px -24px;  width: 87px; margin: 0 7px 0 0;}

#Nav1 ul li a.nav2       { background: url(../imgs/Nav1-2.gif) no-repeat 0px 0; width: 96px; margin: 0 9px 0 0; }
#Nav1 ul li a.nav2:hover { background: url(../imgs/Nav1-2.gif) no-repeat 0px -24px; }
#Nav1 ul li a.nav2-aktiv { background: url(../imgs/Nav1-2.gif) no-repeat 0px -24px; width: 96px; margin: 0 9px 0 0; }

#Nav1 ul li a.nav3       { background: url(../imgs/Nav1-3.gif) no-repeat 0 0; width: 92px; margin: 0 10px 0 0; }
#Nav1 ul li a.nav3:hover { background: url(../imgs/Nav1-3.gif) no-repeat 0 -24px; }
#Nav1 ul li a.nav3-aktiv { background: url(../imgs/Nav1-3.gif) no-repeat 0 -24px; width: 92px; margin: 0 10px 0 0; }

#Nav1 ul li a.nav4       { background: url(../imgs/Nav1-4.gif) no-repeat 0 0; width: 74px; margin: 0 10px 0 0; }
#Nav1 ul li a.nav4:hover { background: url(../imgs/Nav1-4.gif) no-repeat 0 -24px; }
#Nav1 ul li a.nav4-aktiv { background: url(../imgs/Nav1-4.gif) no-repeat 0 -24px; width: 74px; margin: 0 10px 0 0; }

#Nav1 ul li a.nav5       { background: url(../imgs/Nav1-5.gif) no-repeat 0 0; width: 60px; margin: 0 12px 0 0; }
#Nav1 ul li a.nav5:hover { background: url(../imgs/Nav1-5.gif) no-repeat 0 -24px; }
#Nav1 ul li a.nav5-aktiv { background: url(../imgs/Nav1-5.gif) no-repeat 0 -24px; width: 60px; margin: 0 12px 0 0; }

#Nav1 ul li a.nav6       { background: url(../imgs/Nav1-6.gif) no-repeat 0 0; width: 72px; margin: 0 0px 0 0; }
#Nav1 ul li a.nav6:hover { background: url(../imgs/Nav1-6.gif) no-repeat 0 -24px; }
#Nav1 ul li a.nav6-aktiv { background: url(../imgs/Nav1-6.gif) no-repeat 0 -24px; width: 72px; margin: 0 0px 0 0; }



/* Nav Fuss */
#FussNav a {
	color: #888; 
}
#FussNav a:hover { color: #c30; }


/* --- --- --- */
/* --- --- --- */