HTML { /* Scrollbalken und Springen Seiten */
        height: 101%;
        margin-bottom: 4px;
	      padding: 0;
}



body {
        background-color: 	#FFFFFF;
        padding: 0;
        margin: 10px 0px 10px 0px;
       
}

#outerframe {
	      width: 1120px;
        margin: 0 auto;
        background-color: #ffffff;
}


#header {
        background: url(./../images/s2dlogo.gif) no-repeat 10px 11px;
        width: 1120px;
        height: 70px;
        position: relative;
}

#header h1 {
        width: 800px;
        height: 40px;
        background: url(./../images/ph1.gif) no-repeat;
        padding: 0;
        margin: 0;
        font-size: 1px;
        display: block;
        left: 53px;
        top: 8px;
        position: absolute;
}

#header h1 span {
        display: none;
}

#header h2 {
        font-weight: normal;
        font-size: 120%;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 42px;
        left: 90px;
}

#eyecatcher {
	position: relative;
	float: right;
	margin: 10px 10px 0px 0px;
	width: 540px;
	height: 55px;
	background: url(../images/) no-repeat;
}

#header #tsform {
        padding: 0;
        margin: 0;
        position: absolute;
        height: 60px;
        width: 275px;
        top: 7px;
        left: 430px;
}

#header #tslogo {
        display: block;
        width: 60px;
        height: 60px;
        border: none;
        float: left;
}

#header #tslink {
        display: block;
        float: right;
        width: 200px;
        margin: 0;
        padding: 0;
        line-height: 20px;
        text-decoration: none;
        color: #000000;
}

#header #tslink:hover {
        color: #3D567E;
        text-decoration: underline;
}


#header #shopping {
        position: absolute;
        width: 180px;
        height: 60px;
        top: 7px;
        left: 730px;
        line-height: 16px;
}

#header #shopping a {
        display: block;
        height: 20px;
        line-height: 20px;
        text-decoration: none;
        color: #000000;
        padding-left: 22px;
        background-position: 0 2px;
        background-repeat: no-repeat;
}

#header #shopping a:hover {
        color: #3D567E;
        text-decoration: underline;
}

#header #shopping a.user {
        background-image: url(./../images/puser.gif);
}

#header #shopping a.memo {
        background-image: url(./../images/pmemo.gif);
}

#header #shopping a.checkout {
        background-image: url(./../images/pcheckout.gif);
}


#header #cart {
        position: absolute;
        width: 225px;
        height: 60px;
        top: 7px;
        left: 890px;
}

#header #cart a.cartlink {
        display: block;
        width: 160px;
        height: 60px;
        top: 0;
        display: block;
        position: absolute;
        margin: 0;
        padding: 0 0 0 65px;
        line-height: 20px;
        text-decoration: none;
        color: #000000;
        background: url(./../images/pcart.gif) no-repeat 0px 0px;
}

#header #cart a.cartlink:hover {
        color: #3D567E;
        text-decoration: underline;
}

#maincontainer {
        width: 1120px;
                margin: 0 auto;
        }


#searchbar {
        width: 1080px;
        height: 18px;
        background: url(./../images/pmenubottom.gif);
        padding: 9px 20px 27px 20px;
        text-align: right;
        color: #afafaf;
        line-height: 18px;
        position: relative;
        z-index: 40;
}

#searchbar a {
        color: #3D567E;
        text-decoration: none;
        padding: 0 2px;
}

#searchbar a:hover {
        color: #444444;
        text-decoration: underline;
        z-index: 1000;
}


#searchform {
        width: 234px;
        height: 24px;
        background: url(./../images/psearchform.gif);
        position: absolute;
        padding: 0;
        margin: 0;
        top: 7px;
        left: 18px;
}

#searchcriteria {
        padding: 0;
        margin: 0;
        background-color: #ffffff;
        position: absolute;
        left: 5px;
        top: 3px;
        border: none;
        height: 18px;
        width: 200px;
        outline: none;
}

#searchsubmit {
        position: absolute;
        width: 25px;
        height: 24px;
        top: 0;
        right: 0;
}






#rightside {
        float: right;
}

#content {
        width: 590px;
        margin: 0;
                float: left;
        padding: 0 0 10px 30px;
        }


#content.wide {
        width: 800px;
		padding: 0 20px 10px 20px;

}

#content.wide2 {
        width: 860px;
		padding: 0 20px 10px 20px;

}

#content.ultrawide {
        width: 1050px;
		padding: 0 20px 10px 0px;
}

#content.normal {
        width: 590px;
        padding: 0 20px 10px 20px;
}

