@import url("reset.css");

/* 

	author: jonas@artopod.se

	colors

	link			#333
	visited link	#223
	
	blue 			#00a9eb

*/

/* !Typography		------------------------------------------------ */

body {
	background: #fff url(../img/bg.gif) repeat-x;
	font: 75%/1.5em 'helvetica neue', arial, sans-serif;
}

body#popup {
	background: #fff;
	margin:20px 30px;
}

#fb_confirmation {
	border: 5px solid #797979;
	padding:30px;
	margin:0;

}
#confirm_ok {
	background-color:#00a9eb;
	font-size:13px;
	font-weight:900;
	padding:4px;
}

input, select, textarea {
	font: 100% 'helvetica neue', arial, sans-serif;
}

:focus {
	outline-color: silver;
	outline-width: thin;
}

/* links */

a { 
	background: transparent;
}

a:link { 
	color: #666;
}

a:visited { 
	color: #666;
}

a:hover, a:visited:hover, a:active { 
	color: #424245;
}

/* headers */

h1 {
	margin: 0 0 10px;
	font-size: 1.8em;
	color: #4bb7eb;
}

h2 {
	margin: 0 0 10px;
	font-size: 1.6em;
	color: #434c53;
}

h3 {
	margin: 0 0 10px;
	font-size: 1.4em;
}

h4 {
	margin: 0 0 1em;
	font-size: 1.2em;
}

h5 {
	margin: 0 0 1em;
	font-size: 1em;
	font-weight: normal;
}

/* text */

p { 
	margin: 0 0 1em;
}

ul, ol {
	margin: 0 0 1em 16px;
}

.smalltalk {
	color: #b5b5b5;
}

/* !Layout			------------------------------------------------ */

#eud { 
	position: relative;
	width: 869px; 
	margin: 0 auto;
	text-align: left; 
}

#content {
	position: relative;
	width: 100%;
	margin-top: 258px;
	background: url(../img/round.png) no-repeat;
	min-height: 200px;
	line-height: 1.4em;
}

#text {
	position: relative;
	float: left;
	margin: 70px 15px 30px;
	width: 550px;
	color: #666;
}

.col {
	position: relative;
	float: left;
	margin: 70px 15px 30px;
	width: 260px;
	color: #666;
}

#aside {
	position: relative;
	float: left;
	margin: 70px 0 30px;
	padding-left: 45px;
	width: 230px;
	color: #666;
	background: url(../img/border.gif) no-repeat;
}

#footer {
	position: relative;
	clear: both;
	width: 839px;
	margin: 15px 0 15px 15px;
	color: #b5b5b5;
	border-top: 2px solid #e2e2e2;
	padding: 10px 0;
}


/* !Top				------------------------------------------------ */

#logo {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
}

#headline {
	position: absolute;
	left: 575px;
	top: 140px;
	z-index: 20;
}

#menu { 
	display: block;
	position: relative;
	z-index: 20;
	clear: both;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0 0 10px;
	height: 50px;
}

#menu li {
	float: left;
	padding: 39px 0 0;
}

#menu li a { 
	display: block;
	height: 30px;
	text-indent: -2000px;
	text-decoration: none;
	background: url(../img/meny.png) no-repeat;
}



#menu li a.start {
	width: 50px;
}

#menu li a.start:hover, #menu li.current a.start { 
	background-position: 0 -30px;
}

#menu li a.nyh {
	width: 62px;
	background-position: -48px 0;
}

#menu li a.nyh:hover, #menu li.current a.nyh { 
	background-position: -48px -30px;
}

#menu li a.lek {
	width: 174px;
	background-position: -110px 0;
}

#menu li a.lek:hover, #menu li.current a.lek { 
	background-position: -110px -30px;
}

#menu li a.eug {
	width: 100px;
	background-position: -284px 0;
}

#menu li a.eug:hover, #menu li.current a.eug { 
	background-position: -284px -30px;
}

#menu li a.lad {
	width: 70px;
	background-position: -384px 0;
}

#menu li a.lad:hover, #menu li.current a.lad { 
	background-position: -384px -30px;
}

#menu li a.fq {
	width: 98px;
	background-position: -454px 0;
}

#menu li a.fq:hover, #menu li.current a.fq { 
	background-position: -454px -30px;
}

#menu li a.omeu {
	width: 120px;
	background-position: -552px 0;
}

#menu li a.omeu:hover, #menu li.current a.omeu { 
	background-position: -552px -30px;
}



#pict {
	position: absolute;
	top: 67px;
	left: -100px;
	width: 820px;
	height: 380px;
}

#pict.bd1 {
	background: url(../img/pic_bd1.jpg) no-repeat;
}

#pict.bd2 {
	background: url(../img/pic_bd2.jpg) no-repeat;
}

#pict.ac1 {
	background: url(../img/pic_ac1.jpg) no-repeat;
}

#pict.ac2 {
	background: url(../img/pic_ac2.jpg) no-repeat;
}

