/*
Theme Name: Studin
Version: 0.5 
Author: Per, Jonathan & Alex
*/

ul, li, img, p, h1, h2, h3, h4, h5 { margin:0; padding:0; border:0; }

html {
	background:#fafafa;
	font:11px/18px 'Lucida Grande', Arial;
	color:#111;
}

.nobg { background:none !important; }
a { text-decoration:none; color:#151515; }
a:hover { color:#555; }
p.a { text-decoration:underline; }

.left { float:left; }
.right { float:right; }

.bg-yellow { background:yellow; }

p {
	padding:5px 0;
	text-align:justify;
}

p.ingress {
	font-size:13px;
	line-height:20px;
	color:#444;
}

input {
	margin:5px 0;
	border:1px solid #d6d6d6;
	padding:5px;
	background:#fff;
}

input.submit {
	font-size:9px;
	padding:2px 5px;
}

strong.bigger {
	display:block;
	font-size:1.15em;
	padding-top:10px;
}

h1 {
	font:bold 40px Arial;
	text-transform:uppercase;
	letter-spacing:-3px;
}

h1.red {
	color:#df4509;
}

.color-red { color:#df4509; }

h2 {
	font:bold 26px 'Helvetica Neue', Arial;
	letter-spacing:-1px;
	border-bottom:1px dotted #ccc;
	margin-top:25px;
	padding-bottom:10px;
	margin-bottom:10px;
}

h2 span { color:#e34a0b; }

h3 {
	font:normal 18px Arial;
	color:#1c1c1c;
	padding-top:15px;
	width:100%;
	display:block;
}

h4 {
	font:bold 16px 'Helvetica Neue', Helvetica, Arial;
	padding-top:15px;
}

blockquote {
	background:url(img/icons/bg-quote.gif) top left no-repeat;
	margin:0;
	color:#84875f;
	padding:10px 25px;
	font-size:18px;
	line-height:24px;
}

ul#menu, ul#tabs, ul.sub-menu, #footer ul {
	list-style-type: none;
}

a.big-yellow {
	width:247px;
	height:26px;
	text-align:center;
	color:#0e0e0e;
	padding-top:10px;
	font:bold 14px Arial;
	text-shadow:#f7ed93 0 1px 1px;
	background:url(img/buttons/big-yellow.png) no-repeat;
}

a.small-yellow {
	text-decoration:none;
	background:url(img/buttons/small-yellow.gif) no-repeat;
}

a.small-yellow span {
	padding:1px 10px 3px 0;
	margin-left:10px;
	background:url(img/buttons/small-yellow.gif) right no-repeat;
}

#wrapper {
	width:975px;
	margin:0 auto;
}

#logo {
	float:left;
	padding:5px 0 10px 0;
}

#languages {
	float:right;
	margin-top:5px;
	background:url(img/lang-row.gif) left no-repeat;
}

#languages span {
	float:left;
	margin-left:8px;
	padding-right:8px;
	background:url(img/lang-row.gif) right no-repeat;
}

#languages a {
	float:left;
	padding:15px 3px 12px 3px;
}

#menu {
	float:left;
	width:975px;
	height:56px;
	margin-bottom:10px;
}

#menu li {
	float:left;
	margin-top:1px;
}

.red { background:url(img/menu/menu-bg-red.gif) no-repeat; }
.red li { border-left:1px solid #d8311f; border-right:1px solid #e7433e; }
.orange { background:url(img/menu/menu-bg-orange.gif) no-repeat; }
.orange li { border-left:1px solid #d68c11; border-right:1px solid #e7b829; }
.blue-white { background:url(img/menu/menu-bg-blue-white.gif) no-repeat; }
.blue-white li { border-left:1px solid #82b0bc; border-right:1px solid #a0d2e3; }
.green { background:url(img/menu/menu-bg-green.gif) no-repeat; }
.green li { border-left:1px solid #97ac5f; border-right:1px solid #b1cd6b; }

#menu li#start { border-left:0 !important; padding-left:7px; }
#menu li#end { border-right:0 !important; }

#menu li a {
	float:left;
	font:bold 12px 'Helvetica Neue', Arial;
	color:#fff;
	padding:20px 15px 19px 15px;
	text-decoration:none;
	text-shadow:#777 0 1px 1px;
}

#menu li a:hover {
	color:#f0f0f0;
}

#slideshow {
	clear:both;
	float:left;
}

#slideshow h1 {
	color:#df4509;
}

