@import url("zusatz.css");

body {
        margin: 0;
        padding: 0;
        background: #f5f5f5;
        font: normal .75em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
        line-height: 1.5em;
        color: #333;
}

/* LINKS AND HEADINGS STYLING */

a { font:  0.85em "Verdana", Helvetica, Sans-Serif; color: #808080; background: inherit; text-decoration: none; }
a:hover { color: #FF8C00; background: inherit; }
h1  { font:  2em "Verdana", Helvetica, Sans-Serif; margin: 0; color: #ccc; background-color:transparent; }
h2  { font:  0.8em "Verdana", Helvetica, Sans-Serif; color: #808080; background-color:#BBD0EC; }
h3 { clear: both; font-size: 1.1em; color: #FF8C00; background: #fff url(images/#) no-repeat center left; padding: 0 0px; margin: 0;}
h4 { clear: both; font-size: 1.3em; color: #FF8C00; background: #fff url(images/#) no-repeat center left; padding: 0 0px; margin: 0;}
.image { float:right; border: 0px solid #e2e2e2; padding: 0px; margin: 0 0px 10px 0; }
ul {margin-left: 1px; padding: 0px;  list-style: inside square; }


.blue {
        font: 9px "Verdana", Helvetica, Sans-Serif;
        color: #fff;
        text-align: center;
        background: #fff url(images/navi.jpg) no-repeat left;
        padding: 2px 0px 2px 0px;

        }

.orangetext {
        font-family:"Tahoma";
        font-size:1.2em;
        color:#ff8c00;
        font-weight:normal;
        text-decoration:none;
}

.otext {
        display:block;
        font-family:"Tahoma";
        font-size:0.9em;
        color:#ff8c00;
        font-weight:normal;
        text-decoration:none;
        border:#ff8c00 1px dashed;
        padding: 10px;
}

/*TABLE */

table
{
border-collapse: collapse;
width: 190px;
display:block;
}

th
{
background: none;
height: 25px;
padding-left: 5px;
padding-right: 5px;
color: #F74E00;
font-size:13px;
font-weight:normal;
text-align: left;
border-left: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
}

tr
{
height: 60px;
}

td
{
padding-left: 5px;
padding-right: 10px;
font-size:13px;
border-left: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
}

td.first,th.first
{
border-left: 0px;
}

tr.rowA
{
background: none;
}

tr.rowB
{
background: none;
}





/* CONTENT WRAPPER */

#main {
        width: 900px;
        margin: 0px auto 0 auto;
        background: #fff;
}


/* RIGHT INTRO SIDE */

#intro_right {
        float: right;
        width: 600px;
        padding: 25px 280px 0 20px;
        background: #fff url(images/intro.jpg) no-repeat;
        color: #547592;
        margin: 0 0 6px 0;
        height: 174px;
        border: 0px solid #e2e2e2;
}

#intro_right2 {
        float: right;
        width: 600px;
        padding: 25px 280px 0 20px;
        background: #fff url(images/philo.jpg) no-repeat;
        color: #547592;
        margin: 0 0 6px 0;
        height: 174px;
        border: 0px solid #e2e2e2;
}

#intro_right3 {
        float: right;
        width: 600px;
        padding: 25px 280px 0 20px;
        background: #fff url(images/leistungen.jpg) no-repeat;
        color: #547592;
        margin: 0 0 6px 0;
        height: 174px;
        border: 0px solid #e2e2e2;
}

#intro_right4 {
        float: right;
        width: 600px;
        padding: 25px 280px 0 20px;
        background: #fff url(images/kontakt.jpg) no-repeat;
        color: #547592;
        margin: 0 0 6px 0;
        height: 174px;
        border: 0px solid #e2e2e2;
}

#intro_right5 {
        float: right;
        width: 600px;
        padding: 25px 280px 0 20px;
        background: #fff url(images/projekte.jpg) no-repeat;
        color: #547592;
        margin: 0 0 6px 0;
        height: 174px;
        border: 0px solid #e2e2e2;
}

#intro_right6 {
        float: right;
        width: 600px;
        padding: 25px 280px 0 20px;
        background: #fff url(images/partner.jpg) no-repeat;
        color: #547592;
        margin: 0 0 6px 0;
        height: 174px;
        border: 0px solid #e2e2e2;
}

#intro_right7 {
        float: right;
        width: 600px;
        padding: 25px 280px 0 20px;
        background: #fff url(images/events.jpg) no-repeat;
        color: #547592;
        margin: 0 0 6px 0;
        height: 174px;
        border: 0px solid #e2e2e2;
}

#intro_right8 {
        float: right;
        width: 600px;
        padding: 25px 280px 0 20px;
        background: #fff url(images/drive.jpg) no-repeat;
        color: #547592;
        margin: 0 0 6px 0;
        height: 174px;
        border: 0px solid #e2e2e2;
}

        #intro_right h1 { margin: 0 0 20px 0; }
        #intro_right .white { color: #FFF; background-color:transparent; }

/* LEFT SIDE */

#left {
        float: left;
        width: 200px;
        padding: 0px 5px;
        margin: 0 0 0px 0;


}


        .box {
                padding: 0px 5px;
                border: 0px solid #fff;
                margin: 0 0 0px 0;

        }
        .note {
                padding: 15px 15px 20px 100px;
                border: 1px solid #CFCB66;
                margin: 0 0 5px 0;
                background: #FFFFAD url(images/package.gif) no-repeat;
                color: #585616;
        }

#left_2 {
        float: left;
        width: 60px;


}
        .box_2 {
                padding: 0px auto;
                border: 0px solid #fff;
                margin: 0 0 0px 100px;

        }


/* RIGHT SIDE */

#right {
        float: right;
        width: 690px;
}

                .leftcol {
                float: left;
                padding: 0px 5px;
                width: 470px;
                border:#fff 0px solid;
                text-align: left;
                margin: 0 0 10px 0;
        }
        .rightcol {
                float: right;
                padding: 12px 15px;
                width: 160px;
                border:#ccc 1px dashed;
                margin: 0 5px 15px 0;

                }


.form {margin:5px 5px 10px 5px;font-size:0.9em;}
.form .text {
        display:block;
        border:1px solid #666666;
        background: #f5f5f5;
        width:250px;
        padding:5px;
        font-size:14px;
        color:#000000;
}

.form label {display:block; margin-bottom:3px; margin-top:5px;}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {
        background:#f5f5f5;
        border: 1px solid #FF8C00;
}
.form .button {
        display:block;
        border:1px solid #666666;
        background:#f5f5f5;
        padding:5px 10px 5px 10px;
        margin:10px 0px 10px 0px;
}
.form .button:hover {
        display:block;
        border:1px solid #666666;
        background: #ffffff;
        padding:5px 10px 5px 10px;
        margin:10px 0px 10px 0px;
}

input.edit_error
        {
          background-color: #ffffff;
          border: #ff0000;
                border-style: solid;
                border-top-width: 1px;
                border-right-width: 1px;
                border-bottom-width: 1px;
                border-left-width: 1px;
        }



/* FOOTER */

#footer {  clear: both; padding: 5px; border-top: 1px dashed #ccc; }