@charset "utf-8";
/* CSS Document */

body {
        background:#9c9e9f;
        border:none;
        padding:0px;
        margin:auto;
}

bodygruen {
        background: #6C0;
        border:none;
        padding:0px;
        margin:auto;
}

#wrapper {
        width:100%;
        height:640px;
        background:#9c9e9f;
        margin:0px;
}

#wrappergruen {
        width:100%;
        height:640px;
        background:#6C0;
        margin:0px;
}

/* header */

#header {
        width:100%;
        height:110px;
        margin:auto;
        vertical-align:bottom;
}
#headerindex {
        background: #b0dc00;
}

#headerunternehmen {
        background: #becae2;
}

#headergruen {
        background: #6F0;
}

#headerteam {
        background: #fabb00;
}

#headergrafik {
        background: #b82670;
}

#headerproduktion {
        background: #a116db;
}

#headerprodukte {
        background: #e63015;
}

#headerwerbemittel {
        background: #78b400;
}

#headerversand {
        background: #fee900;
}

#headerhdmlive {
        background: #B4CF65;
}

#header1 {
        width:1024px;
        height:110px;
        margin:auto;
        vertical-align:bottom;
}

#h_left {
        width:157px;
        height:110px;
        margin-right:0;
}

#h_middle {
        width:710px;
        height:110px;
        margin:auto;
        margin-top:-110px;
        background-repeat: no-repeat;
}

#h_right {
        width:157px;
        height:110px;
        margin-left:867px;
        margin-top:-110px;
}

#h_right_shop {
        font-family:Verdana, Geneva, sans-serif;
        font-size:11px;
        text-decoration: none;
        text-underline: none;
        margin-left:5px;
        position:relative;
        top:80px;
}

#h_right_shop  p {
         margin: 0px 0px;
         padding: 5px 5px;
}

/* Bilder Header */

.unternehmen {
        background-image:url(../pic/temp_pic/unternehmen.png)
}
/* navi */
#navi {
        width:1024px;
        height:32px;
        margin:auto;
}

#n_left {
        width:157px;
        height:32px;
        margin-right:0;
}

#n_middle {
        width:710px;
        height:32px;
        background:url(../pic/temp_pic/navi.png);
        margin:auto;
        margin-top:-32px;
}

#navi_right {
        width:157px;
        height:32px;
        margin-left:867px;
        margin-top:-32px;
}

#navi2 {
        width:1024px;
        height:63px;
        margin:auto;
}

#n_left2 {
        width:157px;
        height:63px;
        margin-right:0;
}

#n_middle2 {
        width:710px;
        height:63px;
        background:url(../pic/temp_pic/navi.png);
        margin:auto;
        margin-top:-63px;
}

#navi_right2 {
        width:157px;
        height:63px;
        margin-left:867px;
        margin-top:-63px;
}

#navi-box {
        margin-left: 40px;
        padding-top: 5px;
}

#navi-box1 {
        margin-left: 40px;
        padding-top: 10px;
}

.navi-txt a {
        font-family:Verdana, Geneva, sans-serif;
        font-size:11px;
        text-decoration: none;
        text-underline: none;
}

.navi-txt a:link {
        color: #4b4b4d;
}
.navi-txt a:visited {
        color: #4b4b4d;
}
.navi-txt a:hover {
        color: #bc052c;
}
.navi-txt a:active {
        color: #bc052c;
}

.active {
        color: #bc052c;
}
/* content1 */

#content {
        width:1024px;
        height:460px;
        background:#9c9e9f;
        margin:auto;
}

#c_left {
        width:157px;
        height:460px;
        margin-right:0;
}

#c_middle {
        width:710px;
        height:460px;
        background:url(../pic/temp_pic/content.png);
        margin:auto;
        margin-top:-460px;
}

#c_middle1 {
        width:710px;
        height:460px;
        background:url(../pic/temp_pic/content1.png);
        margin:auto;
        margin-top:-460px;
}

#c_right {
        width:157px;
        height:460px;
        margin-left:867px;
        margin-top:-460px;
}

#c_right_kontakt {
        font-family:Verdana, Geneva, sans-serif;
        font-size:11px;
        text-decoration: none;
        text-underline: none;
        margin-left:5px;
}

#c_right_kontakt  p {
         margin: 0px 0px;
         padding: 5px 5px;
}

         .boxhead {
         background-color:#ffffff;
         color:#bc052c;
         font-weight:bold;
         }

         .boxinhalt {
         background-color:#eceded;
         color: #4b4b4d;
         }

#index {
        width:250px;
        height:250px;
        margin-left:30px;
        padding-top:260px;
        }
/* content2 */

#content2 {
        width:1024px;
        height:430px;
        margin:auto;
}

#c_left2 {
        width:157px;
        height:430px;
        margin-right:0;
}

#c_middle2 {
        width:710px;
        height:430px;
        background:url(../pic/temp_pic/content2.png);
        margin:auto;
        margin-top:-430px;
}