#slideshow,
#slideshow div {
	width:975px;
	height:259px;
}

#slideshow div {
	background-repeat:no-repeat;
}

#slideshow div blockquote {
	float:right;
	width:507px;
	color:#333;
	padding:60px 30px;
	text-align:right;
	background:none;
}

#slideshow div blockquote p {
	float:right;
	width:500px;
	padding:5px 0;
	font-size:11px;
	line-height:19px;
	text-align:right;
}

.white h1 {
	color:#fff;
}

.white p {
	color:#fff;
}

#timeline {
	clear:both;
	float:left;
	width:975px;
	padding-top:4px;
	margin-top:5px;
	background:url(img/timeline.gif) center 15px no-repeat;
}

#timeline a {
	float:left;
	padding-top:25px;
	font-size:10px;
	width:185px;
	color:#a5a5a5;
	background:url(img/ball-small.gif) left 7px no-repeat;
}

#timeline a:first-child,
#timeline a.first-child /* för IE6-kompatibilitet */ {
	margin-left:35px;
}

#timeline a.activeSlide {
	background:url(img/ball-big.gif) top left no-repeat;
}

#choosers {
	float:left;
	width:975px;
	margin-top:10px;
	background:url(img/choosers-bg.gif) top no-repeat;
}

#choosers-bottom {
	float:left;
	width:975px;
	height:15px;
	margin-bottom:10px;
	background:url(img/choosers-bg.gif) bottom no-repeat;
}

#choosers .top {
	clear:both;
	float:left;
	margin:11px 11px 0 11px;
}

#choosers .top div {
	float:left;
}

#choosers .top div h2 {
	float:left;
	padding-left:10px;
	border:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
}

#choosers p {
	padding:0;
}
/*
#choosers div {
	float:left;
}

#choosers h2 {
	float:left;
	padding-left:10px;
}*/

#choosers select {
	clear:both;
	float:left;
	margin-left:10px;
	width:140px;
	font-size:10px;
}

#choosers p {
	clear:both;
	padding-top:15px;
	font-size:10px;
	color:#7a7a7a;
}

#choosers .top { display:inline; }
#choosers #sprak .top { width:217px; }
#choosers #orter .top { width:222px; }
#choosers #program .top { width:228px; }
#choosers #varlden .top { width:220px; }

.news-box {
	float:left;
}

.news-box div blockquote {
	float:left;
	background:none;
	margin:0;
	color:#fff;
	padding:0;
	font-size:11px;
	line-height:18px;
}

.box-477x164 p {
	margin:0;
	padding:0;
}

.box-420x164 div { width:420px; background:url(img/rounded/420x164.png) no-repeat; padding-right:20px; }
	.box-420x164 blockquote { width:330px !important; }
.box-477x164 div { width:477px; background:url(img/rounded/477x164.png) no-repeat; }
	.box-477x164 blockquote { width:377px !important; }
.box-533x164 div { width:533px; background:url(img/rounded/533x164.png) no-repeat; }
	.box-533x164 blockquote { width:440px !important; }

.news-box img {
	position:absolute;
}

.news-box div {
	position:relative;
	padding-top:164px;
}

.news-box div p,
.news-box div h3 {
	display:block;
}

.news-box div p {
	color:#7a7a7a;
}

.news-box div a.small-yellow {
	float:left;
	margin:8px;
}

.news-box div a.small-yellow span {
	float:left;
	width:auto !important;
}

#footer {
	clear:both;
	float:left;
	width:100%;
	padding:50px 0;
	background:url(img/clouds-bg.jpg) top center no-repeat;
}

#footer #wrap {
	width:975px;
	margin:0 auto;
}

#footer #wrap div {
	float:left;
	width:350px;
	padding-left:15px;
	color:#151515;
}

#footer a {
	color:#151515;
}

#footer a:hover {
	text-decoration:underline;
}

address {
	font-style:normal;
	font-size:11px;
}

address p {
	padding:0;
	font-size:11px;
}

table#opening-hours {
	width:170px;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	font-size:10px;
	border-top:1px solid #bebfec;
}

.sub-normal {
	clear:both;
	float:left;
	width:975px;
}

.sub-menu,
.sub-menu-wrapper {
	float:left;
	margin-top:11px;
	width:230px;
	overflow:hidden;
	display:inline;
}

.sub-menu-wrapper h4 {
	margin:0 0 0 5px;
	color:#0076a3;
}

