html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-size: 100%;
	font-family: inherit;
	vertical-align: bottom;
	background-repeat: no-repeat;
}
/* remember to define focus styles! */
body {
	line-height: 1;
	color: black;
	background: white;
}
li {
	list-style: none;
	font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
	color:#165f8a;
	font-weight:bold;
}
ueberli {
	text-align:left;
	list-style: none;
	font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
	color:#165f8a;
	font-weight:bold;
}
ol, ul {
	list-style: none;
	font: 1.17em/1.6em Arial, Tahoma, Verdana, sans-serif;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	vertical-align:bottom;
text-align: left;
background-color:transparent;
}

caption {
background: #ffd223;
width:210px;
font: 1.3em/0.5em Arial, Tahoma, Verdana, sans-serif;
text-align: center;
color:#ff0000;
text-transform: uppercase;
font-weight: bold;
border: 8px solid #ffd223;
}

tabueschr {
font: 1.2em/1.4em Arial, Tahoma, Verdana, sans-serif;
text-align: left;
color:#ff0000;
text-transform: uppercase;
font-weight: bold;
font-style:italic;
}

.tabueschr {
font: 1.2em/1.4em Arial, Tahoma, Verdana, sans-serif;
text-align: center;
color:#ff0000;
text-transform: uppercase;
font-weight: bold;
font-style:italic;
}

.suchen {
font: 1em/0.8em Arial, Tahoma, Verdana, sans-serif;
text-align: left;
color:#ff0000;
font-weight: bold;
font-style:italic;
}

th {
background: transparent;
padding: 10px;	
font: 1.2em/1.8em Arial, Tahoma, Verdana, sans-serif;
text-align: left;
color:#0c4363;
font-weight: bold;
}

td {
background: #daedfe;
border-bottom:medium solid #ffd223;
padding: 10px;	
font: 1.6em/1.8em Arial, Tahoma, Verdana, sans-serif;
text-align: center;
color:#0c4363;
text-transform: uppercase;
font-weight: bold;
}


/* Globals und Typo --------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: transparent url(bilder/grid.png) top left no-repeat;
*/	
	background: transparent;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background: transparent;
	font-size: 75%;
}

html>body {
	font-size: 12px;
}

a:link {
	color: #fdd63f;
	text-decoration: none;
	text-shadow:#41A3F9;
}

a:visited {
	color: #fdd63f;
	text-decoration: none;
	text-shadow:#41A3F9;
}

a:hover {
	color: #FFF;
	text-decoration: none;
	text-shadow:#41A3F9;
}

.liblau {
	color: #41A3F9;
	text-transform: uppercase;
	padding: 0.4em;
	text-decoration: none;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext --------------------------------------------------------------------------------------- */
p {
	font: 1em/1.8em Arial, Tahoma, Verdana, sans-serif;
	color: #165f8a;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.tabklein {
	font: 0.5em/2em Arial, Tahoma, Verdana, sans-serif;
	text-align:center;
	color: #0c4363;
}

.orte {
	font: 0.8em/1.4em Arial, Tahoma, Verdana, sans-serif;
	text-align:center;
	color: #0c4363;
}

h1 {
	font: 2.35em/0.9em Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #fdd63f;
	margin-top: -1.0em;
	margin-bottom: -0.5em;
}

h2 {
	font: 1.4em/1em Arial, Tahoma, Verdana, sans-serif;
	color: #165f8a;
	margin-top: 1em;
	margin-bottom: 2em;
}

h3 {
	font: 1.6em/0em Arial, Tahoma, Verdana, sans-serif;
	color: #41A3F9;
	margin-top: 1.13em;
	text-transform: uppercase;
}

h4 {
	font: 1.6em/1.2em Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	font-style:italic;
	color: #41A3F9;
	margin-top: 1.13em;
	text-transform: uppercase;
}

ftel {
	font: 2em/1.2em "Arial Black", Gadget, sans-serif;
	color: #ff0000;
}

.ftel {
	font: 2em/1.2em "Arial Black", Gadget, sans-serif;
	color: #ff0000;
}

.fotel {
	font: 3.2em/1.2em Arial Black;
	text-align: center;
	color: #fdd63f;
	margin-top: 1em;
	margin-bottom: 0em;
}

tueberblick {
	font: 1.2em/1.4em Arial, Tahoma, Verdana, sans-serif;
	text-align:left;
	color: #165f8a;
	text-transform: uppercase;
	margin-bottom: 1em;
}

/* Bilder und verlinkte Bilder ohne Rahmen --------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}

.bild {
	margin: 0 0 0em 0em;
}

/* Links- bzw. Rechtsausrichtung für Elemente --------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}



/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#wrapper {
margin: 0 auto;	
width: 980px;
background:transparent;
}

#header {
clear: both;
padding: 2em 0em 0.8em 2em ;
width: 956px;
background: #41A3F9 url(bilder/logo_der_schluesseldienst_max.png) top right no-repeat;
}

#navigation {
clear: both;	
}

#leiste {
clear: both;
text-align:right;
padding: 0em 0em 0.4em 0em;
margin:0em 0em -0.2em 0em;
background: #ffd223;
}

#leiste_unten {
clear: both;
text-align:right;
padding: 0em 0em 0.2em 0em;
margin:-1em 24em 0em 1em;
background: #ffd223;
}

#ortsteile {
clear: both;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	line-height: 18px;
text-align:center;
padding: 1em;
margin: 2em;
border: 2px solid #165f8a;
color: #165f8a;
background: #41A3F9;
}


#suche {
clear: both;
text-align:left;
padding: 0em 1em;
background: #ffffff;
}

#content {
clear: both;
float: left;
display: inline;
width: 660px;
/*max-width: 63%;*/
padding: 1em 2em 1em 2em;
background: transparent url(bilder/fb.jpg) bottom center no-repeat;
}

#sidebar {
float: right;	
display: inline;
width: 220px;
/*max-width: 24%;*/
text-align:center;
padding: 2em;
background: #ffd223;
}

#footer {
clear: both;
padding: 0em 2em 0.2em 2em;
background: #41A3F9;
}

#wrapper #content table {
	vertical-align:bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position: static;
	bottom: 4px;
	z-index:2;
}

.unsichtbar {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	color: #30C;
}

.erreichbar {
	width:210px;
	text-align: center;
	text-transform: uppercase;
	background: #41A3F9;
	padding: 10px;
	border: 2px solid #ffd223;
}

.ueberblick {
	width:200px;
	background-color:#FFF;
	text-align: left;
	text-transform: uppercase;
	border: 2px solid #41A3F9;
}