body {font-size:100%;
	font-family:Calibri, "Trebuchet MS";
	line-height: 2.6ex;

	
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #9686FA 0%, #FFFFFF 50%, #F8032E 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #9686FA 0%, #FFFFFF 50%, #F8032E 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #9686FA 0%, #FFFFFF 50%, #F8032E 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9686FA), color-stop(0.5, #FFFFFF), color-stop(1, #F8032E));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #9686FA 0%, #FFFFFF 50%, #F8032E 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #9686FA 0%, #FFFFFF 50%, #F8032E 100%);
url(/PIE.php);}



#container {
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 5px;
	-webkit-border-radius:12px 12px 12px 12px ;
	-moz-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	background: #FFFFFF;
	behavior: 
	url(/PIE.php);
 }

#header {
	height: 160px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	color: #F8032E;}

#headertekst {
	position: relative;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 256px;
	padding-top: 90px;
	color: #9686FA;
	font-size: 300%;}

#menu {
	height: 45px;
	width: 960px;
	position: relative;
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-size:90%;
}

#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	text-decoration: none;
	width: auto;
	color: #FFFFFF;}

#menu li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#menu li a{
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 5px;
	width: 85px;
	height: 37px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	line-height: 2ex;
}

#menu li a:link, li a:visited{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #9686FA;
}

#menu li a:hover, li a:active
{
	color: #FFF;
	font-weight: bold;
	background-color: #665AA8;
}

#current a
{
	color: #665AA8;
	font-weight: bold;
	background-color: #665AA8;
	}

#last {
	background-color: #9686FA;
	margin:0;padding: 0; width:87px;

	}
h1 {
	font-size: 150%;
	color: #655AA8;}

h2 {
	font-size: 112.5%;
	color: #655AA8;
}
h3 {
	font-size: 112.5%;
	color: #F8032E;
}
img{float:left;
    padding-right:7px;}

#wrapper{
	width: 960px;
	min-height: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}

#content {
	float:left;
	min-height: 500px;
	width: 635px;
	position: relative;
	background: #FFFFFF;
	font-size: 91.25%;
 	color: #333399;
	margin-top:20px;
	margin-left:20px;
}

#inner-content
{-webkit-border-radius:12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
behavior: url(/PIE.php);
border: 2px solid #655AA8;
padding-right: 15px;
 padding-left: 15px;
padding-bottom: 10px;
	padding-top: 10px;
}


#sidebar{
width: 235px;
min-height: 500px;
float:right;
overflow: visible;
position:relative;
}

#content2{float:left;
	min-height: 450px;
	width: 870px;
	position: relative;
	background: #FFFFFF;
	font-size: 91.25%;
 	color: #333399;
	margin-top:20px;
	margin-left:20px;
}

#newsblock {
	background-color: #FFFFFF;
	float: right;
	width: 220px;
	position: relative;
	right: 20px;
	height: auto;
	top: 20px;
	-webkit-border-radius:12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: #666 5px 7px 10px;
	-moz-box-shadow: #666 5px 7px 10px;
	box-shadow: #666 5px 7px 10px;
	background: #FFFFFF;
	behavior: 
	url(/PIE.php);
	font-size: 91.25%;
	color: #655AA8;
	border: 2px solid #F8032E;
	padding-right: 15px;
	padding-left: 15px;
}
.purple{color:#CC0066;}
.blue{ color:#0070C0;}
.green{color:#00B050;}
.yellow{color:#FFFF00;}
.orange{color:#FF6600;}
.red{color:#FF0000;}

#sidebar2 {
	background-color: #FFFFFF;
	float: right;
	width: 235px;
	position: relative;
	right: 20px;
	height: auto;
	top: 20px;
	-webkit-border-radius:12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	background: #FFFFFF;
	behavior: 
	url(/PIE.php);
	font-size: 75%;
	color: #655AA8;
	border: 1px solid #999999;
	padding-left: 7px;
	padding-right: 3px;
}

a:link {
	color: #F8032E;
	text-decoration: none;
}
a:visited {
	color: #F8032E;
	text-decoration: none;
}
a:hover {
	color: #993366;
	text-decoration: none;
}
a:active {
	color: #F8032E;
	text-decoration: none;
}

/* rotator in-page placement */
#rotator {
	position:relative;
	height:auto;
	width:235px;
	float: left;
	margin-top: 50px;
	right:70px;	
}
/* rotator css */
#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;

	
}
/* rotator image style */	
	div#rotator ul li img {
	background: #FFF;
	

}
    div#rotator ul li.show {
	z-index:500;
	
}
.clear{clear: both}

.productbox {
	float: left;
	height:auto;
	width: 600px;
	position: relative;
	font-size: 81.25%;
	color: #333399;
	padding-right: 7px;
	left:-7px;
	border: 2px solid #E6D2E8;
	background-color: #FFFFFF;
	margin-bottom:7px;
	top: 30px;
	-webkit-border-radius:12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	behavior: url(/PIE.php);
}

.clear2{margin-top:10px;}
.fotobox {
	float: left;
	height: 120px;
	width: 110px;
	padding-top: 20px;
	padding-left:7px;
}
.thumbnail{
position: relative;
border: 0; 
text-decoration: none;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 5px;
	left: -800px;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -55px;
left: 150px; /*position where enlarged image should offset horizontally */
}
#foto2{
top: -90px;
}
#foto3 {
top: -85px;
}

a img { border: 0; text-decoration: none; }


#footer {float: right;
	poistion:relative;
	height: auto;
	width: 235px;
	-webkit-border-radius:12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #FFFFFF;
	behavior: 
	url(/PIE.php);
	margin-top: 380px;
	margin-right:25px;
	font-size: 81.25%;
	color: #333399;
	
	border: 2px solid #655AA8;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;}



#closingbar {
	clear: both;
	height: 1px;
	width: 958px;
	position: static;
	padding-top:20px;	

	}