.sub-menu-wrapper #search {
	width:210px;
	height:81px;
	padding:10px;
	margin-bottom:15px;
	background:url(img/sub/search-bg.gif) no-repeat;
}

.sub-menu-wrapper #search label {
	display:block;
	font:bold 16px 'Helvetica Neue', Helvetica, Arial;
}

.sub-content-wrap {
	float:left;
	width:723px;
	margin-left:20px;
}

.small-list {
	list-style-type:none;
}

.small-list li {
	padding:2px 5px;
}

.small-list li a {
	display:block;
}

.small-list li.odd,
.small-list li:nth-child(odd) {
	background:#f0f0f0;
}

.small-list .sub {
	padding-left:15px;
}

.small-list .active {
	background:url(img/menu/blue-bg-arrow-big.gif) no-repeat center right #319ada !important;
	border-top:1px solid #31acd6;
}

.small-list .active a {
	text-shadow:1px 1px 0 #4b4f70;
	color:#fff !important;	
}

.sub-menu-wrapper ul {
	padding:5px 0;
}

.filterbox {
	height:150px;
	overflow:auto;
}

.filterbox-end {
	width:230px;
	height:28px;
	background:url(img/sub/side-bottom2.gif) repeat-x;
}

.sub-menu-wrapper #search #search-input {
	width:200px;
}

.sub-menu-wrapper #search .submit {
	float:right;
}

.sub-menu li {
	padding:8px 5px;
	width:230px;
	border-bottom:1px solid #e3e3e3;
}

.sub-menu li.odd {
	background:#f0f0f0;
}

.sub-menu a {
	display:block;
	font:bold 13px 'Helvetica Neue', Helvetica, Arial;
	color:#262626;
	background:url(img/menu-arrow.gif) 97% no-repeat;
}

.sub-menu a.active {
	background:url(img/menu-arrow-on.gif) 97% no-repeat;
	color:#c66920;
	text-shadow:0 1px 1px #e4e4e4;
}

.sub-content {
	float:left;
	width:480px;
	padding:0 10px;
	overflow:hidden;
	display:inline;
}

.sub-content ul {
	text-align:justify;
}

.med-iframe {
	width:695px;
}

.sub-content a {
	color:#fff;
	background:#7c93d4;
	border-bottom:1px solid #6175ab;
	border-right:1px solid #6175ab;
	padding:1px 2px;
	margin:0 1px;
	font-weight:bold !important;
	font:11px 'Helvetica Neue', Arial;
}

.sub-content a:hover {
	background:none;
	color:#000;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.sub-content a em {
	font-style:normal;
}

.sub-content.wide {
	width:723px;
}

.sub-content.wide table {
	width:713px;
}

.sub-content.wide table td {
	border-bottom:1px solid #f0f0f0;
}

.sub-content.wide table td.last {
	border:0 !important;
}

.sub-content.wide th {
	font:bold 14px 'Helvetica Neue', Helvetica, Arial;
	padding:4px 6px;
	text-align:left;
	color:#fff;
	background:#de2621;
}

.sub-content.wide table .label {
	width:120px;
	color:#666;
	font:bold 13px 'Helvetica Neue', Helvetica, Arial;
}

.sub-content.wide table input {
	width:150px;
}

.sub-content.wide table input.radioside {
	width:auto;
	margin-right:10px;
}

.sub-content ul {
	clear:both;
	float:left;
	padding:10px 0;
	list-style:disc;
}

.sub-content ul li {
	clear:both;
	float:left;
	width:450px;	
	font-size:12px;
	margin-left:30px;
	padding:5px 0;
	list-style:disc;
}

.sub-content ul li.left img {
	float:left;
	margin:10px 10px 10px 0;
}

.sub-content ul li.right img {
	float:right;
	margin:10px 0 10px 10px;
}

#tabs {
	float:left;
	width:723px;
	background:#e1ebf2;
	margin-bottom:10px;
}

#tabs li {
	float:left;
}

#tabs li:first-child {
	margin-left:4px;
}

#tabs li a {
	float:left;
	padding:14px;
	margin-top:4px;
	color:#1d1d1d;
	font:bold 10px 'Lucida Grande', Arial;
}

#tabs li a#active {
	background:#fafafa;
	color:#17a4df;
}

.sub-sidebar {
	float:left;
	margin:60px 0 0 15px;
	width:200px;
	overflow:hidden;
	display:inline;
}

.sub-sidebar small {
	display:block;
}

