@charset "utf-8";
/* CSS Document */
html,body {margin:0;padding:0;height:100%;font-family:Arial, Helvetica, sans-serif; }

#container {position:relative;margin:0 auto;width:100%; height:auto !important; height:100%;min-height:100%;  }
.content_all{ width:1000px; margin:0 auto;  }

#content { float:left;height:auto;width:100%;  top:0%; position:absolute;}
#content .content_all{
	height:780px;
	background:transparent;
	background-image: url(../images/background_webseite.jpg);
}

#content .content_all #box_form{
	width:100%;
	height:auto;
	padding:-300px 0px 0px 0px;
	text-align:top;
	float: left;
}

#content .content_all #bereich-one {
	height:250px;
	width:300px;
	float: left;
	padding:161px 0 0 5px;
}
#content .content_all #bereich-two {
	height:250px;
	width:220px;
	float: left;
	padding:23px 0 0 87px;
}
#content .content_all #bereich-three {
	height:250px;
	width:200px;
	float: left;
	padding:161px 0 0 152px;
}
#content .content_all #bereich-four {height:233px; width:331px;float: left; padding:6px 0 0 5px;}
#content .content_all #bereich-five {height:233px; width:220px;float: left; padding:99px 0 0 54px;}
#content .content_all #bereich-six {height:233px; width:200px;float: left; padding:7px 0 0 154px;}

#content .content_all #timer #countdown{font-size:50px; font-weight:bold; padding:6px 0; text-align:left; width:489px; height:63px;  float:left;}
#content .content_all #timer #countdown span, #content .content_all #timer .timer_text span{display:block; float:left;}
.dot{ width:17px; padding-left:5px; font-size:35px; padding-top:8px;}
.days{ width:133px; padding:0 0 0 10px; letter-spacing:20px; }
.hour,.minute, .second{ width:84px;letter-spacing:20px; padding-left:9px;}

img { border: 0; }

/* Tiny Circleslider */
#rotatescroll { height:211px; position:relative; width:211px;}
#rotatescroll .viewport{ height:209px; position: relative; margin:0 auto; overflow:hidden; width:209px }
#rotatescroll .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll .overview li { height:210px; width:210px; float: left; position: relative; }
#rotatescroll .overlay {background:url(../images/bereich-01.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:210px; width:210px; }
#rotatescroll .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -20px; cursor: pointer; left: 105px; width: 100px; z-index: 200;  height: 90px; }
#rotatescroll .dot { background:url(../images/bg-dot.png) no-repeat 0 0; display: none; height: 10px; width: 12px; position: absolute; left: 1px; top: 0px; z-index: 100; }
#rotatescroll .dot span { display: none; }

/* Tiny Circleslider-2 */
#rotatescroll-2 { height:211px; position:relative; width:211px;}
#rotatescroll-2 .viewport{ height:209px; position: relative; margin:0 auto; overflow:hidden; width:209px }
#rotatescroll-2 .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll-2 .overview li { height:211px; width:211px; float: left; position: relative; }
#rotatescroll-2 .overlay {background:url(../images/bereich-02.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:210px; width:210px; }
#rotatescroll-2 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -20px; cursor: pointer; left: 105px; width: 100px; z-index: 200;  height: 90px; }
#rotatescroll-2 .dot { background:url(../images/bg-dot.png) no-repeat 0 0; display: none; height: 10px; width: 12px; position: absolute; left: 1px; top: 0px; z-index: 100; }
#rotatescroll-2 .dot span { display: none; }

/* Tiny Circleslider-3 */
#rotatescroll-3 { height:211px; position:relative; width:211px;}
#rotatescroll-3 .viewport{ height:209px; position: relative; margin:0 auto; overflow:hidden; width:209px }
#rotatescroll-3 .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll-3 .overview li { height:211px; width:211px; float: left; position: relative; }
#rotatescroll-3 .overlay {background:url(../images/bereich-03.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:210px; width:210px; }
#rotatescroll-3 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -20px; cursor: pointer; left: 105px; width: 100px; z-index: 200;  height: 90px; }
#rotatescroll-3 .dot { background:url(../images/bg-dot.png) no-repeat 0 0; display: none; height: 10px; width: 12px; position: absolute; left: 1px; top: 0px; z-index: 100; }
#rotatescroll-3 .dot span { display: none; }

/* Tiny Circleslider-4 */
#rotatescroll-4 { height:211px; position:relative; width:211px;}
#rotatescroll-4 .viewport{ height:209px; position: relative; margin:0 auto; overflow:hidden; width:209px }
#rotatescroll-4 .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll-4 .overview li { height:211px; width:211px; float: left; position: relative; }
#rotatescroll-4 .overlay {background:url(../images/bereich-06.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:210px; width:210px; }
#rotatescroll-4 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -20px; cursor: pointer; left: 105px; width: 100px; z-index: 200;  height: 90px; }
#rotatescroll-4 .dot { background:url(../images/bg-dot.png) no-repeat 0 0; display: none; height: 10px; width: 12px; position: absolute; left: 1px; top: 0px; z-index: 100; }
#rotatescroll-4 .dot span { display: none; }

/* Tiny Circleslider-5 */
#rotatescroll-5 { height:211px; position:relative; width:211px;}
#rotatescroll-5 .viewport{ height:209px; position: relative; margin:0 auto; overflow:hidden; width:209px }
#rotatescroll-5 .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll-5 .overview li { height:211px; width:211px; float: left; position: relative; }
#rotatescroll-5 .overlay {background:url(../images/bereich-05.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:210px; width:210px; }
#rotatescroll-5 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -20px; cursor: pointer; left: 105px; width: 100px; z-index: 200;  height: 90px; }
#rotatescroll-5 .dot { background:url(../images/bg-dot.png) no-repeat 0 0; display: none; height: 10px; width: 12px; position: absolute; left: 1px; top: 0px; z-index: 100; }
#rotatescroll-5 .dot span { display: none; }

/* Tiny Circleslider-6 */
#rotatescroll-6 { height:211px; position:relative; width:211px;}
#rotatescroll-6 .viewport{ height:209px; position: relative; margin:0 auto; overflow:hidden; width:209px }
#rotatescroll-6 .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll-6 .overview li { height:211px; width:211px; float: left; position: relative; }
#rotatescroll-6 .overlay {background:url(../images/bereich-04.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:210px; width:210px; }
#rotatescroll-6 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -20px; cursor: pointer; left: 105px; width: 100px; z-index: 200;  height: 90px; }
#rotatescroll-6 .dot { background:url(../images/bg-dot.png) no-repeat 0 0; display: none; height: 10px; width: 12px; position: absolute; left: 1px; top: 0px; z-index: 100; }
#rotatescroll-6 .dot span { display: none; }

/* Navigation */
#topnavigation{
	background-image:url(../images/kettensaege-navigation.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px 30px 0px;
	border-bottom:solid 1px #7c7a6b;
	height:80px;
}
#topnav{float:right; width:970px;}
#topnav ul{list-style-type:none; margin:0px; padding:44px 0px 0px 0px;float:right;}
#topnav ul li{list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;color:#b9b9b9; background-image:url(../images/menu-separator.gif); background-repeat:no-repeat; background-position:0px 10px}
#topnav ul li li{padding:0px;}
#topnav ul li.home{background-image:none;}
#topnav ul li.active{
	border-top:solid 3px #9d9d9d;
}
#topnav ul li a, #topnav ul li a:visited{color:#000;}
#topnav ul li a:hover{color:#9fa1a2; text-decoration:none}