#content #youarehere {
        line-height: 16px;
        background: url(./../images/pyouarehere.gif) repeat-x left bottom;
        padding: 10px 0 6px 0;
}

#content #youarehere a {
        text-decoration: none;
        color: #3D567E;
        padding-left: 4px;
        padding-right: 4px;
}

#content #youarehere a:hover {
        text-decoration: underline;
        color: #444444;
}

#sidebar {
        width: 230px;
        margin: 0;
                float: right;
        padding: 0 20px 10px 0;
		    position:relative;
        }


#sidebarleft {
        width: 190px;
        margin: 0;
		    position:relative;
}

#sidebarleft.avecnav {
                float: left;
        padding: 0px 20px 10px 0px;
		    position:relative;
        }

#sidebarleft.sansnav {
                float: left;
        padding: 0px 20px 10px 0px;
        position:relative;
        }

#searchajax {
        position: absolute;
        width: 230px;
        height: 132px;
        border: 1px solid #afafaf;
        background-color: #ffffff;
        top: 50px;
        left: 20px;
        overflow: hidden;
        display: none;
        text-align: left;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        z-index: 1001;
        
}

#searchajax a {
        display: block;
        padding: 4px 10px;
        width: 210px;
        height: 14px;
        line-height: 14px;
        text-decoration: none;
        color: #000000;
}

#searchajax a.activelink {
        background-color: #2D2D2D;
        color: #ffffff;
}

#searchajax a:hover {
        background-color: #3D567E;
        color: #ffffff;
        text-decoration: none;
}

#footer {
	font-size: 100%;
	clear: both;
	text-align: center;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	color: #666666;
	background-color: #ffffff;
}

#footer p {
 margin:0;
 padding: 10px 0px 10px 0px;
 color: #000000;	
}

* html #footer p {padding: 0px 0px 0px 0px;} 

#footer p a{
 color: #000000;	
}

#footer a {
	color: #444444;
	text-decoration: none;
}

#footer a:hover {
	color: red;
}

#footer2 {
	font-size: 100%;
	clear: both;
	text-align: center;
	padding: 20px 0;
	color: #666666;
}
.cornertopleft {
	width: 10px;
	height: 10px;
	background: url(../images/pcorner.gif) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cornertopright {
	width: 10px;
	height: 10px;
	background: url(../images/pcorner.gif) -10px 0 no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.cornerbottomleft {
	width: 10px;
	height: 10px;
	background: url(../images/pcorner.gif) 0 -10px no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cornerbottomright {
	width: 10px;
	height: 10px;
	background: url(../images/pcorner.gif) -10px -10px no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}




.cornertoplefth2 {
	width: 10px;
	height: 10px;
	background: url(../images/pcorner.gif) 0 0 no-repeat;
	float: left;
	left: 0;
	overflow: hidden;
}

.cornertoprighth2 {
	width: 10px;
	height: 10px;
	background: url(../images/pcorner.gif) -10px 0 no-repeat;
	float: right;
	right: 0;
	overflow: hidden;
}

.cornerbottomlefth2 {
	width: 10px;
	height: 10px;
	margin: -10px 0px 0px 0px;
	background: url(../images/pcorner.gif) 0 -10px no-repeat;
	bottom: 0;
	float: left;
	overflow: hidden;
}

.cornerbottomrighth2 {
	width: 10px;
	height: 10px;
	margin: -10px 0px 0px 0px;
	background: url(../images/pcorner.gif) -10px -10px no-repeat;
	bottom: 0;
	float: right;
	overflow: hidden;
}

.cornertopleftmc {
	width: 10px;
	height: 10px;
	background: url(../images/pcornermc.gif) 0 0 no-repeat;
	float: left;
	left: 0;
	overflow: hidden;
}

.cornertoprightmc {
	width: 10px;
	height: 10px;
	background: url(../images/pcornermc.gif) -10px 0 no-repeat;
	float: right;
	right: 0;
	overflow: hidden;
}

.cornerbottomleftmc {
	width: 10px;
	height: 10px;
	margin: -10px 0px 0px 0px;
	background: url(../images/pcornermc.gif) 0 -10px no-repeat;
	bottom: 0;
	float: left;
	overflow: hidden;
}

.cornerbottomrightmc {
	width: 10px;
	height: 10px;
	margin: -10px 0px 0px 0px;
	background: url(../images/pcornermc.gif) -10px -10px no-repeat;
	bottom: 0;
	float: right;
	overflow: hidden;
}

#scrolltotop {
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
z-index: 1000;
}