/* !Sidebar			------------------------------------------------ */

#aside .ask {
	margin-bottom: 20px;
	color: #4ab6eb;
}

#aside .didyouknow {
	margin-bottom: 20px;
}

#aside .about {
	margin-bottom: 40px;
}

#aside .about p {
	margin-bottom: 5px;
}

.formextra {
	clear: both;
}

.ask textarea {
	width: 210px;
	height: 67px;
	margin: 0 0 5px;
	padding: 10px;
	color: #4ab6eb;
	border: none;
	background: url(../img/askform.gif) no-repeat;
	overflow: auto;
}

.ask input[type=text] {
	width: 210px;
	height: 24px;
	margin: 5px 0;
	padding: 9px 10px 0;
	color: #4ab6eb;
	border: none;
	background: url(../img/askform2.gif) no-repeat;
}

.submit {
	position: relative;
	margin: 3px 10px;
	float: right;
	width: 59px;
	height: 27px;
	overflow: hidden;
	background: url(../img/skicka.gif);
}

.submit:hover {
	background: url(../img/skicka.gif) 0 -27px;
}

.submit input {
	width: 59px;
	height: 27px;
	border: none;
	background: transparent;
	text-indent: -1000px;
}

a.privacy {
	position: relative;
	top: 10px;
	left: 10px;
	color: #c2c2c2;
	font-size: 0.9em;
}

a.privacy:hover {
	color: #00a9eb;
}

.didyouknow h3 {
	margin-bottom: 20px;
}

#facts {
	position: relative;
	width: 210px;
	padding: 10px 10px 0;
	color: #797979;
	background: url(../img/facts.gif);
}

#factsend {
	position: relative;
	width: 210px;
	padding: 5px 10px 35px;
	font-weight: bold;
	background: url(../img/facts.gif) 0 100%;
}

#factsend a {
	color: #434d53;
}


#investors ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#investors li {
	padding-bottom: 30px;
}


/* !Footer			------------------------------------------------ */

#footer a {
	color: #b5b5b5;
}

#footer a:hover {
	color: #00a9eb;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 10px;
}

#footer li {
	float: left;
}

#footer li a {
	display: block;
	float: left;
	margin: 0 7px;
}


/* !Big boxes		------------------------------------------------ */

.front {
	list-style: none;
	margin: 0;
	padding: 30px 30px 30px 45px;
	color: #333;
}

.front li {
	float: left;
	width: 240px;
	font-size: 1.1em;
	padding-left: 130px;
}

.front li h2 {
	margin: 10px 0;
}

.forelasningar {
	background: url(../img/puff_forel.jpg) no-repeat;
}

.guiden {
	background: url(../img/puff_guide.jpg) no-repeat;
}

.faq {
	background: url(../img/puff_faq.jpg) no-repeat;
}

.front li:first-child {
	margin-right: 30px;
}

/* !News			------------------------------------------------ */

.news h2 {
	color: #ffd800;
	margin: 0 0 4px;
	font-size: 1.3em;
}

.news h2 a {
	color: #ffd800;
	text-decoration: none;
}

.news h2 a:hover {
	color: #00a9eb;
}

.newsitems {
	list-style: none;
	margin: 0;
	padding: 0;
}

.newsitems li {
	padding-bottom: 10px;
}

/* !Lektioner		------------------------------------------------ */

#eu60, #eu120, #euhalv {
	zoom: 1;
	padding: 0 0 60px 120px;
}

#eu60 {
	background: url(../img/60.gif) no-repeat;
}

#eu120 {
	background: url(../img/120.gif) no-repeat;
}

#euhalv {
	background: url(../img/euhalvdag.gif) no-repeat;
}

/* !Europaguiden	------------------------------------------------ */

.links {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 580px;
}

.links li {
	position: relative;
	float: left;
	margin: 0 30px 10px 0;
	width: 260px;
	min-height: 90px;
	color: #666;
}

.links h3 {
	margin-bottom: 4px;
}

.links h3 a {
	color: #ffd800;
	text-decoration: none;
}

.links h3 a:hover {
	color: #00a9eb;
}

/* !Frågor och svar	 ----------------------------------------------- */

.button_inskickade, .button_andra {
	display: block;
	position: relative;
	float: left;
	margin-right: 15px;
	height: 25px;
	overflow: hidden;
}

.button_inskickade img, .button_andra img {
	position: relative;
	left: 0;
	top: 0;
}

.button_inskickade:hover img, .button_andra:hover img, .button_current img {
	top: -25px;
}

.answerlist h3 {
	color: #00a9eb;
	line-height: 1.3em;
	margin-right: 20px;
}

.answer {
	margin: 15px 0 30px -15px;
	padding: 15px 15px 3px;
	background: #f2f4fa;
}

.by, .author {
	font-weight: bold;
	font-size: 0.9em;
	color: #333;
}

.by span, .author span {
	color: #666;
}

/* !Om				------------------------------------------------ */

.profilepict {
	float: left;
	margin-right: 15px;
}
