/* JAKJ - General StyleSheet for "det nye Traen" v. 1.09*/


.cbq-layout-main {width:100%} /* hack to make MOSS tables resize to 100%*/

/* ******************** tag selectors ******************** */
* {
	margin:0px;
	padding:0px;
	}

body {
	background-color: #FCFBFC;
	font-size: 13px;
	font-family: Calibri, Verdana, Ariel, sans-serif !important;
	line-height: 18px;
	}
	
p { margin: 1em 0; }


a {
	color:#009BCA;
	text-decoration:none;
	}		
	a img{
		border:none;
		}
/* // tag selectors */


/* ******************** structure ******************** */
#traen_ribbon {
	background-color:#009BCA;
	height:10px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

#traen_content {
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:886px;
	padding:10px 55px;
	position:relative;
	border-left:1px solid #C6C6C6;
	border-right:1px solid #C6C6C6;
	}

	#traen_header {
		text-align:right;
		position:relative;
		}
		#traen_header_top {
			border-bottom:1px solid #C6C6C6;
			margin-bottom:10px;
			padding-bottom:4px;
			font-size:11px;
			font-weight:bold;
			color:#A9AAAC;
			}
		#traen_header_logo {
			position:absolute;
			display:block;
			float:left;
			}
		
		/* Default MOSS Search-div */	
		#SRSB {
			}
			#SRSB .traen_header_search {
				color:#A9AAAC;
				font-size:12px;
				}
				#SRSB .traen_header_search table{
					float:right;
					}
					#SRSB .traen_header_search table input{
						color:#A9AAAC;
						height:19px;
						}
		
		#traen_header_menu {
			border-bottom:1px solid #C6C6C6;
			margin-top:48px;
			}
			#traen_header_menu li {
				display:inline;
				margin:0 10px;
				font-size:12px;
				}
				#traen_header_menu li a {
					text-decoration:none;
					text-transform:uppercase;
					color:#8F8F91;
					}
					#traen_header_menu li a.selected, #traen_header_menu li a.childselected{
						color: #009BCA;
						font-weight:bold;
						}
					#traen_header_menu li a:hover {
						color: #009BCA;
						}

	#traen_main {
		position:relative;
		}
		#traen_main a {
			text-decoration:underline;
			}
			
		
		/* ******************** frontpage structure ******************** */	
		#slider {
			margin:4px 0 10px 0;
			}
		
		#newsshortcuts {
			position:relative;
			margin:0 0 10px 0;
			z-index:999;
			}
			#latestnews {
				width:552px;
				display:inline-block;
				padding:4px 16px;
				font-size:15px;
				color:#009BCA;
				margin:0;
				}
				
				#latestnews #traennewsheading{
				dispay:block;
				float:left;
				margin-right:6px;
				}
				
				#latestnews ul {
					list-style: none !important;
					list-style-image:none !important;
					display: block;
					}

				#latestnews a{
					text-decoration:none;
					background: #fbfbfb;
					}
					#latestnews a:link, #latestnews a:hover, #latestnews a:visited{
						color:#009BCA !important;
						}

			#shortcut {
				position:absolute;
				top:0px;
				right:0px;
				width:250px;
				text-align:right;
				padding:4px 16px;
				color:#009BCA;
				font-size:15px;
				font-weight:bold;
				text-decoration:none;
				text-transform: uppercase;
				margin:0;			
				background:none;
				/*background-image:url("shortcut-bg.png");*/
				background-color:#FBFBFB;
				}

				#shortcut ul {
					list-style:none !important;
					list-style-image:none !important;
					}
					#shortcut li a{
						text-decoration:none;
						background: url(dropdown-arrow.png) no-repeat right center;
						padding-right:20px;
						}
					#shortcut #shortcutitems {
						display:none;
						border-top: 1px solid #C6C6C6;
						margin-right:-4px;
						padding-right:4px;
						z-index:999;
						}
					#shortcut #shortcutitems a {
						text-decoration:none;
						font-size:12px;
						background: url(double-arrow.gif) no-repeat right center;
						padding-right:10px;
						}
						
					#shortcut li ul li:first:child {
						border-top: 1px solid #C6C6C6;
						}

		#frontplayers {
			position:relative;
			display:block;
			margin:0 0 10px 0;
			z-index:1;
			}
			
			#frontplayers .frontplayermargin {
				width:18px;
				float:left;
				}
			#frontplayers .frontplayer {
				padding:16px;
				margin:0 0 10px 0;
				width:250px;
				float:left;
				}				
				
				#frontplayers .frontplayer a{
					text-decoration:none;
					font-weight: bold;
					background: url(double-arrow.gif) no-repeat right 4px;
					padding-right:10px;
					}
				#frontplayers .frontplayer h2{ text-transform: uppercase; color:#929294; font-size:18px;}
				#frontplayers .frontplayer img{ margin:10px 0;}
				
			/* // frontpage structure */
			
			/* ******************** subpage structure ******************** */
			#LeftNavigationContainer {
				float:left;
				margin-top:27px;
				width:220px;
				}
				
				
				#leftnavigation {
					font-family:arial;
					font-size:12px;
					}
					#leftnavigation ul {
						list-style-type:none;

						padding:0;
						text-align:left;
						width:200px;
						}
						#leftnavigation ul li {
							background-image:url("menu-item-dashed.gif");
							background-repeat:no-repeat;
							line-height:32px;
							margin:0;
							padding:0;
							text-indent:15px;
							width:200px;
							}
							#leftnavigation ul li a {
								color:#9E9E9E;
								display:block;
								text-decoration:none;
								width:200px;
								}
							#leftnavigation ul li:hover {
								background-image:url("menu-item-dashed-selected.gif");
								}
							#leftnavigation ul li.selected {
								background-image:url("menu-item-dashed-selected.gif");
								}
								#leftnavigation ul li.selected a.selected {
									color:#009BCA;
									text-transform:uppercase;
									}
							#leftnavigation ul li.childselected {
								background-image:url("menu-item-dashed-selected.gif");
								}
							#leftnavigation ul li ul {
								margin:0;
								}
								#leftnavigation ul li ul li {
									background-image:url("menu-item-dashed-selected-children.gif");
									margin:0 0 0 5px;
									text-indent:5px;
									width:195px;
									}
								#leftnavigation ul li ul li:hover {
									color:#009BCA;
									}
								#leftnavigation ul li ul li a {
									color:#9E9E9E;
									display:block;
									text-decoration:none;
									text-indent:5px;
									width:200px;
										}
								#leftnavigation ul li ul li.selected {
									background-image:url("menu-item-dashed-selected-children.gif");
									}
								#leftnavigation ul li ul li a.selected {
									color:#009BCA;
									}
								#leftnavigation ul li ul li a:hover {
									color:#009BCA;
									}
								#leftnavigation ul li ul li:hover {
									background-image:url("menu-item-dashed-selected-children.gif");
									}
								#leftnavigation ul li ul li ul li {
									margin:0;
									text-indent:0;
									width:195px;
									}
									#leftnavigation ul li ul li ul li a {
										color:#9E9E9E;
										display:block;
										margin-left:10px;
										text-decoration:none;
										width:200px;
										}
									#leftnavigation ul li ul li ul li.selected {
										background-image:url("menu-item-dashed-selected-children.gif");
										}
									#leftnavigation ul li ul li ul li.hover {
										background-image:url("menu-item-dashed-selected-children.gif");
										}
				

			#pagecontent {display:block;}
				#pagecontent ul {list-style: url(bullet.gif) inside;}
				
				#pagecontent #breadcrums{color:grey; font-size:12px;margin-top:14px;}
					#pagecontent #breadcrums a{color:grey; text-decoration:none;}
			
				
			#leftcontent {
				margin-top:10px;
				width:410px;
				display:inline-block;
				}
				#leftcontent h1, #leftcontent h2, #leftcontent h3 {font-weight:normal;}
					#leftcontent h1 {line-height:30px; color:#009BCA; font-size:28px ;padding-bottom:20px; margin: 10px 0; border-bottom:1px dotted #009BCA}
					#leftcontent h2 {font-size:13px; font-weight:bold; margin: 10px 0 0 0;}
					#leftcontent h3 {font-size:16px; margin: 10px 0 0 0;}
					
			#leftcontent .newsitem{
				border-bottom:1px dotted #009BCA;
				padding: 10px 0;
				}
				#leftcontent .newsitem h2 {margin:0px;}
					#leftcontent .newsitem h2 a{font-size:13px; font-weight: bold;color:#000000;text-decoration:none;}
						#leftcontent .newsitem h2 a:hover{text-decoration:underline;}
						#leftcontent .newsitem h2 a:visited{font-weight:normal;}
				
			#rightcontent {
				position:absolute;
				top:40px;
				right:0px;
				display: -moz-inline-stack;
				display:inline-block;
				width:230px;
				float:right;
				margin-left:20px;
				}
				#rightcontent .goon_spot{margin:0 0 20px 0;}
					#rightcontent .goon_spot a{
						display:block;
						font-weight:bold;
						text-transform:uppercase;
						text-decoration:none;
						margin:10px 4px;
						background: url(goon-arrow.png) no-repeat right center;
						}

			/* // subpage structure */
			
			/* ******************** widecontent page layout ******************** */
			#widecontent {
				margin-top:10px;
				width:662px;
				display:inline-block;
				}
				#widecontent h1, #widecontent h2, #widecontent h3 {font-weight:normal;}
				#widecontent h1 {color:#009BCA; font-size:28px ;padding-bottom:20px; margin: 10px 0; border-bottom:1px dotted #009BCA}
				#widecontent h2 {font-size:22px; margin: 10px 0 0 0;}
				#widecontent h3 {font-size:16px; margin: 10px 0 0 0;}
			/* //  widecontent page layout */


	/* ******************** footer structure ******************** */
	#traen_footer {
			clear:both;
			margin-top:10px;
		}
		
		#traen_footer_navigation {
			background-color:#F0F0F0;
			}
			
			#traen_footer_navigation ul li ul li a{
				text-transform: uppercase;
				font-weight: bold;
				}
				
			#traen_footer_navigation ul li ul li ul li a{
				text-transform: none;
				font-weight: normal;
				background: url(footer-link.gif) no-repeat left center;
				padding-left:8px;
				}
			
			#traen_footer_navigation li {
				list-style:none;
				color:#C4C6C8;
				}
				
			#traen_footer_navigation > ul > li {
				width: 180px;
				display: -moz-inline-stack;
				display: inline-block;
				vertical-align: top;
				margin: 10px;
				zoom: 1;
				*display: inline;
				_height: 250px;
				}
			
			#traen_footer_navigation > ul > li.spacer {
				width:1px;
				height:200px;
				background:#9292A7;
				margin:0px;
				}

		#traen_footer_legal {
			color:#797979;
			background: url(traen-legal-bg.gif) repeat-x left;
			height:40px;
			padding:10px;
			}
			
		#traen_footer_contact {
			text-align:center;
			color: #009BCA;
			background-color:#FCFBFC;
			margin:10px 0;
			}
		/* // footer structure */
		
