﻿/* STANDARD */
body
{
	/*background: #FFFFFF url(images/body-shape.gif) no-repeat scroll center top;*/
	font-family: Verdana, Arial;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #333;
}

p
{
  margin-bottom: 15px;
}

h4, h5
{
  margin-top: 20px;
  margin-bottom: 10px;
}

a
{
	color: #1A85B0;
	text-decoration: none;
}
a:hover
{
	color: #1F5DA7;
	text-decoration: underline;
}

/* CONTAINERS */
#Header
{
	margin-bottom: 10px; 	/*background: #1F5DA7;*/
	margin-top: 0px;
	padding-top: 10px;
}

#Header .logoContainer
{
	height: 170px;	
}
#Header .logoContainer h1
{
	font-size: 45px;	
}

#Header a
{
  text-decoration: none;
	color: #333;
}

#Header a:hover
{
  text-decoration: none;
	color: #333;
}

#TopNavigation
{
}

#TopNavigation:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#SubHeader
{}
#SubHeaderContent {
	/* 
	border-bottom: solid 1px #ccc; 
	margin-bottom: 22px;
	padding-bottom: 15px;
	*/
}
 
#Content
{
	padding-top: 15px;
	padding-bottom: 15px;
}

#Main
{
	font-size: 14px;
	line-height: 150%;
	padding: 5px 10px 0px 10px;
}

#SideBar
{
}

#Footer
{
	clear: both;
	color: #696969;
  text-align: right;
	/*	
	border-top: 10px solid #f39900; 
	color: #fff;
	border-top: 1px solid #000;
	margin-top: 20px;
	*/
	padding: 30px 0px 0px 0px;
}

#Footer .copyright
{
	/*
	background-color: #fff;
	background-image: url('images/footer-gradient.png');
	background-repeat: repeat-x;
	background-position: bottom;
	*/
	text-align: center;
	padding: 10px;
	font-size: 11px;
	color: #696969;
	font-weight: bold;
	line-height: 18px;
	border-top: 4px solid #f39900;
	border-bottom: 4px solid #f39900;
	margin-bottom: 10px;
}

