/*

Projekt:	Secur
Autor:		Philipp Arlt
Datum:		10.11.2008

lezte Aktualisierung: 10.11.2008


Farben


Orange			#e56c0d
Hintergrund		#f8f6f6
Inhalt-Hg		#ece9e3
Überschrift		#a09f97
Nav-Hg			#c7c3bd
Nav-Linie		#dfdcd8
Fußzeile		#dcdcd7

*/

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, html, span, a, form, image, img, object {
	margin: 0; padding: 0; vertical-align: top; border: none; outline: none;
}

th, td {padding: 2px; vertical-align: top;}


input {height: 18px; border: #c7c3bd 1px solid;}
.button {height: 24px; width: 150px; padding: 3px; font-weight: bold; color: #000; background-color: #c7c3bd; cursor: pointer; border #fff 2px solid !important; }
.button:hover {background-color: #a09f97; color: #fff;}



#stadt_kontakt_ansprechpartner {margin-top: 50px; overflow:auto;}
#stadt_kontakt_infos {overflow:auto;}
.stadt_links {width: 220px; float: left;}
.stadt3_links {width: 120px; float: left;}
.stadt_rechts {width: 245px; margin-left: 50px; float: left;}
.clear {clear: both;}


/* allgemeines */
body { background:#f8f6f6;}
#mantel { margin: 0 auto; width: 870px;}



#meta { height: 43px; padding: 0 10px; margin-top: 20px;}
#meta ul, #meta li {display: inline; }
#meta_links { width: 220px; float: left; margin-top: 25px;}
#meta_rechts { width: 630px; float: right; margin-bottom: 3px}
#header { height: 342px; margin-left: 10px; background: #e56c0d url(/img/header_hg.gif) no-repeat 850px;}



#content { padding: 0 10px; background:url(/img/hg.gif); overflow: auto; width: 850px;}

#navigation { width: 210px; float: left; font-weight: bold; text-decoration: none;}
#navigation li { list-style:none; display:block;}
.nav {height: 19px; background:url(/img/nav_hg.gif); padding-left: 20px; padding-top: 4px; color: #000; cursor: pointer;}
.nav:hover { background-position: bottom;}
.nav_aktiv {height: 19px; background:url(/img/nav_hg.gif) bottom; padding-left: 20px; padding-top: 4px; color: #fff; cursor: pointer;}
#nav_block { height: 41px; background:url(/img/nav_block_hg.gif);}
#nav_block_2 {height: 19px; background:url(/img/nav_hg.gif); padding-left: 20px; padding-top: 4px; color: #000;}

.nav_stadt_sub {height: 19px; background:url(/img/nav_stadt_hg.gif); padding-left: 30px; padding-top: 4px; color: #fff; font-size: 11px; text-decoration: none; cursor: pointer;}
.nav_stadt_sub:hover {background-position: bottom; text-decoration: none; cursor: pointer;}
.nav_stadt_sub_aktiv {height: 19px; background:url(/img/nav_stadt_hg.gif) bottom; padding-left: 30px; padding-top: 4px; color: #fff; font-size: 11px; text-decoration: none; cursor: pointer;}

.nav_stadt_haupt_aktiv {height: 18px; background:url(/img/nav_stadt_hg.gif) top; padding-left: 20px; padding-top: 5px; color: #000; font-size: 11px; text-decoration: none; cursor: pointer;}

.nav_stadt_nolink {height: 19px; background:url(/img/nav_hg.gif); padding-left: 20px; padding-top: 4px; color: #444; font-size: 11px}



#inhalt { padding: 40px 40px 40px 30px; float: right; width: 560px; text-align: justify;}


.fotogalerie img {margin: 15px 26px 15px 0;}
img.filialfoto {color: #c7c3bd;}

#fusszeile { background-color: #dcdcd7; height: 50px; padding: 12px 10px 0 10px; background:url(/img/fuss_hg.gif); clear: both;}
.fuss_bildabstand1 { margin: 0 30px;}
.fuss_bildabstand2 { margin: 0 50px;}
.fuss_bildabstand3 { margin: 0 100px;}
#fuss_schatten { background: url(/img/fuss_schatten.gif) 10px 0 no-repeat; height: 30px;}


/* Formular */
.formular {
	border: 1px solid #a09f97;
}


/* Typografie */

* { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif}
* { font-size: 12px; }

.klein {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px}

h1 { display:none; }
h2 { font-size: 24px; color: #a09f97; margin-bottom: 0.5em;}
h3 { font-size: 12px; color: #000; margin-bottom: 1.2em;}
p { margin-bottom: 1.0em; }
.bildunter {font-size: 12px; text-align:left}

#inhalt ul { padding-left: 15px; }
#inhalt li { padding-left: 10px; padding-bottom: 0.2em; vertical-align: middle; }


.nav, .nav_aktiv, .av_stadt_haupt, .av_stadt_haupt_aktiv { font-size: 11px;  text-decoration: none;}
.nav:hover {color:#fff;}

#meta {font-size: 11px; color:#000;}
#meta_links {font-size: 11px; color:#000;}
#meta_rechts {font-size: 11px; color:#000; text-align: right; vertical-align: bottom;}
#meta a { color: #000; text-decoration: none; padding: 0 5px;}
#meta span { color: #000; text-decoration: none; padding: 0 5px;}


a {color:#000; text-decoration: none; font-size: 12px;}
a:hover, #meta a:hover { color: #e56c0d; }

.anfahrt {font-size: 12px; font-weight: bold; color:#e56c0d;}
.anfahrt:hover {color:#666;}

.text {font-size: 12px;}