/*-- CSS Stylesheet (c) 2009 Jutta Kemperle --*/
/*--www.jukemedia.de --*/

/*struktur*/
/*----------------------------------------------------------------------------*/

/* farben 
Schriftfarbe im gesamten Text #868686 
pink #CC3366
dunkelblau #262E5D
*/


/* struktur divs*/
html, body {
margin:0; padding:0;
background:#ddd url(images/bg-body-002.jpg) repeat-x ;
padding: 0 0 60px 0;
font: normal 13px/150% Arial, Helvetica, sans-serif;
height: 101%;
}

em {font-style: normal;}

body, ul, ol, a {margin:0; padding:0; text-decoration: none; color: #868686;}
a:hover {text-decoration: underline; color: #FF6600;}


#header {
margin:0 auto 0 auto;
height: 50px; background-color: #fafafa; }

#wrapper {position:relative;
min-width:768px;width:95em;max-width:98%;
min-height:600px;height:auto;
padding:0;margin:20px auto 0 auto;
overflow: hidden;
background:#fafafa;
border-top: 1px solid #fff;
border-right: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3;
border-left: 1px solid #fff;}


#sidebar-left {
width: 400px; min-height: 600px;
float:left;
background: #E7E7E7 url(images/gebaeude-rechtsanwalt-dr-freitag.jpg) no-repeat ;
border-right: 1px solid #ddd;
}

body#baurecht #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-baurecht.jpg)   no-repeat ;}
body#ueberuns #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-buero.jpg)  no-repeat ;}
body#architektenrecht #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-architektenrecht.jpg)   no-repeat ;}
body#verkehrsrecht #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-verkehrsrecht.jpg)   no-repeat ;}
body#wohnung #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-wohnungseigentumsrecht.jpg)   no-repeat ;}
body#mietrecht #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-mietrecht.jpg)   no-repeat ;}
body#familie #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-christina-spohr-familienrecht.jpg) no-repeat ;}
body#erbrecht #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-christina-spohr-erbrecht.jpg)  no-repeat ;}
body#zivilrecht #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-christina-spohr-zivilrecht.jpg) no-repeat ;}
body#ueberuns #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-christina-spohr-zivilrecht.jpg) no-repeat ;}
body#ueberuns #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-team.jpg)  no-repeat ;}
body#cspohr #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-buero1.jpg)  no-repeat ;}
body#drfreitag #sidebar-left {background: #E7E7E7 url(images/rechtsanwalt-dr-freitag-buero2.jpg) no-repeat ;}

#content 			{
margin: 12px 25px 4px 3px;
text-align:left;
padding:0;min-height:320px;
background: transparent url(images/bg-content.jpg) 0px 3px repeat-y;
overflow: hidden;

}


#main {
margin: 0px 15px 0 420px;
min-height: 300px; 
background-color: transparent;
border-top: 1px solid #262E5D;
padding-top: 30px;}


/* klassen */
div.column { background-color: transparent; width: 45%; margin-right: 20px; overflow: hidden;}
div#cols {width: 100%;}


*+html .column {margin-bottom: 10px; }
/* verzerrungsfreie Verkleinerung der Bilder für IE*/

img.alignleft {float: left; padding: 3px; border:1px solid #ddd; margin: 0 5px 5px 0;}
strong {font-weight: bold;}
.blue {color:#336699;} 
.orange {color:#FF9934;} 
.borderblue {border-bottom: 1px dotted #336699; background: transparent url(images/symbolcfreitag.jpg) 0px 3px no-repeat; padding-left: 45px; height:45px;}
.borderpink {border-bottom: 1px dotted #CC3366; background: transparent url(images/symbolcspohr.jpg) 0px 3px no-repeat; padding-left: 45px; height:45px;}
.borderpink em {font-style: normal; text-transform: lowercase;}
.small {font-size: 10px;}
.clrlft {clear: left;}
.fltlft {float: left;}


#main .blau {color: #262E5D;}
#main .pink {color: #CC3366;}
#main h2.csp {padding-left: 45px; background: transparent url(images/symbolcspohr.jpg) 0px 3px no-repeat; text-decoration: none;}
#main h2.cfr {padding-left: 45px; background: transparent url(images/symbolcfreitag.jpg) 0px 3px no-repeat; text-decoration: none;}


/* ueberschriften */
h2, body#startseite h3 {font-size: 14px; letter-spacing: 1px; color: #262E5D;text-transform: uppercase;}
h3 {text-transform: none;font-size: 12px;}
h3.news {border-top: 1px dotted #ddd; padding-top: 10px;}



/* #header */
#header img#brand {float: left; margin-top: 15px;}
#header h1 {float: left; width: 330px; font-weight: bold; font-size: 18px; margin-top: 23px; color: #262E5D;padding-bottom: 5px;
text-transform: uppercase;}


#header p#slogan {
color: #262E5D;
text-transform: uppercase;
padding-top: 25px;
letter-spacing: 1px;
}








/*#sidebar-left die adresse unten*/
div#sidebar-left address {margin: 65px 220px 0 0;
text-align: right; color: #f4f4f4;
font-style: normal;
line-height: 160%; font-size: 10px;
text-transform: uppercase;}
div#sidebar-left address a {color: #f4f4f4;}

/*#sidebar-left ul#OLM die navigation*/
ul#OLM {
width: 270px;
margin: 40px 0 0 120px;
padding: 15px 0 15px 0;
background:transparent url(images/bg-menue.gng) 0px 40px repeat-y;}

ul#OLM li {background-color: transparent;
display: block;}

ul#OLM li a, ul#OLM li.OLMactive {
display: block;
padding-left: 98px;text-decoration: none;
height: 20px;font-weight: bold;}

