/*  ----------------------------------------------------------------------------------------------------------  */
/*      Project Title
/*      Version: 1.0
/*      Author: name // name(at)id-on(dot)de
/*      Author URI: www.id-on.de // www.gorilla-concept.de
/*  ----------------------------------------------------------------------------------------------------------  */

/*  ----------  Contents  ----------    */
/*
        1. Resets
        2. Generic
        3. Structure
        4. Forms
        5. Tables

/*  --------------------------------    */

/*  -----------  Colors  -----------    */
/*
        color 1:    #fff
        color 2:    #000

/*  --------------------------------    */

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             1. Resets
/*  ----------------------------------------------------------------------------------------------------------  */

/*  meyer-reset with minor changes */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, 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-size:100%;
    vertical-align:baseline;
    font-weight:inherit;
    font-style:inherit;
    font-family:inherit;
}
textarea, input {
    font-size:100%;
    font-weight:inherit; /* IE will ignore inherits here */
    font-style:inherit;
    font-family:inherit;
}
:focus {outline:0;} /* remember to define focus styles! */

body {line-height:100%;}

ol, ul {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* #########################################\\\ Edit from here ///############################################  */

/* if graphic buttons are used */
button {
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    overflow:visible; /* IE */
    white-space:nowrap; /* IE */
}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             2. Generic
/*  ----------------------------------------------------------------------------------------------------------  */

body {
    color:#333;
    background:#000 url(../img/verlauf_bg.png) repeat-x;
    font-family:Helvetica, verdana, sans-serif;
}
.clear {clear:both;}

.clearfix:after {
    content:'.';
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

a {
    color:#000;
    text-decoration:none;
}
a:hover, a:focus {
    text-decoration:underline;
}
p {
    font-size:68.75%; /* 11px */
    margin:8px 0;
}
code {
    font-family:monospace;
    font-size:125%;
}
abbr {
    border-bottom:1px dotted #ccc;
    cursor:help;
}
    button div {
        
    }
    button p {
        
    }
    button:hover div, button:focus div {}
    button:hover p, button:focus p {}

/*  ----------------------------------------------------------------------------------------------------------  */
/*  Headlines */

h1 {font-size:125%;}
h2 {
    font-size:93.755%;
    margin-bottom:10px;
}
h3 {font-size:100%;}
h4 {font-size:87.5%;}
h5 {font-size:75%;}
h6 {font-size:75%;}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             3. Structure
/*  ----------------------------------------------------------------------------------------------------------  */

#wrapper {
    width:960px;
    background:url(../img/blase.png) no-repeat;
    width:1009px;
    height:950px;
}
    #header {
        width:737px;
        height:109px;
        border-bottom:1px solid #000;
        margin:0 0 0 148px;
/*        background:url(../img/info_text.png) no-repeat right 50px;*/
    }
    #nav {
        
    }
    #content-wrapper {
        
    }
        #content {
            margin:0 0 0 148px;
            padding-top:20px;
            height:320px;
        }
        #secondary-content {
            
        }
    #footer {
        
    }

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             4. Forms
/*  ----------------------------------------------------------------------------------------------------------  */

form {
    width:353px;
    float:left;
}
    fieldset {
    
    }
        legend {
    
        }
        form ul {
            
        }
            form li {
                width:100%;
                margin-bottom:5px;
            }
                label {
                    color:#828282;
                    font-size:68.75%;
                    width:25%;
                    float:left;
                }
                input[type="text"], textarea {
                    width:73%;
                    border:1px solid #cecece;
                }
                input:focus, textarea:focus {
                    
                }
                select {
                    
                }
    /*  ----------------------------------------------------------------------------------------------------------  */
    /*  6. Errors   */

    .error {
        border:1px solid #d00;
        background:#fcc;
    }
    .error-msg {
        border:2px solid #d00;
    /*    background:#fcc url(../img/error_icon.png) no-repeat 10px center;*/
        padding:10px 10px 10px 40px;
        margin:10px 0;
    }

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             5. Tables
/*  ----------------------------------------------------------------------------------------------------------  */

table {
    
}
    caption {
        
    }
    td {
        
    }
    tbody tr:hover td {background:#;}

        thead th {
        
        }
        tfoot td {
        
        }

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             6. Whatever comes next, now it's on YOU!
/*  ----------------------------------------------------------------------------------------------------------  */
#header img {
    position:absolute;
    top:24px;
    left:69px;
}

.maincontent {width:350px;}

.maincontent a {
    color:#828282;
    cursor: pointer;
}
.maincontent a.icon {
    font-size:68.75%;
    text-transform:uppercase;
    background:url(../img/arrow.png) no-repeat 0 center;
    padding-left:20px;
}

.maincontent a:hover {text-decoration:underline;}

.home {
    background:url(../img/personengruppe.jpg) no-repeat 335px 27px;
}

.note {
    width:350px;
    border-top:1px solid #000;
    font-size:56.25%;
    color:#000;
    padding:5px 34px 0 0;
    position:absolute;
    top:437px;
    left:379px;
}

/* Kontaktformular */

.formular h2 {margin-bottom:5px;}

.formular .info-text {
    width:170px;
    float:left;
    margin-right:46px;
}

.mandatory {color:#000;}

form p {
    color:#828282;
    font-size:68.75%;
    font-weight:bold;
    margin-bottom:20px;
}

.senden {
    text-align:right;
}

    .senden p {
        background:url(../img/arrow_black.png) no-repeat 0 4px;
        font-size:100%;
        font-weight:bold;
        color:#000;
        padding:0 7px 0 15px;
        text-transform:uppercase;
    }
    
/* Fehlermeldung */

.hinweis {
    font-size:68.75%;
    display:block;
    margin-bottom:5px;
}

#error-message {
    margin:0;
    color:#DD0000;
}

.error {
    border:none;
    background:none;
}

.error label {color:#DD0000}