body{
            font-size:10px;
            font-family:Verdana, Arial, sans-serif;
            line-height:14px;
            margin:0px;
            padding:0px;
            background:#ffffff;
            color:#000000;
            font-family:Verdana, Arial, sans-serif;
            overflow:hidden;
        }
        h1{
            font-size:12px;
            font-family:Verdana, Arial, sans-serif;
            margin:0px;
            padding:0px;
            padding-bottom:5px;
        }
        p{
            padding:0;
            padding-top:3px;
            margin:0;
        }
        ul{
            list-style-type:square;
        }
        img{
            border:0px;
            padding:0;
            margin:0;
        }
        ul a{
            background:#CA9D2C;
            color:#000000;
            text-decoration:none;
            padding:0;
            margin:0;
		}
        ol a{
            background:#CA9D2C;
            color:#000000;
            text-decoration:none;
            padding:0;
            margin:0;
		}

        .subheadline{
            float:left;
            color:#ffffff;
            background-color:#4C5040;
            font-weight:bold;
            font-size:1px;
            margin:0px;
            padding:0px;
        }
        .dummy{
            width:1px;
            height:15px;
            margin:0px;
            padding:0px;
        }
        #container{
            width:100%;
            height:740px;
            background:none;
            color:#000000;
        }
        #siteContainer{
            position:relative;
            height:740px;
            width:1200px;
            background:none;
            color:#000000;
            margin-left:auto;
            margin-right:auto;
        }
        #topContent{
            position:relative;
            width:780px;
            height:200px;
            top:0;
            left:-150px;
            background:none;
        }
        #topContent table{
            position:relative;
            left:0;
            top:-50px;
            left:150px;
            background:none;
        }
        #topContent table table{
            position:relative;
            left:0;
            top:0;
            left:0;
            background:none;
        }

        #topContent h1{
            padding:50px 20px;
            color:#646347;
            font-weight:normal;
            font-size:30px;
            background:none;
            line-height:37px;
        }

        #imageSection{
            position:relative;
            left:-100px;
            top:-30px;
            background:none;
            color:#000000;
            width:580px !important;
            width:730px;
            height:280px;
            padding-left:150px;
            padding-top:40px;
        }
        #news{
            position:relative;
            left:-100px;
            z-index:1000;
        }
        #news img{
            cursor:pointer;
        }
        #menuGfx{
            margin-top:246px;
            float:left;
            width:320px;
            height:230px;
            background:#ffffff;
            color:#000000;
        }
        .content{
            clear:both;
            margin:0 5px 20px 5px;
            line-height:18px;
            background:none;
        }
        .content img{
        margin:0 0 0 20px;
        }
        #contentSection{
            position:relative;
            left:-100px;
            top:-50px;
            background:#DAD586;
            color:#000000;
            width:780px !important;
            height:370px;
            overflow:hidden;
            clip:rect(0px 745px 340px 0px);
            z-index:1000;
        }
        #toolmenu{
            position:relative;
            top:-40px;
            background:none;
            color:#000000;
            width:680px !important;
            height:20px;
            text-align:center;
            line-height:15px;
            overflow:hidden;
        }
        #impressum{
            float:left;
            position:relative;
            width:100px;
            height:15px;
            background:none;
            cursor:pointer;
            font-family:Verdana;
            font-size:10px;
        }
        #impressum a,#impressum a:link,#impressum a:visited,#impressum a:hover{
	        text-decoration:none;
	        background:none;
	        color:#000000;
        }
        #download{
            float:left;
            position:relative;
            left:300px;
            width:100px;
            height:15px;
            background:none;
            cursor:pointer;
        }
        #printlink{
            float:left;
            position:relative;
            left:320px;
            width:100px;
            height:15px;
            background:none;
            cursor:pointer;
        }
        #garncontent{
            float:left;
            position:relative;
            left:-126px;
            top:560px;
            background:none;
            z-index:0;
        }

