/*
	Project: Kampanjeweb for S¿r - BSU
	Version: 1
	Last changed: work in progress

	Design: Christian Norlan, Recommended Nowray
	xhtml/css: Ole-Marius L. Mathiassen, Recommended Norway
	(C) 2008 Recommended Norway

	The solution is built using the UNKNOWN CMS Platform
	reset.css (recommended version) is in use
*/



body {color: #444; background-color: #fff; font-family: verdana, arial, sans-serif;  }
#wrapper {position: relative; width: 980px; height: 768px; margin: 0 auto;  background: transparent url(../graphics/images/bgbody.jpg) left top no-repeat;}
#wrapper .inner {padding: 50px;}
#main {clear: both; overflow: auto; padding-top:50px;}
#bsu {display: block; margin-top: 4px;width: 300px; height: 24px; background: transparent url(../graphics/images/topoverskrift.jpg) left 0 no-repeat; text-indent: -9999px}
p {font-size: 1.2em; line-height: 1.45em}
h1 {width: 300px; height: 100px; float: left; }
h2 {font-size: 14px;  margin-bottom: 20px;}
#flash {display: none}
#txt {width: 270px; height: 24px; background: transparent url(../graphics/headlines.png) left -32px no-repeat; text-indent: -9999px}
#formz {width: 270px; height: 24px; background: transparent url(../graphics/headlines.png) left -68px no-repeat; text-indent: -9999px}
#remind {width: 270px; height: 24px; background: transparent url(../graphics/remind.png) left top no-repeat; text-indent: -9999px}


.btn {display: block; width: 150px; height: 31px; background: transparent url(../graphics/btn-default.gif) left top no-repeat; text-indent: -9999px}

.btn2-bullshit {display: block; width: 224px; height: 44px; background: transparent url(../graphics/images/btn-bullshit.gif) left top no-repeat; text-indent: -9999px}
.btn2-lastned {display: block; width: 110px; height: 44px; background: transparent url(../graphics/images/btn-lastned.gif) left top no-repeat; text-indent: -9999px}

.btn-forside {display: block; width: 79px; height: 26px; background: transparent url(../graphics/images/btn-forside2.gif) left top no-repeat; text-indent: -9999px}
.btn-trener {display: block; width: 110px; height: 26px; background: transparent url(../graphics/images/btn-trener.gif) left top no-repeat; text-indent: -9999px}
.btn-trener2 {display: block; width: 131px; height: 26px; background: transparent url(../graphics/images/btn-trener222.gif) left top no-repeat; text-indent: -9999px}
.btn-nettbanken {display: block; width: 110px; height: 26px; background: transparent url(../graphics/images/btn-nettbanken.gif) left top no-repeat; text-indent: -9999px}

.btn-share {display: block; width: 100px; height: 26px; background: transparent url(../graphics/images/btn-delpaa.gif) left top no-repeat; text-indent: -9999px}
.btn-contact {display: block; width: 150px; height: 31px; background: transparent url(../graphics/btn-contact.gif) left top no-repeat; text-indent: -9999px}
.btn-bank {display: block; width: 150px; height: 31px; background: transparent url(../graphics/btn-bank.gif) left top no-repeat; text-indent: -9999px}
.btn-merombsu {display: block; margin-top: 10px; width: 270px; height: 31px; background: transparent url(../graphics/btn-merombsu.gif) center top no-repeat; text-indent: -9999px}
.btn-send {display: block; margin-top: 10px;width: 270px; height: 31px; background: transparent url(../graphics/btn-send.gif) center top no-repeat; text-indent: -9999px}
.btn-flashimg {display: block; margin-top: 15px; width: 270px; height: 31px; background: transparent url(../graphics/btn-flashimg.gif) center top no-repeat; text-indent: -9999px}
.btn-flashmail {display: block; margin-top: 20px; width: 270px; height: 31px; background: transparent url(../graphics/btn-flashmail2.gif) center top no-repeat; text-indent: -9999px}
.btn-student {display: block; margin-top: 0px; width: 132px; height: 52px; background: transparent url(../graphics/images/studen.gif) center top no-repeat; text-indent: -9999px}

.btn-share:hover, .btn2-bullshit:hover, .btn2-lastned:hover, .btn-forside:hover, .btn-trener:hover, .btn-trener2:hover, .btn-nettbanken:hover, .btn-contact:hover,.btn-bank:hover, .btn-flashimg:hover, .btn-flashmail:hover {background-position:left bottom; margin-top:2px;}
.btn-flashimg:hover, .btn-remind:hover,.btn-merombsu:hover, .btn-send:hover {background-position: center bottom}

#nav-main {list-style-type: none;  float: left; margin: 0; padding: 0;}
#nav-main li {float: left; padding: 0 0 0 16px;}

#nav-main2 {list-style-type: none; width: 346px; float: left; margin: 0; padding: 0;}
#nav-main2 li {float: left; padding: 0 6px 0 0px;}



.section {width: 300px; float: left; }

#wrapper .section .inner  { padding-left:4px; padding-right:3px; padding-top:0px; padding-bottom:0px;}

.center {border-left: 1px solid #999; border-right: 1px solid #999 }

#footer {clear: both; text-align: center; color: #eee; }


ul {padding: 0 0 0 15px; margin: 0 0 20px 0; }


ul li {font-size: 1.1em; padding-bottom: 8px}



.remind ul, ul.register {list-style-type: none; padding: 0; margin: 0}

ul.register li, .remind ul li{height: 30px}

ul.register li.error { height: 12px; color: Red;}

label {display: block; line-height: 30px; width: 60px;float: left;}

.long {}


.radio label {width: 100px;}
.radio span label {width: 50px;}

.radio {line-height: 30px;}
#skjemaet_rbKontakt { width: 195px; }
#skjemaet_rbKontakt input, #rbKontakt label { float: left; width: 50px; overflow: hidden;}
#skjemaet_rbKontakt input { width: 25px; margin-top: 8px;}

.txtfield {border: none; padding: 8px; width: 190px; height: 32px; background: transparent url(../graphics/bg-txtfield.png) left top no-repeat; }
.txtarea {border: none; padding: 8px; width: 280px; padding-right: 70px; height: 135px; background: transparent url(../graphics/bg-txtarea.png) left top no-repeat; }


#logo {display: block; float:right; margin-top: 40px; width: 161px; height: 57px; background: transparent url(../graphics/images/sorlogo.gif) left top no-repeat; text-indent: -9999px}


#flash-placeholder {width: 270px; height: 270px; background-color: #fff}

#share-pane {position: absolute; top: 77px; left: 558px; width: 289px; height: 200px; background: transparent url(../graphics/bg-pane.png) left top no-repeat ; display: none}


#share-pane ul {list-style-type: none; padding: 0; margin: 0; position: absolute; top: 40px; left: 30px;}

#share-pane ul li {padding: 0; margin: 0; height: 30px; width: 120px; }
#share-pane ul li.right {position: relative; top: -120px; left: 120px; }
#share-pane ul li a {display: block; width: 108px; height: 16px; background: transparent url(../graphics/bg-share.png) left top no-repeat; text-indent: -9999px}

#share-pane ul li.share-fb a { }
#share-pane ul li.share-tweet a {background-position: 0 -25px}
#share-pane ul li.share-nettby a {background-position: 0 -49px}
#share-pane ul li.share-myspace a {background-position: 0 -74px}
#share-pane ul li.share-del a {background-position: -127px 0px}
#share-pane ul li.share-digg a {background-position: -127px -25px}
#share-pane ul li.share-mixx a {background-position: -127px -49px}
#share-pane ul li.share-stumble a {background-position: -127px -74px}
#share-pane .btn-share {background-image: none; text-indent: 0; position: absolute; left:120px; top: 160px; color: #999; display: block; width:181px;  text-decoration: none; }


/*paminnelse*/
 .wrappers { background: #FFF;}
 #closethis { float: right; background : url(/design/fancybox/fancy_closebox.png) no-repeat top right; width: 50px; height: 30px;}
 
 #skall { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: url(/design/graphics/bg-transparent-black.png); z-index: 10;  }
 
 .confirm { margin-top: 15px;}
 
 
 
 .container {
	border:1px solid #fff;
	height:255px;
	width: 258px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: absolute;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:257px;	width: 257px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom:0px; right:0px;
	width: 1px; height:1px;
	z-index: 0; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {

}
.paging a.active {

}
.paging a:hover {font-weight: bold;}