/*  =========================================================
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;
}

body {
    line-height: 1.4;
    color: #4d4f44;
    text-align: center; /* Zentrierung für den <IE 5.x */
    font-family: Arial, Tahoma, sans-serif;
    font-size: 9pt;
}

:focus {
	outline: 0;
}

/* ===============================
   =Block-Elemente
=============================== */


p, ul, ol {
    margin: 0 0 0.8em 0;
}

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: 1.5cm; }
.tab35 { width: 1.5cm; }
.tab45 { width: 1.5cm; }
.tab55 { width: 2cm; }
.tab65 { width: 2cm; }
.tab75 { width: 2.5cm; }
.tab85 { width: 2.5cm; }

.no-margin {
    margin: 0 !important;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

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

  =2. LAYOUTBEREICHE

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

#wrapper {
    text-align: left;
    clear: both;
    line-height: 1.4;
}




/* ===============================
   =KOPFBEREICH
=============================== */
#header {
    border-bottom: 1px solid #397A02;
    padding: 0 0 10px 0;
}




#header a#logo{
    font-weight: bold;
    font-family: Georgia, serif;
    font-size: 18pt;
    display: block;
    text-decoration: none;
}


/* ===============================
   =NAVIBEREICH
=============================== */


#header .mod_navigation {
    display: none;
}

#left {
    display: none;
}


#left .mod_navigation {
    display: none;
}


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


#container  {
    background: #fff;
}

#container #main {
    width: 100%;
}

#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;
}

#container #teaser h2 {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

#container #teaser .expose {
    padding: 18px 20px 0 20px;
}

#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: 17px;
}
#teaser p.desc {
    margin-bottom: 12px;
}



#container #left,
#container #main {
    padding-top: 29px;
}




.frame {
    border: none;
}
#immobilien-liste .expose div.image {
    float: left;
    margin-right: 10px;
}
#immobilien-liste .expose div.teasertext {
}

    .expose{
        background-color: #fff;
        border-bottom: 2px solid #cbccc4;
        margin-bottom: 11px;
        overflow: hidden;
    }


        .expose .col1,
        .expose .col2,
        .expose .col3 {
            padding: 0 16px;
            margin-bottom: 18px;
            overflow: hidden;
        }


        .expose .col1,
        .expose .col2 {
            float: left;
            border-right: 1px solid #9d9d9d;
        }
        .expose .col1 {
            padding-left: 0;
        }

        .expose .col3 {
            float: left;
        }


        .expose .description {
            margin: 0 0 16px 0;
            clear: left;
        }
        .expose .extras {
            margin: 0 0 16px 0;
        }


.pagination, .more,.expose-button,.pdf_link {
    display: none;
}




/* ===============================
   =FUSSBEREICH
=============================== */

#footer {
    padding-top: 8px;
    font-size: 7pt;
    overflow: hidden;
    height: 1%;
    border-top: 1px solid #397A02;
}
    #footer a {
        color: #c5c5cb;
    }

    #foot_l{
        float: left;
    }
    #foot_r{
        display: none;
    }

#clickpress,
#clickpress a {
    color: #999999 !important;
}



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


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

   =3. Spezielle Seiten

=============================== */
/* ===============================
   Kontaktformular
=============================== */
form {
    width: 100%;
}

.formbody table {
    width: 400px;

}
.formbody td {
    vertical-align: top;

}



    label {
        /*border: 1px solid green;*/
        display: block;
        width: 80px;
        float: left;
        margin-top: 10px;
    }


    input, select,textarea
     { /* Alle Labels UND Formularelemente auswählen */
        width: 450px; /* Breite.*/
        border:  	 1px solid #999;
        margin-top: 10px;
        color:  #555;
        background-color: #fff;
    }

    input.radio {
        width: auto;
        float: left;
        border: none;
    }



    textarea {
        height: 271px;
    }


        select:hover,
        input:hover,
        textarea:hover,
        .hover {
            border: 1px solid #000;
        }

        select:focus, input:focus, textarea:focus {
            background-color:  	 #ffffcc;
            border:  	 1px solid #000;
            color:  	 #000;
		}

        input.submit { /* den Submit-Button */
            margin-left: 313px;
            border: none;
            float: none;
            width: auto;
        }

    form br { /* Alle Zeilenumbrüche in Formularen auswählen */
      clear: left; /* das floating der labels und inputs aufheben */
    }
/* EoF */