/*  =========================================================
DOMAIN
Datei: default.css
Media: screen, projection

Datum: 22. Oktober 2008
Autor: Stefan Schulz-Lauterbach
Mail:  ssl@clickpress.de
Web:   http://clickpress.de


1. Allgemeine Selektoren
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen
   - Non-Layout IDs

2. Layoutbereiche
   - Wrapper
   - Kopfbereich
   - Navibereich
   - Textbereich
   - Fussbereich

3. Spezielle Seiten
   - Kontaktformular

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

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

   =1. Allgemeine Selektoren

=============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
html { 
/* In Firefox Rollbalken erzwingen, Little Boxes S. 77 */
height:101%; }
body { line-height:1.4; color:#4d4f44; background:#cccbc6 url(../images/page_back.gif) repeat-x; text-align:center; 
/* Zentrierung für den <IE 5.x */
font-family:Arial, Tahoma, sans-serif; font-size:11px; padding-bottom:50px; }
:focus { outline:0; }

/* ===============================
   =Block-Elemente
=============================== */
p,ul,ol { margin:0 0 .8em; }
ol,ul { list-style:none; }

/* Tabellen brauchen immernoch 'cellspacing="0"' im HTML! */
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote,q { quotes:; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
hr { border:none; border-bottom:1px solid #c5c5cb; margin:20px 0; }

/* ===============================
   =Inline-Elemente
=============================== */
strong { font-weight:bold; }
em { font-style:italic; }
a { color:#397a02; }
a:hover { color:#275302; }

/* ===============================
   =Classes allgemeiner Art
=============================== */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.kleinschrift { font-size:10px; }
.accessibility { display:none; }
.invisible { display:none; margin:0; }
.floatl { float:left; padding:3px; 
/*border: 5px solid #ccc;*/
margin-right:30px; margin-bottom:10px; }
.floatr { float:right; padding:3px; 
/*border: 5px solid #ccc;*/
margin-bottom:10px; margin-left:30px; }
.green { color:#3c7a00; }
.clearer { clear:both; }
.tab25,.tab35,.tab45,.tab55,.tab65,.tab75,.tab85,.tab95 { float:left; }
.tab25 { width:25px; }
.tab35 { width:35px; }
.tab45 { width:45px; }
.tab55 { width:55px; }
.tab65 { width:65px; }
.tab75 { width:75px; }
.tab85 { width:85px; }
.no-margin { margin:0!important; }
p.error { color:#D8000C; font-weight:bold; margin:0; }
.mime_icon { margin-bottom:-5px; }

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

  =2. LAYOUTBEREICHE

========================================= */
#wrapper { width:990px; margin:0 auto; 
/* Zentrierung */
padding:0 6px; text-align:left; clear:both; line-height:1.4; background:url(../images/shadow_main.png) repeat-y; }
.inside { overflow:hidden; }

/* ===============================
   =KOPFBEREICH
=============================== */
#header { width:990px; padding-top:5px; background:#434343 url(../images/header_back.gif) repeat-x; }
#header a#logo { display:block; width:283px; height:80px; background:url(../images/hk_logo.gif) no-repeat; margin:0 0 0 23px; float:left; }
#header a#logo span { display:none; }

/* ===============================
   =NAVIBEREICH
=============================== */
#header .mod_navigation { float:right; width:auto; margin-top:50px; margin-right:30px; }
#header .mod_navigation ul { margin:0; }
#header .mod_navigation ul li { float:left; }
#header .mod_navigation ul li.first { }
#header .mod_navigation li a { display:block; text-align:center; width:150px; height:27px; padding-top:10px; color:#fff; text-decoration:none; background:url(../images/navi.gif) no-repeat; font-size:13px; }
#header .mod_navigation li a:hover,#header .mod_navigation li a.active,#header .mod_navigation li a.trail { color:#306300; background:url(../images/navi_active.gif) no-repeat; }
#header .mod_navigation li a span { background:url(../images/navi_bullet.gif) no-repeat 0 3px; padding-left:9px; }
#header .mod_navigation li a.active span { background:url(../images/navi_bullet_act.gif) no-repeat 0 5px; padding-left:13px; }
#header .mod_navigation li a:hover,#header .mod_navigation li a.active { }

/* SUBNAVIGATION */
#left { width:238px; float:left; }
#left .mod_navigation { padding:5px 0 40px; }
#left ul.level_1 { list-style:none; }
#left li {  border-top:1px dashed #4f4f4f;width:210px;}
#left li.last, #aktuell li.last { border-bottom:1px dashed #4f4f4f; }
#left li a,#aktuell li a { display:block; color:#4d4f44; width:179px; background:url(../images/bullet.gif) no-repeat 0 9px; padding:12px 0 12px 31px; text-decoration:none; overflow:hidden; }
#left li a.first {  }
#left li a.active,#left li a:hover,#left a.trail,#aktuell li a:hover { color:#3d7a00; font-weight:bold; }
#left ul.level_2 { list-style: disc inside; }
#left li li { border: none !important; padding: 0; margin: 0 0 10px 31px;}
#left li li a { display: inline; padding: 0;border: none; padding: 5px 0 5px 0px; background: none; }

#left h2 { width:193px; padding:0 12px 5px 5px; color:#3D7A00; margin:0 0 6px!important; border-bottom:1px dashed #4F4F4F; }

#aktuell li {  border-bottom:1px dashed #4f4f4f;}
#aktuell li a { width:auto; white-space:nowrap; color:#3d7a00; text-decoration:underline; }
#aktuell #immobilien_menu { margin-bottom:15px; }

/* FACEBOOK-Button */
.facebook { padding:12px 20px 10px 75px; background:url(../images/facebook.gif) no-repeat; line-height:1.3; }
.facebook a { color:#3c5b95; text-decoration:none; }
.facebook a:hover { text-decoration:underline; }

/* ===============================
   =TEXTBEREICH
=============================== */

/* Fixes */
#wrapper,#container,#main,#left,#footer,.mod_navigation,#left .mod_navigation ul,.inside,.frame,.teasertext,#main .expose,.daten { overflow:hidden; height:1%; }
.ce_text { }
div.grid_l { width:300px; float:left; }
div.grid_r { width:300px; float:right; }
.mod_article ul { list-style:disc inside; margin:0 0 .8em .8em; }
ul#immobilien_menu { list-style:none; }
#container { padding:14px; background:#fff; }
#container #main { float:right; width:723px; }
#container h1 { font-size:16px; font-weight:bold; color:#504f4d; margin-bottom:10px; font-family:Georgia, serif; text-transform:uppercase; }
#container h2 { text-transform:uppercase; font-weight:bold; margin-bottom:20px; }
#container #teaser h2 { text-transform:uppercase; text-align:center; font-weight:bold; margin-bottom:10px; }
#container #teaser .expose { padding:18px 20px 0; }
#container #teaser .teaser1,#container #teaser .teaser2,#container #teaser .teaser3 { padding:14px; width:278px; height:266px; }
#container .teaser1,#container .teaser2,#container .teaser3 { float:left; margin-right:19px; }
#container .teaser3 { margin-right:0; }
#teaser .image_container { margin-bottom:10px; }
#teaser .ce_image .image_container { margin-bottom:0; }
#teaser p.desc { margin-bottom:12px; }
#container #left,#container #main { padding-top:29px; }
#container #main ul { list-style:outside; margin-left:15px; }
.frame,.panes { background-color:#e5e5e3; border:1px solid #cbccc4; padding:19px 19px 8px; }
.ce_tabcontrol_tabs { position:absolute; margin-top:-23px; }
.ce_tabcontrol_tabs ul { list-style:none; margin:0!important; }
.ce_tabcontrol_tabs li { border:1px solid #cbccc4; border-bottom-width:0; color:black; float:left; display:block; padding:3px 10px; background:white; text-decoration:none; cursor:pointer; margin-right:3px; }
.ce_tabcontrol_tabs li.hover { text-decoration:underline; }
.ce_tabcontrol_tabs li.selected { background:#e5e5e3; padding:4px 10px; }
.ce_tabcontrol_pane { clear:both; margin-bottom: 30px; }
.ce_tabcontrol_pane .ce_text { background-color:#fff; border:1px solid #cbccc4; padding:13px; margin-bottom:11px; }
#hausverwaltung-service { background:#fff url(../../Hausverwaltung/hausverwaltung.jpg) no-repeat; padding-top:273px; width:auto; }
#hausverwaltung-service h2 { margin-top:20px; }
#hausverwaltung-vorteile { width:187px; height:280px; background:url(../../Hausverwaltung/hausverwaltung-vorteile.jpg) no-repeat; padding:120px 20px 0 40px; }
#hausverwaltung-leistungen { }
#hausverwaltung-leistungen .frame { padding-bottom:19px; }
#hausverwaltung-vorteile2 { background:url(../../Hausverwaltung/hausverwaltung-vorteile2.jpg) no-repeat; height:100px; padding:26px 30px 0 140px; font-weight:bold; }
#hausverwaltung-vorteile2 td { width:230px; padding-right:10px; }
#hausverwaltung-vorteile ul li,#hausverwaltung-vorteile2 ul li { margin-bottom:10px; font-size:12px; color:#262626; }
#immobilien-liste .last { margin-bottom:0!important; }
#immobilien-liste .expose div.image { float:left; margin-right:28px; }
.expose { background-color:#fff; border:1px solid #cbccc4; padding:13px; margin-bottom:11px; }
.expose .col1,.expose .col2,.expose .col3 { padding:0 16px; margin-bottom:18px; overflow:hidden; }
.expose .col1,.expose .col2 { float:left; }
.expose .col1 { padding-left:0; border-right:1px solid #9d9d9d; width:179px; }
.expose .col2 { padding-right:0; width:177px; }
.expose table.daten { width:100%; }
.expose .description { margin:0 0 16px; }
.expose .extras { margin:0 0 16px; }
.expose .expose-button { display:block; width:137px; height:26px; background:url(../images/button_expose_details.gif) no-repeat; float:right; }
.expose .expose-button span { display:none; }
#immobilien-detail .image_container { width:150px; float:left; overflow:hidden; }
#immobilien-detail .image_container img { margin-bottom:19px; }
#immobilien-detail .description { width:480px; float:right; }
#expose_detail { padding:20px; }
#expose_detail .left { width:232px; margin-right:32px; float:left; }
#expose_detail .image_container { min-height:250px; height:auto!important; 
/* für moderne Browser */
height:250px; 
/*für den IE */
}
#expose_detail .image_container .img_top { width:232px; height:9px; background:url(../images/image_shadow_top.gif); }
#expose_detail .image_container a.img_box { display:block; width:213px; padding:0 10px; background:url(../images/image_shadow_back.gif); }
#expose_detail .image_container .img_bottom { width:232px; height:9px; margin-bottom:10px; background:url(../images/image_shadow_bottom.gif); }
#expose_detail .image_container a.img_gallery { display:block; font-weight:bold; padding:5px 0 20px 29px; margin:0 0 0 6px; background:url(../images/bullet_gallery.gif) no-repeat; }

/* EXPOSE YOUTUBE-LINK */
#expose_detail .expose_youtube { border:1px solid #dadada; padding:15px 5px 10px; margin-bottom:20px; background-color:#eee; }

/* EXPOSE FORMULAR */
#expose_detail .left .mod_form { border:1px solid #dadada; }
#expose_detail .left label { display:none; }
#expose_detail .left input.text { width:200px; margin-bottom:10px; padding:3px; }
#expose_detail .left .textarea { width:200px; height:150px; padding:3px; }
#expose_detail .left input.submit { margin:0 0 0 77px; }
#expose_detail .exposetable { padding:0 5px; margin-bottom:20px; }
#expose_detail .exposetable .tableleft { font-weight:bold; padding-right:5px; }
#expose_detail .exposetable .extras { margin:0; padding:10px 0; }
#expose_detail .data { display:none; }
#expose_detail .description { margin-left:264px; }
.enclosure { padding:10px; border:3px double #DCDCDC; }
.enclosure p { margin:0; }
.pagination { margin-bottom:19px; }
.pagination p { float:right; }
.pagination ul { list-style-type:none; }
.pagination ul li { float:left; margin-right:3px; }

/* ===============================
   =FUSSBEREICH
=============================== */
#footer { background:#434343; color:#a1a394; font-size:10px; padding:12px 15px 15px; overflow:hidden; height:1%; }
#footer a { color:#a1a394; }
#foot_l { float:left; }
#foot_r { float:right; text-align:right; }
#foot_r a { text-decoration:none; }
#foot_r a:hover { color:#ffffff; }
#clickpress,#clickpress a { color:#999999!important; }

/* ===============================
   =sIFR-Formatierungen
=============================== */

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

   =3. Spezielle Seiten

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

/* ===============================
   Kontaktformular
=============================== */
form { width:100%; }
.formbody { padding:10px; }
.formbody table { width:400px; }
.formbody td { vertical-align:top; }
.formbody br { clear:both; }
label { 
/*border: 1px solid green;*/
display:block; width:100px; float:left; margin-bottom:5px; }
input.error { border:1px solid #D8000C; }
input,select,textarea { 
/* Alle Labels UND Formularelemente auswählen */
width:450px; 
/* Breite.*/
border:1px solid #999; margin-bottom:20px; color:#555; background-color:#EEEFED; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; }
input.radio,input.checkbox { width:auto; float:left; border:none; margin-bottom:0; margin-right:10px; }
.mod_routenplaner input { width:293px; height:20px; }
.mod_routenplaner input.inputbutton { border:none; cursor:pointer; background:url(../images/button_route_berechnen.gif) no-repeat; width:135px; height:29px; float:right; margin-right:-5px; }
.radio_container { overflow:hidden; margin-left:73px; }
.radio_container input.radio { clear:left; }
.radio_container label { width:400px; line-height:1.6; }
textarea { height:140px; }
select:hover,input:hover,textarea:hover,.hover { border:1px solid #000; }
select:focus,input:focus,textarea:focus { background-color:#fff; border:1px solid #000; color:#000; }
input.submit { 
/* den Submit-Button */
cursor:pointer; background-color:#fff; margin-left:313px; border:none; float:none; width:auto; }
.ce_form input.submit { margin-left:428px; margin-bottom:0; }
form br { 
/* Alle Zeilenumbrüche in Formularen auswählen */
clear:left; 
/* das floating der labels und inputs aufheben */
}

/* EoF */