/*----------------------------------------------/
	Layout: web font
/----------------------------------------------*/
@font-face {
    font-family: 'DinCRegular';
    src: url('dinc-webfont.eot');
    src: url('dinc-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinc-webfont.woff') format('woff'),
         url('dinc-webfont.ttf') format('truetype'),
         url('dinc-webfont.svg#DinCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'StenbergITCStdRegular';
    src: url('stenbergitcstd-webfont.eot');
    src: url('stenbergitcstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('stenbergitcstd-webfont.woff') format('woff'),
         url('stenbergitcstd-webfont.ttf') format('truetype'),
         url('stenbergitcstd-webfont.svg#StenbergITCStdRegular') format('svg');


}

.stenberg{
	font-family: "StenbergITCStdRegular";
	text-transform: uppercase;
	font-size:139%!important;
}

.din{
	font-family: "DinCRegular";	
	text-transform: uppercase;
}

/*----------------------------------------------/
	Layout: html & body
/----------------------------------------------*/

html, body {
	font-size: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

a:link { 
	color: #3f7946;
	text-decoration: none;
	font-weight:bold!important;
	}
a:visited { 
	color: #3f7946;
	text-decoration: none;
	font-weight:bold!important;
	}
a:hover { 
	color: #d89c00;
	text-decoration: none;
	font-weight:bold!important;
	}
a:active { 
	color: #d89c00;
	text-decoration: none;
	font-weight:bold!important;
	}

img, div, input { behavior: url("iepngfix.htc") }

fieldset { margin: 0px; padding: 0px; float: left; border: none; display: inline; }
form { margin: 0px; padding: 0px; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { margin: 0px; }
h1 { font-size: 2em; padding: .67em 0px; }
h2 { font-size: 1.5em; padding: .83em 0px; }
h3 { font-size: 1.17em; padding: 1em 0px; }
h4, dt, th { font-size: 1em; }
dt, th { font-weight: bold; }
h5 { font-size: .83em; padding: 1.67em 0px; }
h6 { font-size: .67em; padding: 2.33em 0px; }

ol, ul { margin: 0px; padding: 1.33em 0px 1.33em 40px; overflow: hidden; }

/*----------------------------------------------/
		Layout: .accessibility
		<ul class="accessibility">
			<li><a href="#content">Skip to content</a></li>
		</ul>
/----------------------------------------------*/

.accessibility { width: 0px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; }

/*----------------------------------------------/
	Layout: .main
		children(default base): header, wrapper(fixedColumn, fluidColumn(fluidContent)), footer
/----------------------------------------------*/

.main {
	color: #000000;
	background-color: #330066;
}



/*----------------------------------------------/
	Layout: .fixedColumn
	
	@param	 width: This is the default value. 
	To change this width, update the project's css, NOT this one.
/----------------------------------------------*/
 
.fixedColumn  {
	background-color: #FF6600;
	width: 12.5em;
	clear: left;
}

/*----------------------------------------------/
	Layout: .wrapper.right .fixedColumn
	
	@param	 margin-left: This is the default value which is the negative width of fixedColumn. 
	To change this width, update the project's css, NOT this one.
/----------------------------------------------*/

.wrapper.right .fixedColumn {
	margin-left: -12.5em;
	float: right;
	clear: right;
}

/*----------------------------------------------/
	Layout: .fixedContent
	
	@see	layout_ie.css for additional rules
/----------------------------------------------*/

.fixedContent {
	color: #000000;
	background-color: #FFCC00;
	width: auto;
	float: none;
	clear: none;
}

/*----------------------------------------------/
	Layout: .fluidColumn
		children(* required): fluidContent
	
	@see	layout_ie.css for additional rules
/----------------------------------------------*/

.fluidColumn {
	background-color: #FF9900;
	width: auto;
	margin: 0px;
	float: none;
	clear: right;
	overflow: hidden;
}

/*----------------------------------------------/
	Layout: .wrapper.right .fluidColumn
		children(* required): fluidContent
		
	@param	 margin-right: This is the default value which is the width of fixedColumn. 
	To change this width, update the project's css, NOT this one.
	@see layout_ie.css for additional rules
/----------------------------------------------*/

.wrapper.right .fluidColumn {
	width: auto;
	margin-right: 12.5em;
	float: none;
	clear: none;
	overflow: visible;
}

/*----------------------------------------------/
	Layout: .fluidContent
/----------------------------------------------*/


a{
	text-decoration:none;
	border:none;
}

a img { border: none; }


body{
	background-color:#ab1f2a;
	font-family:Arial, Helvetica, sans-serif

}
.container{
	min-width:1060px;	
	text-align:center;
	background-image:url(img/bg_main.gif);
	background-repeat:repeat-x;
	background-color:#eaebdb;
}

.footerDiv{
	background-color:#ab1f2a;
	background-image:url(img/bg_footer.gif);
	background-repeat:repeat-x;
	text-align:center;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	font-size:.7em;
	color:#999;
}


/*  CONTENT AREAS  */
.contentDiv{
	background-color:#eaebdb;
	width:1075px;
	min-height:675px!important;
	overflow:hidden;
	background-image:url(img/bg_main.gif);
	background-repeat:repeat-x;
	margin: 0 Auto;
}
.contentFrame{
	background-color:#dcd6bc;
	float:left;
	width:575px;
	display:inline;
	padding:8px;
	vertical-align:middle !important;
    min-height:660px;
}
.contentArea{
	background-color:#fff;
	text-align:left;
	padding:8px;
	vertical-align:middle !important;
	overflow:auto;
	min-height:640px !important;
	font-size:.8em;
}

.contentInner{
	max-width:1024px;
	min-width:800px;
	text-align:left !important;
	margin: 0 Auto;
}

/* LOGO/BRAND STYLES  */
.logo{
	z-index:0;
	height:270px;
	width:270px;
	margin-left:45px;
	background-color:none;
	float:left;
	text-align:left;
}

.tv{
	
	/*z-index:1000;*/
	height:134px;
	width:115px;
	margin-left:308px;
	margin-top:575px;
	background-color:none;
	position:absolute;
	text-align:left;
}


/* NAVIGATION STYLES  */
.navigationOuter{
	width:445px;
	height:675px;
	float:left;
	clear:none;
	/*background-color:#eae9dc;*/
	text-align:right;
	background-image:url(img/bg_nav.png);
	background-repeat:no-repeat;
	/*border-left:8px solid #dcd6bc;*/
	border-right:8px solid #eaebd9;
	margin-left:8px;
	/*margin:0px!important;*/
	padding:0px!important;
}
.navigationInner{
	background-image:url(img/bg_nav_inner.png);
	background-repeat:no-repeat;
	width:333px;
	height:482px;
	float:right;
	vertical-align:top;
	margin-top:-90px;
	z-index:10;
}

.navigationInner table{
	border: none;
	width:333px;
	height:482px;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}
.navigationInner td{
	background:none;	
}
.navigationInner ul{
	padding-top:35px;	
	list-style: none;
	margin-left: 0;
	padding-left: 12px;
	padding-right: 20px;
	text-indent: 0;
}
.navigationInner li{
	border-top:1px dotted #ab1f2a;	
	color: #ab1f2a;
	list-style:none;
	font-size:.66em;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
}


/*  INDIVIDUAL NAVIGATION ELEMENTS  */
.nav_about{
	background-image:url(img/nav_about_off.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseover =  new Function("this.className = 'nav_about-hover';"));
}
.nav_about:hover, .nav_about-hover{
	background-image:url(img/nav_about_on.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseout = new Function("this.className = 'nav_about';"));
}


.nav_ourbrau{	
	background-image:url(img/nav_ourbrau_off.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseover =  new Function("this.className = 'nav_ourbrau-hover';"));
}
.nav_ourbrau:hover, .nav_ourbrau-hover{
	background-image:url(img/nav_ourbrau_on.png);
	background-repeat:no-repeat;	
	m: expression(this.onmouseout = new Function("this.className = 'nav_ourbrau';"));
}


.nav_statehood{
	background-image:url(img/nav_statehood_off.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseover =  new Function("this.className = 'nav_statehood-hover';"));
}
.nav_statehood:hover, .nav_statehood-hover{
	background-image:url(img/nav_statehood_on.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseout = new Function("this.className = 'nav_statehood';"));
}


.nav_blog{
	background-image:url(img/nav_blog_off.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseover =  new Function("this.className = 'nav_blog-hover';"));
}
.nav_blog:hover, .nav_blog-hover{
	background-image:url(img/nav_blog_on.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseout = new Function("this.className = 'nav_blog';"));
}

.nav_green{
	background-image:url(img/nav_green_off.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseover =  new Function("this.className = 'nav_green-hover';"));
}
.nav_green:hover, .nav_green-hover{
	background-image:url(img/nav_green_on.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseout = new Function("this.className = 'nav_green';"));
}

.nav_stuff{
	background-image:url(img/nav_stuff_off.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseover =  new Function("this.className = 'nav_stuff-hover';"));
}
.nav_stuff:hover, .nav_stuff-hover{
	background-image:url(img/nav_stuff_on.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseout = new Function("this.className = 'nav_stuff';"));
}

.nav_contact{
	background-image:url(img/nav_contact_off.png);
	background-repeat:no-repeat;
	m: expression(this.onmouseover =  new Function("this.className = 'nav_contact-hover';"));
}
.nav_contact:hover, .nav_contact-hover{
	background-image:url(img/nav_contact_on.png);
	m: expression(this.onmouseout = new Function("this.className = 'nav_contact';"));
}


/*  MISC STYLES */
.font-black{
	color:#000!important;	
}
.font-white{
	color:#FFF!important;	
}
.bold{
	font-weight:bold;	
}




#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;

}

#slideshow #slidesContainer .slide {
  width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
  font-size:11px;
}

/**
 * Slideshow controls style rules.
 */
.control {
  display:inline;
  margin: 0 Auto;

  /*
  display:block;
  text-indent:-10000px;
  position:absolute;
  */
  cursor: pointer;
}
#leftControl {
float:left;
  width:61px !important;
  height:30px !important;
  background:transparent url(img/control_left.png) no-repeat 0 0;
}
#rightControl {
float:right;
  width:61px !important;
  height:30px !important;
  background:transparent url(img/control_right.png) no-repeat 0 0;
}

.brauPQP{
	background:transparent url(img/brausbg_pqp.png) no-repeat 0 0;
}

.brauTAT{
	background:transparent url(img/brausbg_tat.png) no-repeat 0 0;
}

.brauNATAS{
	background:transparent url(img/brausbg_natas.png) no-repeat 0 0;
}

.brauIPP{
	background:transparent url(img/brausbg_ipp.png) no-repeat 0 0;
}

.brauElhefe{
	background:transparent url(img/brausbg_elhefe.png) no-repeat 0 0;
}

.brauAtlas{
	background:transparent url(img/brausbg_atlas.png) no-repeat 0 0;
}

.brauPublic{
	background:transparent url(img/brausbg_public.png) no-repeat 0 0;
}

.brauCorruption{
	background:transparent url(img/brausbg_corruption.png) no-repeat 0 0;
}

.brauCitizen{
	background:transparent url(img/brausbg_citizen.png) no-repeat 0 0;
}

.brauComingsoon{
	background:transparent url(img/brausbg_comingsoon.png) no-repeat 0 0;
}

.slideContent{
	margin:20px;
	padding:4px;
	background:transparent url(img/brausbg_slidecontent.png);
	width:490px;
	border:1px solid #999;
}


.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}