.box {
	clear:both;
	float:left;
	width:190px;
	text-align:justify;
}

.box.regular {
	padding:8px;
	border-bottom:1px solid #e0e0e0;
}

.box.regular ul {
	list-style-type:none;
	margin:10px 0;
}

.box.regular ul li {
	clear:both;
	float:left;
	font-weight:bold;
	font-size:10px;
}

.box.rounded { background:url(img/sub/box-round-right.gif) top no-repeat; }
.box.rounded div { background:url(img/sub/box-round-right.gif) bottom no-repeat; }

.box div {
	float:left;
	padding:0 5px 15px 8px;
	width:191px;
	margin-top:12px;
}

.box.rounded ul {
	list-style-type:none;
	height:245px;
	overflow:auto;
	margin-top:15px;
	color:#175169;
	font-size:10px;
}

.icon {
	float:left;
	margin-right:10px;
}

.inlaggslista h2 {
	font-size:18px;
}

.inlaggslista h3,
.inlaggslista p {
	margin-left:35px;
}

.inlaggslista h3 {
	margin-top:10px;
}

.inlaggslista p {
	padding-top:2px;
}

.utbildningsfilter {
	width:220px;
}

#utbildningslista h2, 
#utbildningslista h3, 
#utbildningslista h4 {
	clear:both;
	padding:0;
	font-weight:normal;
}

#utbildningslista h2 {
	border:0;
	margin-bottom:10px;
}

#utbildningslista h3 {
	border-top:1px dotted #dadada;
	margin:10px 0;
	padding-top:10px;
}

#utbildningslista h4 {
	font-weight:bold;
	font-size:12px;
}

#utbildningslista a {
	display:block;
	clear:both;
	padding:0 0 5px 0;
}

#utbildningslista a:hover {
	color:#0076A3;
}
#utbildningslista a img {
	float:left;
	display:block;
	margin-right:10px;
}

img.alignleft,
img.alignright {
	margin: 20px 20px 20px 20px !important;
}

img.alignleft {
	margin-left: 0 !important;
}

img.alignright {
	margin-right: 0 !important;
}

.utbildning .sub-content ul,
.utbildning .sub-content ul li {
	clear:none;
	float:none;
	padding:0;
	font-size:11px;
	width:460px;
	margin-left:15px;
}

.utbildning h4 {
	font:normal 14px 'Helvetica Neue', Helvetica, Arial;
}

.gallery .gallery-item {
	float:left;
	margin:2px;
}

.gallery .gallery-item a {
	background:none;
	border:0;
}

.gul-knapp {
	background:url(img/buttons/medium-yellow.gif) 0 50% no-repeat;
	height:30px;
	line-height:30px;
	float:left;
	padding:0 0 0 12px;
	font-size:13px;
	width:178px;
	margin-right:15px;
}

.gul-knapp a {
	float:left;
	font-weight:bold;
	white-space:nowrap;
	padding:0 12px 0 0;
	background:url(img/buttons/medium-yellow.gif) 100% 50% no-repeat;
	height:30px;
	line-height:30px;
	width:178px;
	text-align:center;
}

.rod-knapp {
	background:url(img/buttons/medium-red.gif) 0 50% no-repeat;
	height:30px;
	line-height:30px;
	float:left;
	padding:0 0 0 12px;
	font-size:13px;
	width:178px;
	margin-right:15px;
}

.rod-knapp a {
	float:left;
	font-weight:bold;
	white-space:nowrap;
	padding:0 12px 0 0;
	background:url(img/buttons/medium-red.gif) 100% 50% no-repeat;
	height:30px;
	line-height:30px;
	width:178px;
	text-align:center;
	color:#fff;
}

#utbildningsbild {
	text-align:center;
	width:auto;
	margin:1em 0;
}

.popup {
	margin:2em;
}

.popup h2 {
	font-size: 30px;
	font-weight: bold;
	color: #CC3300;
}

#sitemap a {
	background:none;
	color:#000;
	border:0;
}

#sitemap ul {
	padding:0;
	margin:0 0 1em 0;
}

#sitemap ul li {
	padding:0;
}

.land {
	font-weight:bold;
	color:#000;
}

#andra-utb {
	text-align:left;
	list-style:disc;
	padding-left:15px;
	margin-top:5px;
}

.ubildningsrad {
	float:left;
	width:620px;
	height:90px;
}

.sub-menu-wrapper {
	width:230px;
}

.utbildning, #utbildningslista {
	float:right;
}