body.main {
	background-color:#FFFFFF;
	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-x;}

body {
	margin:10px 0px; padding:0px;
	text-align:center;}
	
#Container {
	width:900px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	margin-bottom:25px;}

#Header{
	width:900px;
	height:55px;}
	
#Nav {
	width:900px;
	height:27px;}	

#Banner {
	width:900px;
	height:208px;
	background-color:#FFFFFF;}	

#MidContainer {
	width:900px;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#727272;
	line-height:150%;}
	
.MidColumn1{
	width:210px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;}

.MidColumn2{
	width:210px;
	float:left;
	margin-bottom:20px;}	
	

#BottomContainer {
	width:900px;
	clear:both;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#727272;
	line-height:150%;}
	
#BottomContent{
	width:628px;
	padding:20px;
	float:left;
	margin-right:20px;
	background-image:url(../images/bg_bottomcontent.gif);
	background-repeat:repeat-y;
	border: 1px solid #cacaca;}

#BottomAgenda{
	width:210px;
	height:200px;
	float:left;}	
	
#Footer {
	width:900px;
	clear:both;
	padding-top:20px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#b8b8b8;}

#Breakline {
	height:1px;
	background-color:#bcbdc0;
	width:100%;
	margin-top:15px;
	margin-bottom:45px;}


/* NAVIGATION MENU//////////////////////////////////////////////// */	

#Navigation {
  position:relative;
  top:0px;
  height:27px;}
			
.navmenu	{
	float: left;
	overflow:hidden;
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(../images/btn_on.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 88px;
	height: 27px;
	margin-right: 3px;
	padding-left: 0;
	left: 0px;
	top:0px;}
			
.navmenu a {
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bolder;
	width: 88px;
	height: 27px;
	display: block;
	float: left;
	color: #000000; 
	text-decoration: none;}

.navmenu img {
	width: 88px; 
	height: 27px; 
	border: 0; }

* html a:hover {visibility:visible}
.navmenu a:hover img{visibility:hidden}

.navmenu span {
	position: absolute;
	left: 0px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 88px;
	height: 22px;
	text-align: center;}


/* AGENDA STYLES //////////////////////////////////////////////// */	


.AgendaContainer{
	width:210px;
	height:45px;
	clear:both;
	margin-bottom:10px;}
	
.AgendaDate {
	width:34px;
	float:left;
	margin-bottom:10px;}

.AgendaText {
	width:171px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#727272;
	line-height:100%;
	margin-left:5px;
	margin-bottom:10px;}

/* ABONNEMENTEN STYLES //////////////////////////////////////////////// */		
	
#AboContainer {
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#727272;
	line-height:150%;}
	
.AboColumn1{
	position:relative;
	width:195px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;}

.AboColumn2{
	position:relative;	
	width:195px;
	float:left;
	margin-bottom:20px;}
	
.AboColumn3{
	position:relative;
	clear:both;	
	width:195px;
	float:left;
	margin-bottom:20px;}
	
ul.abo {
	margin:15px 0 0 15px;
	padding:0px;
	list-style-type:square;
	text-align:left;
	font-size:11px;}
	
ul.abo li {
	border-bottom: 1px solid #d3d3d3;}
	
.abohead {
	background-color:#565759;
	padding: 6px 0px 0px 15px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:100%;
	clear:both;}
	

/* TEXT $ IMAGE STYLES //////////////////////////////////////////////// */	


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#363636;
	line-height:50%;}
	
.txthead1 {
	background-image:url(../images/txthead_img.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#727272;
	line-height:100%;
	clear:both;}	
	
	

#ActieContainer {
	margin-top:20px;
	padding-bottom:20px;}
	
