@charset "utf-8";

* {margin: 0; padding: 0;}
html {font-size: 100%; }
body {font: 62.5%/1.5 Arial, Helvetica, sans-serif; color: #444; background: url('img/oec_top_gradient.png') repeat-x; background-color: #eee; }

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.5em;}
p {font-size: 1.4em;}
p.small {font-size: 1.2em;}
p.smaller {font-size: 1em; letter-spacing: 1px;}

#wrap {margin:auto auto;}
#main {width:100%;display:block;margin:0 auto; }

a:visited {color:#336699;} a:link {color:#336699;} a:active {color:#336699;}

a {color: #336699;}
a:hover {text-decoration:underline;color:#33CCFF;}

a.aNormal {color: #333; text-decoration: none;}

img {border:none;margin:auto auto;}

div.dClear {clear:both;}

div.dLine {border-top: 1px dotted #eee; width: 100%; margin-bottom: 3em; margin-top: 3em;}

div.dTop {margin:auto auto; width:940px; height:370px; background: url('img/oec_web_back.jpg') no-repeat; background-color: #eee;}
div.dTopUtbildningar {margin:auto auto; width:940px; height:370px; background: url('img/oec_web_back_utbildningar.jpg') no-repeat; background-color: #eee;}

div.dMenuItem {		height: 35px; float: left; font-size: 1.6em; color: #33CCFF; border-left: 1px solid #3366CC; cursor: pointer; 
					padding-left: 1em; padding-right: 1em; margin-top: 40px; margin-right: 1px;
}
div.dMenuItemSel {	height: 30px; float: left; font-size: 1.6em; border-left: 1px solid #3366CC; color: #fff; cursor: pointer; 
					padding-left: 1em; padding-right: 1em; margin-top: 40px; margin-right: 1px;
					border-bottom: 5px solid #33CCFF;
}
div.dMenuItem:hover {border-bottom: 5px solid #33CCFF;height: 30px;color: #fff;cursor: pointer;}


div.dColumns {margin:0 auto;width:880px;text-align:left; background-color: #fff;padding:30px;}
div.dColumn40 {width:220px;float:left;padding-left:20px;padding-right:0px;}
div.dColumn60 {width:599px;float:left;border-right:1px solid #DDD;padding-left:20px;padding-right:20px; }
div.dColumns50 {background-color: #eee; padding: 30px; width: 500px; border-radius: 10px; margin-right: 30px;}
div.dColumnL { width: 230px; float: left; height: 100%; }
div.dColumnR { width: 250px; float: left; height: 100%; padding-left: 20px;}

div.dPadding2 {padding:20px;}

span.sGray {color:#555;font-weight:normal;}
span.sFat {color:#333;font-weight:bold;}
span.sLightGray {color:#AAA;font-weight:normal;}

div.dFootColumns {margin:0 auto;width:940px;font-size:0.75em;line-height:1.1em;color:#777; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
div.dFootColumnsPadding {padding:30px;margin-bottom:30px;}
div.dFootColumn100 {padding-top:20px;width:880px;float:left;border-top:1px solid #DDD; text-align: center;}
div.dFootColumn60 {padding-top:20px;width:600px;float:left;border-top:1px solid #DDD;}
div.dFootColumn40 {padding-top:20px;width:280px;float:left;text-align:right;border-top:1px solid #DDD;}
div.dFootColumns p {font-size:0.8em;letter-spacing:1px;}
div.dFootColumns #pCopy {font-size:1em;}

div.dFooterText {width: 100%; text-align: center; font-size: 0.8em; color: #aaa; padding-top: 5px; padding-bottom: 30px;}