.content p{
    margin:5px 0 5px 0;
    padding:30px;
    background:#E7F0C3;
}
.content ul{
    margin:5px 4px 5px 0;
    padding:30px 30px 30px 80px;
    background:#E7F0C3;
    list-style-image: url(../gfx/li_layer1.gif);
}
.content ol{
    margin:5px 4px 5px 0;
    padding:30px 30px 30px 80px;
    background:#E7F0C3;
}
.content li{
    margin:5px 0;
    background:#E7F0C3;
}
.content ul ul{
    margin:0;
    padding:0 0 0 20px;
    background:#E7F0C3;
    list-style-image: url(../gfx/li_layer2.gif);
}
.content ol ol{
    margin:0;
    padding:0 0 0 20px;
    background:#E7F0C3;
}
.content ul ul ul{
    margin:0;
    padding:0 0 0 20px;
    background:#E7F0C3;
	list-style-image: url(../gfx/li_layer2.gif);
}
.content ol ol ol{
    margin:0;
    padding:0 0 0 20px;
    background:#E7F0C3;
}
.content table{
    width:751px;
    margin:5px 0 5px -1px;
    background:#DDE9AA;
}
.content th{
    background:#516C31;
    color:#ffffff;
    text-align:center;
    font-weight:normal;
}
.content td{
    background:#B7D54C;
    color:#646347;
    text-align:center;
    font-weight:normal;
}
.content p.bodytext{
    background:none;
    padding:0 50px;
}
.content table p.bodytext{
    background:none;
    padding:0;
}
.content p{
    margin:0;
    padding:0;
    background:none;
}
.bodytext a:link, .bodytext a:hover, .bodytext a:visited, .bodytext a{
	background:#CA9D2C;
	color:#000000;
	text-decoration:none;
	padding:0;
	margin:0;
}
#scrollLayer .greenbox{
    float:left;
    width:5px;
    height:17px;
    background:#4C5040;
    margin-right:5px;
}
#scrollLayer h1{
    float:left;
    color:#ffffff;
    background-color:#4C5040;
    font-weight:bold;
    font-size:10px;
    margin:0 0 10px 0;
    padding:2px;
    height:13px;
}
#scrollLayer h2{
	float:left;
    color:#646347;
    font-weight:normal;
    font-size:20px;
    line-height:21px;
    vertical-align:top;
    background:none;
    margin:0 0 5px 0;
    padding:0;
    height:23px;
}
#scrollLayer #firstHeader h1{
	float:left;
    color:#646347;
    font-weight:normal;
    font-size:20px;
    line-height:21px;
    vertical-align:top;
    background:none;
    margin:0 0 5px 0;
    padding:0;
    height:23px;
}
#scrollLayer .greenboxClassic{
    float:left;
    width:5px;
    height:20px;
    background:#4C5040;
    margin-right:5px;
}
        .dummy{
            float:right;
        }
        #mainPage{
            float:left;
        }
    #tt{
        position:relative;
        text-align:right;
        background:none;
        color:#000000;
        top:-50px;
        left:-100px;
        width:780px;
        height:22px;
        padding:0px;
        margin:0px;
        padding-bottom:10px;
    }
    #absolut{
        position:absolute;
        clip:rect(0px, 760px, 340px, 0px)
    }
    #scrollLayer{
        float:left;
        width:680px;
        background:none;
        overflow:hidden;
        z-index:3000;
    }
    #arrowMenu{
        float:right;
        width:12px;
        height:330px;
        background:#A7BF51;
        border:1px dotted #909090;
        margin:0 10px 0 0;
		padding:0;
    }
    #up{
        width:13px;
        height:25px;
        border-bottom:1px dotted #909090;
        padding-top:150px;
        text-align:center;
        cursor:pointer;
    }
    #down{
        width:13px;
        height:85px;
        padding-top:15px;
        text-align:center;
        cursor:pointer;
    }
    #leftWhiteBox{
        float:left;
        width:5px;
        height:20px;
        background:#ffffff;
    }
    #rightBox{
        float:left;
        width:705px;
        height:20px;
    }
    #maincontent{
        clear:both;
        position:relative;
    }
    .contenttext{
        clear:both;
    }

    #rolle1{
    float:left;
    width:105px;
    height:230px;
    margin:0px;
    padding:0px;
    }
    #rolle2{
    float:left;
    margin:0px;
    padding:0px;
    height:58px;
    }
    #rolle3{
    float:left;
    margin:0px;
    padding:0px;
    height:167px;
    }
    #rolle4{
    float:left;
    width:39px;
    height:50px;
    margin-top:8px;
    }
    #rolle5{
    float:left;
    width:39px;
    height:50px;
    margin:0px;
    }
    #rolle6{
    float:right;
    width:25px;
    height:141px;
    margin:0px;
    padding:0px;
    }
    #rolle7{
    float:right;
    width:97px;
    height:32px;
    margin:0px;
    margin-top:46px;
    padding:0px;
    }
    #rolleContainer{
    position:absolute;
    width:321px;
    }