ul#OLM li.OLMactive {
text-decoration: underline;
}

/*rechtsgebiete dr. freitag (blau)*/
ul#OLM li#OLMactive, ul#OLM li a:hover {text-decoration: underline; color: #768188;}
ul#OLM li#OLMa1 {display: block; margin-bottom: 10px;}

ul#OLM li#OLMa2 a, ul#OLM li#OLMa3 a, ul#OLM li#OLMa4 a  {display: block; background: transparent url(images/list-style-image-blue.gif) 0px 3px no-repeat;}

ul#OLM li#OLMa2 a:hover, ul#OLM li#OLMa3 a:hover, ul#OLM li#OLMa4 a:hover  {
background: transparent url(images/list-style-image-blue-hover.jpg) 0px 3px no-repeat; text-decoration: underline; color: #262E5D; }

ul#OLM li#OLMa2.OLMactive, ul#OLM li#OLMa3.OLMactive, ul#OLM li#OLMa4.OLMactive {
display: block;
padding-left: 98px;text-decoration: none;
height: 20px;font-weight: bold;
background: transparent url(images/list-style-image-blue-hover.jpg) 0px 3px no-repeat; text-decoration: underline;color: #262E5D; }

ul#OLM li#OLMa5, ul#OLM li#active5 { margin-top: 10px;}

/*rechtsgebiete c. spohr (rot)*/
ul#OLM li#OLMa5 a, ul#OLM li#OLMa6 a, ul#OLM li#OLMa7 a {
background: transparent url(images/list-style-image-pink.gif) 0px 3px no-repeat;}

ul#OLM li#OLMa5 a:hover, ul#OLM li#OLMa6 a:hover, ul#OLM li#OLMa7 a:hover {
background: transparent url(images/list-style-image-orange-hover.jpg) 0px 3px no-repeat;color: #E67200;text-decoration: underline; color: #CC3366; }

ul#OLM li#OLMa5.OLMactive, ul#OLM li#OLMa6.OLMactive, ul#OLM li#OLMa7.OLMactive  {
display: block; 
padding-left: 98px;text-decoration: none;
height: 20px;font-weight: bold;
background: transparent url(images/list-style-image-pink.gif) 0px 3px no-repeat; text-decoration: underline; color: #CC3366;}


ul#OLM li#OLMa8 a, ul#OLM li#OLMa8.OLMactive {margin-top: 20px;}








/*#main der inhaltsbereich rechts*/
#main ul li {list-style-type: none; padding-left: 10px; background: transparent url(images/spiegelstrich.gif) no-repeat;}
#main ol li { list-style-type: decimal;}
#main ul li ul li { list-style-type: circle;}
#main ol li ol li { list-style-type: lower-latin;}
#content #main ul li a, #content #main ul li a:hover {background-image: none; background-color: transparent; padding-left: 0;}




/* #main listen im inhalt */
#main ul#listmenu {margin: 15px 0 10px 0; padding: 8px; border: 1px solid #D0D0D0; background-color: transparent; }
#main ul#listmenu li {list-style-type: none; padding-left: 0; background-image: none;}

#content #main ul#listmenu li a, #content #main ul#listmenu li a:hover {
display: block; 
height: 22px;
padding: 0 0 0 12px;
color: #262E5D; 
font-weight: bold;
background: transparent url(images/link.jpg) 0px 5px no-repeat;}
#main #listmenu li a:hover {text-decoration: underline;}

#main ul li a {
padding-left: 12px; background: #fff url(images/link.jpg) 0px 5px no-repeat; }

#main img.alignleft {float: left; padding: 5px; border: 1px solid #ddd; margin-right: 15px;}

#main p {margin-bottom: 8px;}
#main p.clearleft {clear:left;}
#main a { padding-left: 12px; background: transparent url(images/bg-link.gif) 0px 1px no-repeat; color: #262E5D;}
#main a:hover {padding-left: 12px; background: transparent url(images/bg-link-hover.gif) 0px 1px no-repeat; color: #262E5D;}
/* auf der warum wir seite*/
#main ul#minigallery li {float: left; margin-right: 15px; margin-bottom: 10px; list-style-type: none; background-image: none;}
#main ul#minigallery li a {background-image: none;background-color: transparent;}
#main img {padding: 4px; border: 1px solid #ddd; }

label.formtext {width: 80px; display: block; float: left;}
.formelements {width:54%; height:25px; margin-left: 20px;}
#xmailer textarea {width:90%;height:200px; margin-top: 30px;}
.radio {display: block; float: left; width: 20px;}
.button {clear: left; margin:0;}
.frage {width: 80%;}


div#map {
width: 450px; height: 300px;
padding: 8px; background-color: #fff; border: 1px solid #2B5382;}