/***********************************************

website liebermanns.de
by finalgrafix | Medienagentur Berlin

***********************************************/

BODY {}
HTML {font-family:verdana;}
table, tbody, tr, td, ul, li {margin:0;padding:0;}
a img {border:none;}

.Liebermanns {height:610px;width:955px;margin:20px auto auto;border:20px solid #221105;}
.LM-Navi {position:absolute;float:left;height:610px;width:180px;}
.LM-Nav-Sprache {width:165px;height:75px;padding:3px 0 0 15px;}
.LM-Nav-Main {width:180px;}
.LM-Nav-Main ul {list-style:none;font-size:11px;font-weight:bold;padding:5px;}
.LM-Nav-Main ul li {padding:5px 0;}
.LM-Nav-Main ul li a {color:#221105;text-decoration:none;}
.LM-Nav-Main ul li a.rex-current {color:#DA7834;text-decoration:underline;}
.LM-Nav-Main ul li a:hover {text-decoration:underline;}
.LM-Nav-Main ul li ul{font-size:10px;font-weight:normal;}
.LM-Nav-Main ul li ul li{padding:2px 0;}
.LM-Nav-Main ul li ul li a.rex-current{font-weight:bold;}
.LM-Nav-Links, .LM-Nav-Links a, .LM-Nav-Links a IMG {text-align:center;}

.LM-Nav-Footer {position:absolute;bottom:0;width:180px;}
.LM-Nav-Footer ul {list-style:none;font-size:10px;font-weight:bold;padding:5px;}
.LM-Nav-Footer ul li {padding:5px 0;}
.LM-Nav-Footer ul li a {color:#221105;text-decoration:none;}
.LM-Nav-Footer ul li.aktiv {color:#DA7834;text-decoration:underline;}
.LM-Nav-Footer ul li a:hover {text-decoration:underline;}

.LM-Logo {float:left;margin-left:180px;height:65px;width:775px;background-image:url(Liebermanns-Logo.jpg);background-repeat:no-repeat;background-position:left;}
.LM-Logo a {float:left;height:62px;width:328px;}

.LM-Content {float:left;margin-left:180px;height:535px;width:765px;background-color:#221105;color:white;font-size:9pt;}
.LM-Content H1 {font-size:12pt;font-weight:bold;}
.LM-Content H4 {position:absolute;width:150px;margin:200px 10px 0 250px;padding:5px;font-size:10pt;font-weight:bold;background-color:#221105;border:1px solid white;width:auto;color:white;text-align:center;}
.LM-Content H5 {position:absolute;width:150px;margin:200px 250px 0 10px;padding:5px;font-size:10pt;font-weight:bold;background-color:#221105;border:1px solid white;width:auto;color:white;text-align:center;}
.LM-Content H6 {position:absolute;width:150px;margin:10px 10px 0 250px;padding:5px;font-size:10pt;font-weight:bold;background-color:#221105;border:1px solid white;width:auto;color:white;text-align:center;}

.LM-Content-Subnav {width:765px;height:22px;border-bottom:1px solid white;}
.LM-Content-Subnav ul {list-style:none;font-size:10px;font-weight:bold;padding:5px;}
.LM-Content-Subnav ul li {padding:0 8px;float:left;}
.LM-Content-Subnav ul li a {color:white;text-decoration:none;}
.LM-Content-Subnav ul li a.rex-current {color:#DA7834;text-decoration:underline;}
.LM-Content-Subnav ul li a:hover {text-decoration:underline;}

.LM-Content-Bild {z-index:10;position:absolute;height:490px;width:743px;float:left;padding:10px;}
.LM-Content-Bild ul {padding:5px 0 0 38px;}
.LM-Content-Bild a {color:#F3A46E;font-weight:bold;text-decoration:none;}
.LM-Content-Bild a:hover {text-decoration:underline;}
.LM-Content-Bild a:visited {color:#F3A46E;font-weight:bold;text-decoration:none;}
.LM-Content-Bild a IMG {float:left;}
.LM-Content-Text {position:absolute;z-index:20;border:1px solid white;margin:227px 0 0 100px;background-color:#221105;height:250px;opacity:0.70;width:630px;color:white;font-size:9pt;vertical-align:center;z-index:100;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=70);}
.LM-Content-Text H1, .LM-Content-Text H2, .LM-Content-Text H3 {padding:0 0 0 25px;font-size:12pt;font-weight:bold;}
.LM-Content-Text p {padding:0 25px;}
.LM-Content-Text ul {padding:5px 0 0 38px;}
.LM-Content-Text table {padding:5px 0 0 25px;}
.LM-Content-Text table p, .LM-Content-Text table H3{padding:0;margin:0;}
.LM-Content-Text table td {padding-right:10px;vertical-align:top;}
.LM-Content-Text a IMG {left:auto;top:auto;position:fixed;}
.LM-Content-Text a {color:#F3A46E;font-weight:bold;text-decoration:none;}
.LM-Content-Text a:hover {text-decoration:underline;}

/*
GoogleMAP
*/

.GoogleMap {background-color:white;float:left;height:490px;width:740px;color:black;}
.GoogleMap fieldset {border:none;font-size:10pt;padding-top:5px;}
.GoogleMap form {float:left;width:250px;height:70px;}
.GoogleMap legend {font-weight:bold;}
.GoogleMap H3 {float:left;width:250px;padding:0;margin:0;font-size:10pt;}
#directions {float:left;width:230px !important;*width:235px !important;height:419px;overflow:auto;font-size:8pt;}
#map_route {height:490px;width:490px;float:right;}

/*
Formular Definition
*/

/* Div das das Formular umschließt */
.formgen {font-size:8pt;	padding-right:10px;padding-left:10px;}

/* Was passiert wenn auf das Label geklickt wird? */
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer;}
.formgen form{line-height:100%;}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock{	margin:0;padding:0;}
.forminfo {width:400px;margin:0 0 5px 50px;padding:3px 3px;border:1px solid #F18F17;color:#F18F17;text-align:center;}

/*
Verhalten von br-Tags
*/
.formgen br{clear:both;}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{width:300px;height:50px;margin-left: 4px;border: 1px solid #98989C;background-color: white;}

/* Textfeld */
.formgen .formtext{width:200px;margin:0 0 1px 4px;padding-bottom:4px;font-size:1em;	background-color:white;border:1px solid #98989C;}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {border-bottom-color: #000000;background-color: #FBF2E3;}

/* Label */
.formgen label {width:150px;clear:left;float:left;height:20px;font-weight:normal;color:#98989C;text-align:right;}

/* Aussehen der Select-Ausgabe */
.formgen .formselect{width:200px;background-color:white;margin-left:4px;color:#98989C;margin-bottom:1px;}

/* Sende-Button */
.formgen .formsubmit{width:75px;text-align:center;background-color:#EFEFEF;border: 1px solid #F18F17;color:#98989C;}
.formgen .formsubmit:hover {background-color:#F18F17;color:white;border-bottom:none;}

/* Fieldsetbeschriftung */
.formgen legend {color: #FFFFFF;background-color: #F18F17;width: 150px;padding:5px 5px;color:white;margin-bottom:15px;}
.formgen .fieldset {padding-bottom:10px;border:none;}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {border-bottom-width:1px;font-weight:bold;}

.formgen .formcaptcha{border:1px solid #062D58;	vertical-align: top;float: left;margin-right: 10px;}

.formgen .formreq {color:#F18F17;} /*98989C*/

.formgen .formheadline {color:#F18F17;padding-top:4px;padding-bottom: 4px;margin-top: 5px;margin-bottom: 5px;font-style: italic;}

.formhinweis {margin-bottom:5px;font-style:italic;font-size:8pt;}