/*********************************/
/* sb-vb.de
/* Autor: pinx. Buero fuer Mediendesign
/* Datum: 09.05.2007
/*********************************/

/* Normalizing */
* {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

th { text-align: left; }
fieldset, img { border: 0; }


/*********************************/
/* Layout
/*********************************/
html {
	text-align: center;
	font-size: 101%;
	}

body {
	position: relative;
	width: 804px;
	margin: 25px auto;
	background: #AAA28D;
	font: 69%/1.5em Verdana;
	text-align: left;
	}

ul#head {
	position: relative;
	height: 170px;
	background: #E3DBCB url(../i/ly/bg_head.png) no-repeat top right;
	margin: 0;
	}

li#home a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 23px;
	height: 170px;
	background: #A10F29 url(../i/ly/home.png) no-repeat top left;
	text-indent: -99999px;
	}

li#home a:hover { background: #A10F29 url(../i/ly/home_hi.png) no-repeat top left; }

li#bild {
	position: absolute;
	top: 0;
	left: 152px;
	width: 383px;
	height: 170px;
	}

li#logo {
	position: absolute;
	top: 50px;
	left: 557px;
	width: 214px;
	height: 63px;
	background: transparent url(../i/ly/logo.png) no-repeat top left;
	text-indent: -99999px;
	}

#content { background: transparent url(../i/ly/bg_content.png) repeat-y top left; }

#nav {
	padding: 38px 0 0 10px;
	width: 141px;
	float: left;
	}

#tm { margin: 0 0 0 152px; }

#inhalt {
	width: 342px;
	padding: 50px 20px 0 20px;
	float: left;
	}

#inhalt.anfahrt {
	width: 343px;
	height: 667px;
	background: transparent url(../i/ly/karte.gif) no-repeat 25px left;
	}

#aktuell {
	width: 259px;
	margin: 0 0 0 383px;
	}

#umbruch {
	padding: 50px 0 0 0;
	clear: both;
	}

#footer {
	height: 10px;
	background: transparent url(../i/ly/bg_footer.png) no-repeat top left;
	}

#subnav { padding: 0 0 0 173px; }


/*********************************/
/* Navigation
/*********************************/
#nav a {
	display: block;
	width: 130px;
	height: 20px;
	line-height: 20px;
	color: #A10F29;
	text-decoration: none;
	border-bottom: 1px solid #E1DDD3;
	padding: 12px 0 0 0;
	font-weight: bold;
	}

#nav a:hover, #nav a.hi {
	color: #fff;
	border-bottom: 1px solid #E1DDD3;
	}

#nav a.sub, #nav a.subhi {
	font-size: 91%;
	display: block;
	height: 12px;
	line-height: 12px;
	width: 140px;
	color: #A10F29;
	text-decoration: none;
	border-bottom: none;
	padding: 10px 0 0 0;
	font-weight: normal;
	}

#nav a.sub:hover, #nav a.subhi:hover {
	color: #fff;
	border-bottom: none;
	}

#nav a.subhi { color: #fff; }


/*********************************/
/* Typo
/*********************************/

p, ul { margin: 0 0 1.5em 0; }

h1, h2, h3 {
	color: #C00A37;
	margin: 0 0 1em 0;
	line-height: 1.5em;
	font-weight: normal;
	}

h1 { font-size: 170%; }
h2 { font-size: 130%; }
h3 { font-size: 100%; }
h2.zitat {
text-align: right;
font-size: 100%;
margin: -8px 0 1.5em 0;
}

h3 {
color: #6D685B;
font-weight: bold;
}

h3.aktuell {margin: 0 0 3px 0; }

p { font-size: 100%; }
a:link, a:visited { text-decoration: none; }

/*********************************/
/* Listen
/*********************************/
#inhalt li {
padding: 0 0 0 8px;
margin: 0 0 8px 0;
background: transparent url(../i/ly/bullet.png) no-repeat 0 7px;
}


/*********************************/
/* Aktuell
/*********************************/
#aktuell ul {
	color: #fff;
	padding: 20px 20px 0 0;
}

#aktuell ul li {
padding: 0 0 0 20px;
}

#aktuell ul li.link_aktuell {
padding: 0 0 20px 0;
}


#aktuell img { margin: 0 0 1.5em 0; }

/*********************************/
/* Links
/*********************************/
#inhalt a {
	color: #000;
	text-decoration: underline;
	}

#inhalt a:hover {
	color: #C30007;
	text-decoration: none;
	}

#aktuell a {
	color: #BDB49D;
	background: none;
	padding: 0 0 0 20px;
	}

#aktuell a:hover, #aktuell a.link_aktuell_hi {
	color: #fff;
	background: transparent url(../i/ly/pfeil.png) no-repeat center left;
	}

#inhalt a.aktuell_link2 {
color: #6D685B;
text-decoration: none;
}

#inhalt a.aktuell_link2:hover {
color: #C30007;
}

#subnav a {
	font-size: 91%;
	margin-right: 20px;
	color: #585449;
	}

#subnav a:hover { color: #fff; }

/******************************
 * Formulare
******************************/
form {
margin: 1em 0;
}

input, fieldset, legend, label, textarea, select {
font: normal 1em/1.5em Verdana;
}

fieldset {
border: 1px solid #d5d5d5;
padding: 0 20px 15px 20px;
margin-bottom: 20px;
}

legend {
padding: 6px;
color: #333;
background: transparent;
font-weight: bold;
border: 1px solid #d5d5d5;
}

label {
width: 300px;
display: block;
margin: 0 0 3px 0;
}

fieldset input, textarea, select {
width: 290px;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #969696;
border-right: 1px solid #969696;
color: #333;
background: #f1f1f1;
margin: 0 0 5px 0;
}

fieldset input {
margin: 0 0 10px 0;
}

textarea {
height: 80px;
}

input:focus, textarea:focus {
background: #fff; 
}

/* Sonderklassen */
input.submit {
border: 1px solid #CCC;
background: #f5f5f5;
width: auto;
}

input.button {
margin-top: 15px;
background: #f5f5f5;
}

input.checkbox {
width: auto;
border: none;
background: none;
vertical-align: middle;
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
height: 19px;
}

label.labelcheckbox {
width: auto;
vertical-align: middle;
height: 20px;
margin: 0;
padding: 0;
display: block;
}

/******************************
 * Buttons
******************************/
a.button {
width: 146px;
height: 27px;
display: block;
text-indent: -99999px;
}

a#gebuehrentabelle {
background: transparent url(../i/ly/gebuehrentabelle.png) no-repeat top left;
}

a#gebuehrentabelle:hover {
background: transparent url(../i/ly/gebuehrentabelle_hi.png) no-repeat top left;
}

a#verguetungsregeln {
background: transparent url(../i/ly/verguetungsregeln.png) no-repeat top left;
}

a#verguetungsregeln:hover {
background: transparent url(../i/ly/verguetungsregeln_hi.png) no-repeat top left;
}

a#webakte {
background: transparent url(../i/ly/web_akte.png) no-repeat top left;
}

a#webakte:hover {
background: transparent url(../i/ly/web_akte_hi.png) no-repeat top left;
}

a#anfahrt {
background: transparent url(../i/ly/drucken.png) no-repeat top left;
}

a#anfahrt:hover {
background: transparent url(../i/ly/anfahrt_hi.png) no-repeat top left;
}