#Footer h1
{
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#Footer ol
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#Footer li
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

#PopupContent
{
  padding: 20px;
}
 
/* REGISTER MEMBER */
fieldset.register_member fieldset
{
	border:1px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */
}

fieldset.register_member legend {
	font-weight: bold;
	color:#000; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
}

fieldset.register_member label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
fieldset.register_member ol {
  margin: 0;
  padding: 0;
}

fieldset.register_member li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

fieldset.register_member em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
fieldset.register_member label {
  width: 120px; /* Width of labels */
}
fieldset.register_member fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

fieldset.register_member input {
	padding:0.25em;
	height: 1.5em;
	/*width:10em;*/
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em verdana, arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

fieldset.register_member input:hover, fieldset.register_member input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

.registermember
{
}

/* DESIGNED FORM */
fieldset.designed-form 
{
	border:1px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */
	padding: 10px;
	padding-bottom: 15px;
}

fieldset.designed-form legend {
	font-weight: bold;
	color:#000; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
	font-size: 2em;
	line-height: 2em;
	padding: 5px;
}

fieldset.designed-form .title {
	font-weight: bold;
	font-size: 2em;
	line-height: 1.5em;
	padding: 5px;
}

fieldset.designed-form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  font-weight: bold;
  color: #1C94C4;
}
fieldset.designed-form ol {
  margin: 0;
  padding: 0;
}

fieldset.designed-form li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

fieldset.designed-form li.seperator {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 25px;
}

fieldset.designed-form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
fieldset.designed-form label {
  width: 150px; /* Width of labels */
}

fieldset.designed-form label .help {
  font-size: 10px;
  color: #333;
  display: block;
}

fieldset.designed-form  label.headerlabel {
  display: block;
  width: auto;
}

fieldset.designed-form  label.inlinelabel {
  width: auto;
}

fieldset.designed-form .checkboxlist
{
  display: inline-block;
}

fieldset.designed-form .checkboxlist td
{
  height: 30px;
}

fieldset.designed-form .checkboxlist label
{
  width: auto;
  line-height: 1.5em;
  vertical-align: top;
  font-weight: normal;
  color: #000;
}
fieldset.designed-form .radiolist 
{
    display: inline-block;

}

fieldset.designed-form .radiolist label
{
  width: auto;
  line-height: 1.5em;
  vertical-align: top;
  font-weight: normal;
  color: #000;
}

fieldset.designed-form fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

fieldset.designed-form .input {
	padding:0.25em;
	height: 1.5em;
	/*width:10em;*/
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em verdana, arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

fieldset.designed-form .input:hover, fieldset.designed-form .input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

fieldset.designed-form .textarea {
	padding:0.25em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em verdana, arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

fieldset.designed-form textarea:hover, fieldset.designed-form textarea:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

fieldset.designed-form .selectbox option {
  padding-right: 15px;
	-moz-border-radius:0em;
	-khtml-border-radius:0em;
}

fieldset.designed-form .selectbox {
	padding:0.25em;
	height: 2em;
	width:400px;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em verdana, arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

fieldset.designed-form .selectbox:hover, fieldset.designed-form .selectbox:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 


/* MENU */
/*
.rmRootGroup {}
.rmHorizontal {}
.rmItem {} 
.rmLink {} 
.rmLink .rmText { padding: 10px; } 
.rmFirst {}
.rmLast {}
*/

.sf_authorComment .sf_commentAuthor
{
	width: 120px;
	float: left;
}

	/* MAIN MENU */	
			
	#nav-main ul{
		background:#1b88b3 url(images/menu-bg.png) bottom repeat-x;
		/*background-color: #f00;*/
		border: 1px solid #333;
		float:left;
		margin-top:20px;
		width:960px;	
		}
		#nav-main li{
		/*background:#1b88b3 url(images/mainmenu-center.gif) bottom repeat-x;*/
		float:left;
		display:inline;
		height:46px;
		padding: 0 15px 0 15px;
		margin: 0px;
		}
		#nav-main li#start{
		float:left;
		/*
		padding: 0px 27px 0 18px;
		background:#1476a4 url(images/mainmenu-left.gif) top right no-repeat;
		width:40px;
		*/
		height:46px;
		}	
		#nav-main li#matrikel{
		float:right;
		/*background: #fff url(images/mainmenu-right.gif) top left no-repeat;*/
		height:46px;
		width:200px;
		padding: 0 10px;
		}
		#nav-main li#matrikel input{
		float:left;
		width:113px;
		margin:14px 5px;
		margin-left: 30px;
		display:inline;
		font: italic 11px/12px Verdana;
		color:#8c8c8c;
		padding:2px 0 0 12px;
		background: #fff url(/Images/magnifying-glass.gif) 2px 1px no-repeat;
		}	
		#nav-main a{
		font-size:14px;
		display:block;
		float:left;
		color:#333;
		text-decoration:none;
		}
		#nav-main li a {
		padding-top:11px;
		letter-spacing:-.2px;
		}
		#nav-main a:hover {
		color: #b5ddee;
		}		
		#nav-main li#start a {
		/*padding-top:14px;*/
		}
		#nav-main li#matrikel a {
		/*
		padding: 14px 8px 0;	
		*/
		margin-right:7px;		
		}
		#nav-main li#matrikel span {
		float: left;
		height: 46px;
		display: inline;
		margin-left: 20px;
		}			
		
		/* main-menu CURRENT */
		
		#nav-main li#start a#current {
		text-decoration:underline;
		font-weight:bold;
		}
		#nav-main li#matrikel span#current {
		color: #1476a4;
		display: inline;
		margin-left: 18px;		
		/* background: url(images/mainmenu-mcurrent-left.gif) bottom left no-repeat; */
		}	
		#nav-main li#matrikel span#current a{
		height: 46px;
		display:block;
		padding: 18px 8px 0 8px;	
		margin:0;
		/* 
		color: #1476a4;
		background: url(images/mainmenu-mcurrent-right.gif) top right no-repeat; 
		*/
		font-weight:bold;
		}
		#nav-main li#current {
		float: left;
		height: 46px;
		display: block;
		/* 
		padding: 0;
		color: #1476a4;
		background: url(images/mainmenu-c-current-left.gif) bottom left no-repeat; 
		*/
		}	
		#nav-main li#current a{
		height: 46px;
		display:block;
		/*
		color: #1476a4;
		padding: 15px 15px;
		background: url(images/mainmenu-c-current-right.gif) top right no-repeat;
		*/
		font-weight:bold;
		}										

