/*  =========================================================
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: #212d45;
    background-color: #fff;
    text-align: center; /* Zentrierung für den <IE 5.x */
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    padding-bottom: 50px;
}

: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: #004dbd;
}

    a:hover {
        color: #171E4A;
    }



/* ===============================
   =Classes allgemeiner Art
=============================== */
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

.kleinschrift {
    font-size: 10px;
}

.accessibility {
    display: none;
}

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

.clearer {
    clear: both;
}
.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

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

#pagewrapper {
    width: 960px;
    margin: 0 auto;  /* Zentrierung */
    text-align: left;
    clear: both;
    line-height: 1.4;
}


/* ===============================
   =KOPFBEREICH
=============================== */
#header {
    width: 960px;
    padding-top: 10px;
}



    #header #logo{
        width: 251px;
        height: 112px;
        float: left;
        background-image: url(../images/detlef_wiemann_logo.gif);
    }
        #header #logo span {
            display: none;
        }
    #header #adresse {
        padding-top: 45px;
        float: right;
        color: #6c7179;
        text-align: right;
    }
        #header #adresse a{
            text-decoration: none;
            color: #6c7179;
        }



/* ===============================
   =NAVIBEREICH
=============================== */
#navigation {
    clear: both;
    width: 960px;
    height: 27px;
    background: url(../images/navi_textur.gif) repeat-x;
}

    #navigation ul {
        margin-left: 30px;
    }
        #navigation ul li {
            float: left;
            text-align: center;
            border-right: 1px solid #fff;

        }

        #navigation ul li.first {
            border-left: 1px solid #fff;
        }

            #navigation li a {
                display: block;
                color: #fff;
                text-decoration: none;
                padding-top: 6px;
                width: 119px;
                height: 21px;
                background: url(../images/navi_textur_link.gif) repeat-x;
            }

            #navigation li a span {
                background: url(../images/navi_bullet.gif) no-repeat 0 3px;
                padding-left: 9px;
            }

            #navigation li a.active span {
                background: url(../images/navi_bullet_act.gif) no-repeat 0 5px;
                padding-left: 13px;
            }

            #navigation li a:hover,
            #navigation li a.active {
                background: url(../images/navi_textur_link_act.gif) repeat-x;
            }



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

#content {
    padding: 39px 34px;
    background: #ebeef1 url(../images/content_back.gif) repeat-x;
    overflow: hidden;
}

/* Grid */
    .grid4, .grid2,  .grid1 {
        background: #c3c4c4 url(../images/grid_back.gif) repeat-x;
        border: 1px solid #fff;
        padding: 20px;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .grid1 {
        width: 143px;
    }
        .grid1 img {
            margin-bottom: 20px;
        }
    .grid2 {
        width: 388px;
    }
    .col1, .col2, .col3, .col4 {
        float: left;
    }

    .col1 {
        margin-right: 50px;
    }
    .col2 {
        margin-right: 50px;
    }
    .col3 {
        margin-right: 50px;
    }
    .col4 {

    }


    #content h2,
    #content_titel h2 {
        font-size: 19px;
        display: inline;
        font-family: Georgia, sans-serif;
        color: #212d45;
    }

    #content h1 {
        font-size: 24px;
        font-family: Georgia, sans-serif;
        color: #656a72;
        letter-spacing: 0px;
        visibility: visible;
        margin-bottom: 20px;
        line-height: 24px;
    }

    #content h2.noSIFR {
        display: block;
        visibility: visible !important;
        font-size: 12px !important;
        font-weight: bold;
        color:#004dbd;
        width: auto;
        margin-bottom: 10px;

    }
    p.more {
        text-align: right;
    }



#content_titel {
    background: url(../images/wiemann_titel.jpg) no-repeat;
    height: 488px;
}

#content,
#content_titel {
    clear: both;
    border-bottom: 1px solid #c5c5cb;
}

    #content ul li,
    #content_titel ul li {
        margin: 0 0 10px 20px;
        padding-left: 0px;
        list-style: url(../images/bullet_orange.png);
        list-style-position: outside;
    }

    #content_titel #teaser1,
    #content_titel #teaser2{
        /*border: 1px solid green;*/
        width: 338px;
        height: 123px;
        position: relative;
    }
        #content_titel h2{
            font-size: 17px;
            margin-bottom: 0px;
        }
            #content_titel h2.news{
                margin-bottom: 0px;
            }

        #content_titel h3{
            font-size: 11px;
            font-weight: normal;
            margin-bottom: 10px;
            color: #5a5956;
            line-height: 1;

        }

    #content_titel #teaser1 {
        top: 48px;
        left: 571px;
    }
        #content_titel #teaser1 img{
            float: right;
            margin-left: 15px;
        }
        #content_titel #teaser1 h2{
            margin-bottom: 10px;
        }
    #content_titel #teaser2 {
        top: 155px;
        left: 570px;
    }



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

#footer {
    color: #c5c5cb;
    padding-top: 8px;
}
    #footer a {
        color: #c5c5cb;
    }

    #foot_l{
        font-size: 10px;
        float: left;
    }
    #foot_r{
        float: right;
    }
        #foot_r a{
            color: #a7a7ad;
        }




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


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

   =3. Spezielle Seiten

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

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


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

    textarea {
        height: 271px;
    }


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

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

        input.submit { /* den Submit-Button */
            margin-left: 302px;
            float: right;
            width: auto;
        }

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