#c_right2 {
        width:157px;
        height:430px;
        margin-left:867px;
        margin-top:-430px;
}

/* main */

#main1 {
        width:260px;
        height:400px;
        margin-left: 40px;
        margin-right:10px;
        padding-top: 20px;
        padding-right:5px;
        float: left;
        overflow-x: hidden;
        overflow-y: auto;
}

#main2 {
        width:260px;
        height:398px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left:330px;
        margin-top:-398px;
        float: left;
}

#main3 {
        width:230px;
        height:398px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left:460px;
        margin-top:-398px;
        float: left;
}

#main4 {
        width:365px;
        height:398px;
        margin-left:230px;
        margin-top:-398px;
        padding-left: 10px;
        padding-right: 20px;
        float: right;
}

#main5 {
        width:550px;
        height:398px;
        margin-left:0px;
        margin-top:-398px;
        float: left;
}

#main6 {
        width:320px;
        height:398px;
        margin-left: 40px;
        margin-right:10px;
        padding-top: 20px;
        float: left;
}

#main7 {
        width:600px;
        height:348px;
        margin-left: 40px;
        margin-right:10px;
        padding-top: 20px;
        float: left;
}

#main8 {
        width:600px;
        height:348px;
        margin-left: 40px;
        margin-right:10px;
        padding-top: 20px;
        float: left;
}

#box-rb {
        margin-left: 40px;
        margin-right: 40px;
        padding-top: 5px;
}

#anmeldung {
        width:600px;
        height:200px;
}

/*footer*/

#footer {
        width:710px;
        height:28px;
        margin:auto;

}

#f_left {
        width:567px;
        height:28px;
        background:url(../pic/temp_pic/footer_left.png);
}

#f_kontakt {
        width:62px;
        height:28px;
        margin-left:567px;
        margin-top:-28px;
}

#f_right {
        width:81px;
        height:28px;
        background:url(../pic/temp_pic/footer_right.png);
        margin-left:629px;
        margin-top:-28px;
}

#footer2 {
        width:1024px;
        height:28px;
        margin:auto;
}

#f2_left {
        width:157px;
        height:28px;
        margin-right:0;
}

#f2_middel {
        width:710px;
        height:28px;
        margin:auto;
        margin-top:-28px;
}

#f2_right {
        width:157px;
        height:28px;
        margin-left:867px;
        margin-top:-28px;
}

/* navi footer */

#navi-box2 {
        margin-left:20px;
        padding-top: -5px;
}

.navi-footer a {
        font-family:Verdana, Geneva, sans-serif;
        font-size:9px;
        color: #FFFFFF;
        text-underline: none;
        }

.navi-footer a:link {
                text-decoration: none;
}
.navi-footer a:visited {
                text-decoration: none;
}
.navi-footer a:hover {
        color: #bc052c;
        text-decoration: none;

}
.navi-footer a:active {
        color: #bc052c;
        text-decoration: none;
}

/*texte*/

.h1 {
        font-family: Verdana, Geneva, sans-serif;
        color: #bc052c;
        font-size: 18px;
        font-variant:small-caps;
        font-style:bold;
}

.h2 {
        font-family: Verdana, Geneva, sans-serif;
        color: #bc052c;
        font-size: 11px;
}

.h3 {
        font-family: Verdana, Geneva, sans-serif;
        color: #fabb00 ;
        font-size: 24px;
        font-variant:small-caps;
        font-style:bold;
}

.h4 {
        font-family: Verdana, Geneva, sans-serif;
        color: #fabb00;
        font-size: 11px;
}

.txt1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #4b4b4d;
	line-height:16px;
	background-color: #FFFFFF;
        }

.txt1 a:link {
        color: #4b4b4d;
        text-decoration: none;
        text-underline: none;
        }
.txt1 a:visited {
        color: #4b4b4d;
        text-decoration: none;
        text-underline: none;
        }
.txt1 a:hover {
        color: #bc052c;
        text-decoration: none;
        text-underline: none;
        }
.txt1 a:active {
        color: #bc052c ;
        text-decoration: none;
        text-underline: none;
}

.txt2 {
        font-family:Verdana, Geneva, sans-serif;
        font-size:11px;
        color:#FFF;
        }
#listetxt {
	list-style-type:disc;
	list-style-position:inside;
	margin: 0;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color: #4b4b4d;
	}
	
#listetxt2 {
	list-style-type:disc;
	list-style-position:inside;
	font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color: #4b4b4d;
	}

/*tabswitch*/

#CS {
                float: left;
}

#liste {
        list-style-position:inside;
        padding:0px;
}
/*tooltip*/

.tooltip {
                display:none;
                background-color:#ffa;
                border:1px solid #cc9;
                padding:3px;
                font-size:13px;
                -moz-box-shadow: 2px 2px 11px #666;
                -webkit-box-shadow: 2px 2px 11px #666;
        }

/* style the trigger elements */
#triggers img {
                border:0;
                cursor:pointer;
                margin-left:11px;
        }