#menu{
    position:relative;
    top:-37px;
    background:none;
    color:#000000;
    width:670px;
    height:15px;
    cursor:pointer;
    z-index:10;
    font-family:Verdana;
}
form{
        margin:0 0 0 80px;
}

.csc-mailform {
border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
float:left;
clear:both;
display:block;
width:100px;
padding-left:10px;
margin-bottom:10px;

}

.csc-mailform-field span {
float:left;
clear:both;
display:block;
width:100px;
padding-left:10px;
margin-bottom:10px;

}

.csc-mailform-field img {
float:left;
clear:both;
display:block;
width:100px;
padding-left:10px;
margin-bottom:10px;
}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
float:left;
display:block;
width:350px;
border: 1px solid #333;
background:#F4F4F4;
padding:1px;
margin-bottom:10px;
}

.csc-mailform-field input.csc-mailform-submit {
width:80px;
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-left: 384px;
/* Float wieder abschalten */
clear: both;
}


/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/upmenu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */


#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; width:auto; height:20px; text-align:left;color:#000; padding:0 5px;background:#fff; line-height:25px; font-size:10px;}
#menu ul li ul li a, #menu ul li ul li a:visited {display:block; text-decoration:none; width:94px; height:20px; text-align:left;border:0;color:#000; padding:0 5px;background:#fff; line-height:25px; font-size:10px;}
#menu ul {padding:0; margin:0;list-style-type: none; }
#menu ul li {float:left; position:relative;}
#menu ul li ul {visibility:hidden; position:absolute;}
#menu table {border-collapse:collapse;margin:0; padding:0; font-size:10px; margin:-1px;}
#menu ul li:hover a, #menu ul li a:hover {color:#000; background:#fff}
#menu ul li:hover ul, #menu ul li a:hover ul {visibility:visible; bottom:20px; left:0;}
#menu ul li:hover ul li a.sub, #menu ul li a:hover ul li a.sub {background:#fff; color:#000;}
#menu ul li:hover ul li, #menu ul li a:hover ul li {display:block; background:#fff; color:#000;width:140px; clear:both;}
#menu ul li:hover ul li:hover a.sub, #menu ul li a:hover ul li a:hover.sub {background:#fff; color:#000;}

#menu ul li:hover ul li ul, #menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;top:0;z-index:2001;}
#menu ul li:hover ul li a, #menu ul li a:hover ul li a {display:block; background:#fff; color:#777777; width:100%; padding:0 5px;}
#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover {background:#fff; color:#000;}
#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li a:hover ul {visibility:visible; left:150px; bottom:0;}
#menu ul li:hover ul li:hover ul li a, #menu ul li a:hover ul li a:hover ul li a {background:#fff; color:#777777;}
#menu ul li:hover ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover ul li a:hover {background:#fff; color:#000;}

/*beim Punkt produkte->sicherheit das Untermenue nach oben ruecken
#menu ul li#m1 ul li.m14 ul {margin:-40px 0 0 0}*/
/*tt-ts-20078-01-02 temporaere Anpassung, weil Menuepunkt weggefallen ist*/
#menu ul li#m1 ul li.m13 ul {margin:-40px 0 0 0}

/*beim Punkt providing->isp das Untermenue nach oben ruecken*/
#menu ul li#m6 ul li.m11 ul {margin:-60px 0 0 0}
/*beim Punkt providing->asp das Untermenue nach oben ruecken*/
#menu ul li#m6 ul li.m12 ul {margin:-20px 0 0 0}
/*beim Punkt providing->vip das Untermenue nach oben ruecken*/
#menu ul li#m6 ul li.m13 ul {margin:-80px 0 0 0}

#menu ul li#m4 ul li{width:190px;}
#menu ul li#m5 ul li{width:240px;}

#menu ul li#m6 ul li{width:210px;}
#menu ul li#m6 ul li ul {left:220px;}
#menu ul li#m7 ul li{width:160px;}
#menu ul li#m7 ul li ul {left:110px;}
#menu ul li#m8 ul li ul {left:120px;}