.ActieColumn {
	float:left;
	margin-bottom:6px;
	padding:3px;
	margin-right:6px;
	border: 1px solid #cacaca;}

.mid_img {
   padding:0px;
   border:1px solid #727272;}

	
a:link { 	color: #727272; text-decoration: none; }

a:active { 	color: #727272; text-decoration: none; }

a:visited { color: #727272; text-decoration: none; }

a:hover { color: #d7117d; text-decoration: none;  }


.n  { 	color: #FFFFFF; text-decoration: none; }
.n:link { 	color: #FFFFFF; text-decoration: none; }
.n:active { 	color: #FFFFFF; text-decoration: none; }
.n:visited { color: #FFFFFF; text-decoration: none; }
.n:hover { color: #FFFFFF; text-decoration: none; }

.f  { 	color: #b8b8b8; text-decoration: none; }
.f:link { 	color: #b8b8b8; text-decoration: none; }
.f:active { 	color: #b8b8b8; text-decoration: none; }
.f:visited { color: #b8b8b8; text-decoration: none; }
.f:hover { color: #b8b8b8; text-decoration: underline;  }

.opacitylink img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;}

.opacitylink:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;}



/* FORM STYLES //////////////////////////////////////////////// */	


.search_button {
	background-color:#FFFFFF;
	font-size:10px;
	color:#d09e2d;}

.contact_input {
	background-color: #FFFFFF;
	background-image:url(../images/bg_input.gif);
	border:1px solid #cecece;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#363636;
	padding-left:5px;}
	
	
.contact_input2 {
	background-color: #FFFFFF;
	background-image:url(../images/bg_input2.gif);
	border:1px solid #cecece;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#363636;
	padding-left:5px;}

.send_button {
	font-size:12px;
	background-color: #d7117d;
	color:#FFFFFF;
	border:1px solid #d7117d;
	}

.top {
	vertical-align:top;}
	
#login {
	margin-top:25px;}
	
	
/* BUTTON //////////////////////////////////////////////// */		
	

.bttn {
	width:70px;}

.bttn a{
	display: block;
	color: #FFFFFF;
	background-color: #d7117d;
	padding: 2px 4px 2px 4px;
	text-decoration: none;}

.bttn a:hover{
	background-color: #960e58;
	color: #FFFFFF;}


/* PROTOTYPE CONCERTINA //////////////////////////////////////////////// */	



/**** CONCERTINA ****/
.concertina {

  border: 					 1px solid #cacaca;
  border-top-width:          1px;
  border-bottom-width:       1px;
  margin:                    0px;
  max-width:                 625px;
  text-align:				 left;

  }
.concertina .trig {
  background-image:url(../images/bg_input.gif);
  background-repeat:repeat-x;
  border-top:                1px solid #f5f5f5;
  border-bottom:             1px solid #ccc;
  cursor:                    pointer;
  display:                   inline-block;
  margin:                    0;
  padding:                   2px 5px;
  position:                  relative;
  color:					 #727272;
  }
.concertina .trig {
  display:                   block;
  }
.concertina .open {
  background:                #d1d1d1
  cursor:                    pointer;
  }
.concertina .trig:hover {
  background-color: 		 #960e58;
  background-image:url(../images/bg_input_reflect.gif);
  background-repeat:repeat-x;
  }
  
.concertina .targ {
  border-top:                0 !important;
  border-bottom:             0 !important;
  margin-top:                0 !important;
  margin-bottom:             0 !important;
  padding-top:               0 !important;
  padding-bottom:            0 !important;
  position:                  relative !important;

  display:                   inline-block;
  height:                    100px;
  margin:                    0;
  overflow:                  auto;
  padding:                   0 10px;
  }
.concertina .targ {
  display:                   block;
  }





.protohud .trig {display:    inline}
.trig,.targ * {zoom:         1}
.protohud .targ {
  background:                transparent;
  filter:                    progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF,endColorstr=#DDFFFFFF);
  zoom:                      1;
  }


.fixIE {
  position:                  absolute;
  top:                       expression(((e=document.documentElement.scrollTop)?
                                               e:document.body.scrollTop)+'px');
  left:                      auto;
  right:                     0;
  margin:                    0;
  padding:                   0 16px 0 0;
  width:                     90%;
  }
.fixIE .targ {
  display:                   block;
  margin:                    0;
  right:                     0;
  }

/* PROTOTYPE CONCERTINA LIST STYLES //////////////////////////////////////////////// */	


.lesrooster_table {
	vertical-align:top;
	margin-top:15px;
	}
	
.lesrooster_table td {
	  border-bottom:1px solid #cacaca;
	  padding-left:4px;
	  vertical-align:top;}

.top_table {
	font-size:12px;
	background-color: #d7117d;
	color:#FFFFFF;}