/* BOXES */
 .box {
		font: normal 12px Verdana;
		text-align:center;	
		}
 .box h3{
		font: normal 24px Verdana;
		text-align:center;			
		color: #fff;
		}		
		.dblue span,
		.lblue span{
		font: normal 11px Verdana;
		color: #fff;
		display:block;
		margin:10px 0;
		line-height:1.3;
		}		
		.dblue a,
		.lblue a{
		font: bold 11px Arial;
		text-decoration:underline;
		text-align:center;
		display:block;
		color: #1a85b0;		
		}
		.dblue a:hover,
		.lblue a:hover {
		font: bold 11px Arial;
		}	
		.brown-foot,
		.dblue-foot,
		.lblue-foot {
		height:10px;
		}	
		
	/* #sidebar BROWN teas (Medlemslogin) */	
	

	
	.brown {
		background: #e5e2d7 url(images/member-login-top.gif) top no-repeat;
		margin:10px 0 20px;
		color: #333;
		}
		.brown-foot {
		background: #e5e2d7 url(images/member-login-bottom.gif) bottom no-repeat;
		}	
		
	/* #sidebar DBLUE teas (mörkblå teasbox) */
	
	.dblue {
		background: #081852 url(images/teas-darkblue-top.gif) top no-repeat;
		margin:0 0 20px;
		}	
		.dblue a{
		color: #31bede;
		}		
		.dblue a:hover {
		color: #2a9bb4;
		}			
		.dblue-foot {
		background: #081852 url(images/teas-darkblue-bottom.gif) bottom no-repeat;
		}
		
		
	
	/* #sidebar LBLUE teas (ljusblå teasbox) */

	.lblue {
		/*background: #1e89b4 url(images/teas-lightblue-top.gif) top no-repeat;  */
		background: #3595bb url(images/lightblue-bg.png) top repeat-x;  
		margin:0 0 20px;
		}
	.lblue .inner a{
        color: #fff;
		}	
	.lblue .inner a:hover{
        color: #e1e1b0;
		}		

		.lblue-foot {
		background: #1e89b4 url(images/teas-lightblue-bottom.gif) bottom no-repeat;
		}	
		.lblue-foot a{
		color: #112c6e;
		}				

.partner
{
	border-bottom: 2px solid #E16819;
	margin-bottom: 10px;
	padding: 7px;
}

.partner .partnerimage
{
	float: left;
	margin: 0 7px;
}

.partner .partnername
{
	font-weight: bold;
	font-size: 16px;
	margin-left: 200px;
}

.partner .partnerdesc
{
  margin: 10px 0;
	margin-left: 200px;
}

.partner .partnerlink
{
  margin: 10px 0;
	margin-left: 200px;
}

.clear { clear: both; }

#contacttable
{
  width: 95%;
}

#contacttable td
{
  vertical-align: top;
  
}

.errormessage
{
  color: #fff;
  background-image: url('/Images/errorbg_40x40.png');
  background-repeat: repeat;
  background-color: #f00;
  padding: 7px;
  margin-bottom: 15px;
}

.errormessage ul
{
  margin: 0;
  padding: 0;
}

.errormessage li
{
  padding: 0;
  margin: 0;
}

.errormessage h2
{
  margin: 0 15px 0 5px;
}

/* SEARCH */
.searchResults
{
}

.searchResults dd em
{
  font-size: 0.7em;
}

.searchResults dd.url
{
  clear: both;
  margin-bottom: 10px;
}

.searchResults dt
{
  margin-top: 15px;
  font-weight: bold;
  clear: both;  
}

.btn-search {
	/*float:left;*/
	width:35px;
	background-color:#007abf;
	border:none;
	cursor:pointer;
	margin-top:13px;
	font: bold 11px Arial;
	padding:3px 0;
	color:#fff;	
	}	
	.btn-search a {

	background-color:#007abf;
	text-decoration:none;	
	}			
	.btn-search:hover {
	background-color:#007abf;
	}	

.StandardGrid
{
    width: 95%;
}

.StandardGrid tr
{
}

.StandardGrid th
{
	background: #007ABF url(images/standardtable-header-bg.png) top repeat-x;
	
	/*
  background: 
  background-color: #007ABF; /* #1A85B0; */
  */
  color: #fff;
  text-align: left;
  padding: 5px;
}

.StandardGrid td
{
  padding: 5px;
}

.CourseInfo 
{
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 15px;
}

.CourseInfo pre
{
  font-family: Arial, Verdana;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #333;

}

.listmenu
{
  margin-top: 30px;
}

.CourseSelectArea
{
  border: 1px solid #ccc;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  
}

.CourseSelectArea .selectbox option {
  padding-right: 15px;
	-moz-border-radius:0em;
	-khtml-border-radius:0em;
}

.CourseSelectArea .selectbox {
	padding:0.25em;
	height: 2em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em verdana, arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

.CourseSelectArea .selectbox:hover, fieldset.designed-form .selectbox:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 


.CourseSelectArea input
{
  margin: 0px;
  margin-top: 10px;
}

#UserInfo
{
  margin-bottom: 15px;
}

#UserInfo dt, dd
{
  display: block;
  float: left;
  line-height: 1.8;
  vertical-align: top;
}

#UserInfo dt
{
  font-weight: bold;
  clear: both;
  width: 200px;
}

#form-contact
{
  clear: both;
}
