/* Ellen Rinkel Anwaltskanzlei - www.e-rak.de
Stylesheet für Screen
by Ralf Kobert - fabrik1design.de
Letzte Änderung am 11.06.2009
*/

* {
margin:0;
padding:0;
border:0 solid;
}

html {
height:100.1%;
font-size:100.1%;
}

body {
height:100%;
color:#E2E2E2;
font:0.8em/1.6em "Lucida Grande", verdana, sans-serif;
background:#565656 url(../images/body_bg.jpg) left top repeat-x;
padding-top:7px;
}

h1 {
margin:0 0 20px 0;
font:normal 180%/1.2em georgia,"lucida grande", verdana, sans-serif;
color:#323232;
background:inherit;
}

h2{
font:normal 130%/1.4em georgia,"lucida grande", verdana, sans-serif;
color: #494949;
background:inherit;
margin:10px 0 8px 0;
}

h3{
font:1.2em/1.8em "Lucida Grande", verdana, sans-serif;
color:#000;
background-color:inherit;
background:url(../images/hline.jpg) 0% 80% no-repeat;
padding:5px 0 6px 0;
}

/* maincontainer */

#maincontainer {
position:relative;
min-width:545px;
width:60em;
max-width:98%;
margin:0 auto;
text-align:left;
color:inherit;
background: #fcfcfc url(../images/content_left.gif) repeat-y left top;
height:auto;
}

#contbgwrap {
background:url(../images/content_right.gif) right top repeat-y;
}

/* Header */

#header{
height:181px;
background:url(../images/header_bg_2.jpg) left top repeat-x;
}

#headerleft {
float:left;
min-width:261px;
width:261px;
max-width:261px;
height:181px;
background:url(../images/header_left_2.jpg) left top no-repeat;
}

#headerright {
float:right;
min-width:282px;
width:282px;
max-width:282px;
height:181px;
background:url(../images/header_right_2.jpg) right top no-repeat;
}

/* Navigation */

#sidebar {
float:right;
min-width:8em;
width:16em;
max-width:24%;
padding: 0px 2px 28px 16px;
font-size:1em;
line-height:1.65em;
}

#sidebar ul {
/*margin:0;*/
padding:39px 0 10px 0;
color:inherit;
background-color:#5F7170;
list-style-type:none;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.65em;
}

#sidebar li a {
display:block;
padding: 3px 4px 3px 13px;
font-weight:normal;
text-decoration:none;
color:#fff;
background: #525252 url(../images/dotline.gif) repeat-x left bottom;
}

#sidebar li a:hover, 
#sidebar li a:focus,
#sidebar li a:active,
#sidebar li a.active {
padding: 3px 4px 3px 13px;
color:#fff;
background-color:#6D9490 !important;
}

#sidebar p{
margin:5px 0 0 0px;
color:#6b6b6b;
font-size:0.9em;
line-height:1.7em;
}

#sidebar p.first{
margin:45px 0 0 0px;
}

/* Flags */

#header ul {
padding: 3px 0 0 6px;
position:relative;
top: 159px;
left:27px;
width:54px;
height:18px;
background:url(../images/flag_bg.gif) left top no-repeat;
}

#topnavi li {
float:left;
list-style-type:none;
padding-right:6px;
}

#topnavi li a {
display:block;
}

#topnavi li.brd a, #topnavi li.brd{
height:12px;
width:18px;
background:url(../images/flag_germany.jpg) 0 0 no-repeat;
}

#topnavi li.usa a, #topnavi li.usa{
height:12px;
width:18px;
background:url(../images/flag_usa.jpg) 0 0 no-repeat;
}
#topnavi li.brd a, #topnavi li.brd {
background:url(../images/flag_germany.jpg) 0 -12px no-repeat;
}
#topnavi li.brd a:hover, #topnavi li.brd {
background:url(../images/flag_germany.jpg) 0 0 no-repeat;
}
#topnavi li.usa a, #topnavi li.usa{
background:url(../images/flag_usa.jpg) 0 -12px no-repeat;
}
#topnavi li.usa a:hover, #topnavi li.usa{
background:url(../images/flag_usa.jpg) 0 0 no-repeat;
}

