/* Standard Stylesheet
www.birgit-bossert.de
Start: 06.12.2006
Letzte Aenderung: 21.12.2006
Author: Alexandra Bialas
*/

/* Farben:
SCHRIFTFARBE 	#3C3C3C
ROT				#8B1A1C

================================================================================================== */




/* =Typo
================================================================================================== */
body {
	background-color: #fff;
}

body {
	padding: 0;
	margin: 0;
	text-align: left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.7em;
	color: #3C3C3C;
}

p {
	margin: 0;
	padding: 0;
}
.abstandoben { padding-top: 10px; }

/* =Links
-----------------------------------------------------------------------------*/

a {
	color: #8B1A1C;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #8B1A1C;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}


/* =Überschriften
-----------------------------------------------------------------------------*/
/*Überschrift im Text*/
h1 {
	font: bold 1.4em/1.5 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #3C3C3C;
}

/*Fett für LINKS */

h2 {
	font: bold 1em/1.4  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 2px;
}



/*unbenutzt */

h3 {
	
	color: #3C3C3C;
}

/*unbenutzt */

h4 {
	padding: 7px 2.5em 0 2.5em;
	font: bold 1.1em/1.5 "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	text-align:left;
	letter-spacing:3px;
}




/* =Layout 
================================================================================================== */

/* =Allgemein
-----------------------------------------------------------------------------*/
div {
	position: relative;
/*	border-style: solid;
	border-width: 1px;*/
}
#print {display:none;}
.skiplink { display: none; }
img.left { float:left; margin:5px 10px 0 0;}


/* =im besonderen
-----------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	margin: 0 ;
	background-color: #8B1A1C;
}
#logo {
	top:0px; 
	left: 420px;
	width: 372px;
	padding: 0;
	margin: 0;
}
#rubrik {
	top: -151px;
	left: -262px;
	width: 450px;
	padding: 0;
	margin: 0;
}
#topshadow {
	background-image:url(../img/topshadow.jpg);
}
#topshadow {
	width: 1012px;
	height: 85px;
margin: 0;
padding: 0;

	background-repeat:no-repeat;
}
#main {
	background-image:url(../img/sideshadow.jpg); 
}
#main {
	background-repeat:repeat-y;
	margin: 0;
	padding: 126px 50px 1px 400px;
	min-height:430px;
}

#main_inhalt {
	width: 420px;
	padding: 0;
	margin: 0;
}
#bottomshadow {
	background-image:url(../img/bottomshadow.jpg);
}
#bottomshadow {
	width: 1012px;
	height: 86px;
	background-repeat:no-repeat;
}



/* Navigation 
================================================================================================== */
	#navigation {
	font-size: 12px;
	font-weight: bold;
}

	#navigation ul {
	position: relative;
	top:0px; 
	left: 169px;
	width: 790px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

	#navigation li {
	padding: 24px 0px 9px 15px;
	float: left;
	white-space:nowrap;

}

	#navigation li a {
	padding: 8px 0 9px 6px;
	color: #8B1A1C; /* Fix für IE 5.0 Win, verstecken vor IE Mac \*/
	margin: 0px 0 9px 3px;
	display: block; /* End hide */
}

	#navigation li a:visited {
	color: #8B1A1C;
}
	
	#navigation li a:hover,

	#startseite #start a,
	#profilseite #profil a,
	#anwaelteseite #anwaelte a,
	#kostenseite #kosten a,
	#linkseite #links a,
	#kontaktseite #kontakt a,
	#impressumseite #impressum a
{
	padding: 8px 0 9px 6px;
	color: #3C3C3C;
	text-decoration: none;
}


/*  Listen
================================================================================================== */

.inhaltsliste li {
	list-style-image: url(../img/pfeil.jpg);
	padding:0 ; 
	margin-left:-25px;
 }


/*  Das Kontaktformular
================================================================================================== */


form {
	font-size: 0.8em;
	width: 360px;
	text-align: left;
  	font-size: 1.0em;
}


fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
  font-size: 1.0em;

}

legend {
  font-weight: bold;
	color: #3C3C3C;

}

label {
  display: block;

}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#8B1A1C;
}

input {
  width: 200px;
  font-size: 1.0em;
text-align:left;

}

input.radio, input.submit {
  width: auto;

}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #cccccc;
}

input.radio {
  float: left;
  margin-right: 1em;
}
input#los{
  display:none;
}
.Button { background-color:#fff; color:#3c3c3c; }

textarea {
  width: 300px;
  height: 100px;
  font-size: 1.0em;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;


}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */