/* CSS Document */

BODY {
color:#000;
font:0.8em/1.5 Arial, Verdana, Helvetica, sans-serif;
margin:0;   
}

.normal {
color:#000;
font:1em/1.5 Arial, Verdana, Helvetica, sans-serif;
margin:0;  }

p {margin-top:0;}

ul {list-style-position:inside; margin:0; padding:0}

hr.clearleft {margin: 1.5em 0;}

.clearleft {clear:left;}

.clearright {clear:right;}

.clearboth {clear:both;}

.functionimg {
float:left;
margin:0 0.5em 0.5em 0
}

.imgfloatright {
float:right;
margin:0 0.5em 0.5em 1em;
}

.imgfloatleft {
float:left;
margin: 0 1em 0.5em 0;
}

 a:link{

	color:#85063F;
	font-weight:bold;
	text-decoration:none;
	
	}

a:visited {

	color:#85063F;
	font-weight:bold;
	text-decoration:none;
	
	}
a:focus,
 a:hover {

	color:#580801;
	border-color:#580801;
	text-decoration:underline;
	}
 a.imglink:link,
 a.imglink:visited {border:none;}
 a.imglink:hover {background:transparent;}

a img {border:none}

a.whitelink:link {color:#fff;}
a.whitelink:hover {color:#B10754;}
a.whitelink:visited {color:#fff;}

Input { 

   font-family: "Lucida Grande", "Lucida Console", Geneva, Verdana, Helvetica, sans-serif; 
   color: #000000; 
   border:#000000 1px solid;
   
   }
   
Textarea { 

    font-family:  "Lucida Grande", "Lucida Console", Geneva, Verdana, Helvetica, sans-serif; 
	color: #000000; 
	border:#000000 1px solid;
	
	}
	
.button { 
    
	font-family:  "Lucida Grande", "Lucida Console", Geneva, Verdana, Helvetica, sans-serif; 
	color: #fff; 
	border:#000000 1px solid; 
	background: #333 url(/Commonresources/Files/www.wpc.nu/Bilder/menubg2.gif) repeat-x;
	
	}

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:normal; 
color: #333;
margin-bottom:0;   
}

h1 { 
   font-size: 2em; 
   margin-top:2px;
}

h2 { 
   font-size: 1.4em; 
   margin-top:2px; 
}

h3 { 
   color: #333;  
font-weight:bold;
   font-size: 1.2em; 
   margin-top:2px; 
}

hr.clear {clear:both;}

#newsContainer h3 {
  padding-bottom:10px;
}

#newsContainer h3 a {
  color: #333;
}

h4 { 
   color: #333;  
font-weight:bold;
   font-size: 1.1em; 
   margin-top:2px; 
}
   
   
/* BOXAR */

#footer{
width:970px;
clear:both;
height:60px;
background:url(/Commonresources/Files/www.wpc.nu/Bilder/footer.png) no-repeat;
color:#fff;
margin:0 auto;
font-size: 0.8em;
margin-top:20px;
}

.vcard .region {display:none;}
.vcard .country-name {display:none;}

#footer .vcard {display: inline;}
#footer .vcard a {color: White; text-decoration: underline;}
#footer .vcard .region {display: inline;}
   
#container {padding-bottom:50px; height:100%; width:970px; margin:0 auto; }

#menucontainer {float: right; margin-top:20px}

.logo {float:left; margin-top:20px; margin-left:10px;}

#top {background:url(/Commonresources/Files/www.wpc.nu/topbg.png) no-repeat; width:970px; height:90px; margin: 0 auto; clear:both; }
.contentcontainer {padding: 20px;}

#flashcontent { width: 970px; height: 220px; margin: 0 auto; background:url(/Commonresources/Files/www.spinit.se/Bilder/start_bg_notagline.jpg); text-align:center;  }

#flashcontent2 {clear: both; margin-bottom: 20px;  }

#flashcontent h1 {
color: #8D8B8B;
font-family: arial,helvetica, sans-serif;
font-size: 3.5em;
font-weight: bold;
padding-top: 80px;

}

#spotmenu {background: url(/Commonresources/Files/www.wpc.nu/Bilder/barbg.gif) no-repeat; width: 970px; height: 50px; margin: 0 auto; }
	
#content { width: 970px; margin: 0 auto; border-left:1px solid #e9ecef; background: url(/Commonresources/Files/www.wpc.nu/Bilder/content_bg.gif) repeat-y; }
#content:after { content: ""; display: block; height: 0; clear: both;}

#contentwide { width: 970px; margin: 0 auto; }
#contentwide:after { content: ""; display: block; height: 0; clear: both; }

#contentwide-right { float:right;width:450px; border-left:1px solid #e9ecef; }
#contentwide-right img { display:block; }

#kolumn1 {float: left; width: 310px;  margin: 0px;}
#kolumn2 {float: left; width: 310px; margin: 0px; margin-left: 20px;}
#kolumn3 {float: left; width: 310px; margin: 0px; margin-left: 20px;}

#kolumn4 {float: left; width: 310px; margin: 10px; margin-left:0; background: url(/Commonresources/Files/www.wpc.nu/Bilder/mainbg.png) repeat-x; margin-bottom:30px;}
#kolumn5 {float: left; width: 310px; margin: 10px;  background: url(/Commonresources/Files/www.wpc.nu/Bilder/mainbg.png) repeat-x; margin-bottom:30px;}
#kolumn6 {float: left; width: 310px; margin: 10px; margin-right:0; background: url(/Commonresources/Files/www.wpc.nu/Bilder/mainbg.png) repeat-x; margin-bottom:30px;}

#kolumn7 { float: left; width:520px; margin:10px; margin-left:15px; margin-bottom:30px;}
#kolumn8 { float: left; width: 390px; margin: 10px; margin-right:0; background: url(/Commonresources/Files/www.wpc.nu/Bilder/mainbg.png) repeat-x; margin-bottom:30px;}

#kolumn_undersida1 {float: left;  border-top: 1px solid #e9ecef;  width: 714px; background: #fcfefd url(/Commonresources/Files/www.wpc.nu/Bilder/mainbg.png) repeat-x;  }
#kolumn_undersida1 img{border: 1px #ccc solid; }
#kolumn_undersida2 {float: left; width: 256px; min-height:310px; background: #ccdc29 url(/Commonresources/Files/www.wpc.nu/Bilder/bgright.gif) top right no-repeat;}

.two-col {border-bottom:3px dotted #e9ecef; margin-bottom:10px; overflow:auto; width:100%; padding-bottom:10px}
.two-col-left {float:left; width:47%}
.two-col-right {float:right; width:47%}

/* Main menu
---------------*/

/* 1st level */
#menu ul {float:left; list-style:none; margin:0; padding:0;position:relative}

#menu ul li {float:left;}
#menu ul li a {border-bottom:4px solid #fff; display:block; background:#fff; color: #676868; display:block; font:1.5em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:8px 15px; margin-left:15px}
#menu ul li a:hover, #menu ul li.selected a {border-bottom:4px solid #cddc29;}
#menu ul li.selected ul li a {border-bottom:2px dotted #e9ecef;}


/* 2nd level */
#menu ul li ul {display:none;position:absolute; border:1px solid #e9ecef; background:#fff; margin-left:15px} 
#menu ul li:last-child ul {right:0;} /* force last set of links to stay within content boundaries */

#menu ul li ul li {clear:left;}

#menu ul li ul li a {border:1px solid #fff; width:200px; font-size:1.2em;background:#fff; border-bottom:2px dotted #e9ecef; margin-left:0}
#menu ul li ul li a:hover {border:1px solid #fff; background:#f0f4f5; border-bottom:2px dotted #e9ecef; }

#menu ul li ul li:last-child a {border-bottom:none}
       
#menu li:hover ul { display: block; } /* The magic */ 
#menu li:hover ul { display: block; } /* The magic */ 

#demoform input, #demoform textarea {font-family:arial; font-size:1em; border:1px solid #c3ccd5; margin-bottom:0.4em; width:250px}
#demoform .send-btn {margin-top:1em;padding:0.2em 1.2em; font-family:arial; border:1px solid #cecece; background:#ededed; width:100px}