#topnavi li a:focus,
#topnavi li a:active,
#topnavi li.active a {
background-position: 0 0px;
}

/* Content */

#content{
float:left;
width:auto;
max-width:65%;
min-height:560px;
color: #575757;
background-color:inherit;
padding: 45px 0px 2em 27px;
height:auto;
}

#content p{
padding-bottom:15px;
}

#content .imgtopleft{
float:left;
margin-right:15px;
margin-top:0.2em;
}

#content .imgcontent{
float:left;
margin: 0 1.5em 15px 0;
}

#content ul {
margin:0;
padding:0 0 25px 0;
list-style:none;
}

#content ul li {
margin:0 0 1.5em 0;
line-height:1.6em;
}

#content li a, #content p a, #sidebar a {
padding:3px;
color:#5f7170;
background-color:inherit;
}

#content li a:hover,
#content li a:focus,
#content li a:active,
#content p a:hover,
#content p a:focus,
#content p a:active,
#sidebar a:hover,
#sidebar a:focus,
#sidebar a:active {
padding:3px;
text-decoration:none;
color:#fff;
background-color: #6d9490;
}

#content ul.listregelung li{
margin:0 0 0.4em 0;
}

/* Footer */

#footer {
padding:10px 0 10px 24px;
clear:both;
color:#666;
background: #a7a7a7;
border-left:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
border-bottom:1px solid #bfbfbf;
}

#footer a {
padding:2px 6px 3px 6px;
color:#FFF;
text-decoration:none;
background-color:#525252;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
padding:2px 6px 3px 6px;
color:#FFF;
text-decoration:none;
background-color:#6D9490;
}

/* Sonstige Auszeichnungen */

.clr {
clear:both;
margin:0;
padding:0;
}

.fixfloat {
display:block;
float:none;
clear:both;
width:auto;
margin:0;
padding:0;
font-size:0;
line-height:0px;
height:0;
}

.waiaccess,
#header h1,
#header ul.flags em,
#topnavi li a em,
dfn, 
legend, legend em  {
position:absolute;
left:-999em;
width:500px;
}

/* Formulare */

form {
padding:6px 0;
}

form p {
padding:6px 0;
}

form label {
background:inherit;
color: #666551;
}

form label em {
font-style:normal;
background:inherit;
color: #B1201F;
}

form input, form textarea {
padding:3px;
width:200px;
border: 1px solid #929292;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#666;
background-color:#FFF;
}

form input:hover, 
form input:focus,
form textarea:hover, 
form textarea:focus,
form textarea#comment:hover, 
form textarea#comment:focus{
color:#666;
background-color: #F4FFFF;
}

form textarea {
overflow:auto;
}

form .red, .red {
color:#990000;
background-color:#fcfcfc;
}

#kontakt{
margin: 0px 0 18px 0;
}

#kontakt p{
padding:0 0 3px 0;
margin:0;
}

#kontakt input, 
#kontakt textarea{
margin:0 0 8px 0;
}

#kontakt .submit, 
input#submit {
width:auto;
font-weight:bold;
font-size:.9em;
border-color:#fff;
background-color:#8e8e8e !important;
color: #fff;
}

#kontakt .submit:hover, 
#kontakt .submit:focus,
input#submit:hover, 
input#submit:focus {
background-color:#79A09C !important;
color:#FFF;
}

#kontakt #csubject, 
#kontakt textarea{
width:28em;
}

/* Tabbing stuff */

ul#skipnav {
margin:0;
padding:0;
height:0;
}

ul#skipnav li {
list-style-type:none;
display:inline;
}

ul#skipnav li a {
position: absolute;
top:-500px;
left:-999px;
text-decoration:none;
}

ul#skipnav li a:focus, ul#skipnav li a:active {
position: absolute;
display:block;
width:18em;
margin:0;
padding:4px 0 4px 4px;
top:146px;
left:100px;
color:#fff;
background-color:#757575;
border:1px solid #fff;
font-size:1em;
text-align:left;
}

ul#skipnav li a:hover { 
background-color:#4e4e4e;
border:1px solid #79A09C;
color:#fff;
}