/* // structure */


/* ******************** search results ******************** */
.srch-results .srch-Icon {
	display:none;
	}

.srch-Title {
	color:#009BCA;
	font-size: 22px;
	font-weight:normal;
	margin:10px 0 0;
	font-family:Calibri,Verdana,Ariel,sans-serif !important;
	}
	.srch-Title a:link, .srch-Title a:visited {
		color:#009BCA !important;
		}

.srch-URL a:link, .srch-URL a:visited {
	color:#009BCA !important;
	}

.srch-URL a:hover {
	color:#009BCA !important;
	}

.srch-Page {
    background-color:#FFFFFF !important;
	}
/* // search results */


/* ******************** simple classes ******************** */

.traenbox, .ms-WPBorderBorderOnly div.ms-WPBody {
	background-color:#FBFBFB;
	border-right: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	}

.shadow {
	border-right: 1px solid #C4C6C8;
	border-bottom: 4px solid #C4C6C8;
 	position: relative;
 	top: -2px;
  	left: -2px;
	}

.strong {
	font-weight:bold;
	}

.selected {
	font-weight:bold;
	}
	
.publishdate {
	font-weight:bold;
	color:#009BCA;
	}
	
/* // simple classes */


/* ******************** Easy Slider ******************** */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:886px;
		height:287px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:999;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */