
/*  reset styles; from Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0;}
body {color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
/* END RESET */



/* width */
body { margin-top: 35px; margin-bottom: 35px;}
#main{margin:auto;}
#main, #container{margin:auto; width:996px;}
#container { float:left;}
#content{
	width:auto;
	min-height:400px;
	height:auto !important;
	height:400px;
}
#left_column {width:203px}
#content_nav {width:183px;margin-left:10px;}
#right_column{ width:203px;}
#center_column{ width:590px;}
#footer, #subnavigation{ width:auto; padding:10px;}
#left_top, #center_top, #right_top{	height:35px;}
#left_below_top, #center_below_top, #right_below_top, #cover { height:170px;}
#logo {height:170px;}

/**********************************
***********  Custom styles  *******
***********************************/
#content ul li{
	margin-bottom:10px;
}
/**********************************
************ POSITIONING **********
***********************************/

#float_left {float:left;}

#left_column{
	float:left;
	background:transparent url("img/bg_black.png");
}
#center_column{
	float:left;
}
#right_column{
	float:left;
	clear:right;
	/* background-color:#fff; */
	background:transparent url("img/bg_black.png"); 
}
#right_top{
	clear:both;
}
#left_top{
	padding:auto;
}

#cover{
	clear:both;
}
#cover h1{
	position:absolute;
	left:-3000px;
}
#subnavigation {
	padding:6px 5px 7px 20px;
}

#breadcrumbs li{
	display:block;
	padding-right:20px;
	padding-left:10px;
}
#breadcrumbs li.current{ background-image: none;}



#content{
	padding:20px 20px 5px 20px;
}

#contentindex{
	padding-top:10px;	
	padding-left:20px;
	padding-right:20px;	
	padding-bottom:10px;	
	border:1px dotted #ccc;
  border-top:none;
  border-bottom:none;
}

#content ul#level1{
	margin-left:20px;
}
#content ul#level1 li{
	padding:6px 0 6px 0;
}
#content ul#level2{
	margin-left:20px;
}
#content_home {
	padding:0;
}

.blogstat {
	margin:20px 0 20px 0;
}

#footer, #subnavigation{
	clear:both;
}

#info, #doc_stat {
	padding:10px;
}



/**********************************
************ TYPO *****************
***********************************/


body {
	 font-family: Arial, Helvetica, Sans-Serif;
	 font-size: 12px;
}

h1 { font-size: 22px; font-weight: normal; color: #666; margin-bottom: 15px; }
h2 { font-size: 18px; font-weight: normal; color: #666; margin-bottom: 15px; margin-top:20px}
h3 { font-size: 14px; font-weight: bold; color: #877A60; margin-bottom: 4px; }
h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }

h2.top{
	margin-top:0;
}

#breadcrumbs, #breadcrumbs a{
	font-size: 11px;
	text-transform:lowercase;
}


#content p, #content ul {
	margin-bottom: 15px;
}

#content p{
	line-height:16px;
}
#content li{
	line-height:12px;
}
#content ul{
	color:#A69676; margin-left: 40px; list-style-type: disc
}
#info_head{
	font-size: 11px;
	padding:7px 5px 7px 10px;
	text-transform:uppercase;
	background-color:#EAEAEA;
	line-height:18px;
}
#info, #doc_stat {
	font-size: 11px;
}

h2.top {
	margin-top: 0px;
}

#footer{
	text-align:center;
	font-size:11px;
}
#footer a{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}




/**********************************
************ COLORS ***************
***********************************/

/*
dark ockre: 877A60 (hover content nav)
ockre : A69676 (bgr sub nav)
light ockre: DBCCAD
*/


#right_below_top {background-color:#000;}
#left_below_top {background-color:#000;}
.left_headline {text-align:right;font-size:11px;padding:7px 10px 7px 10px;text-transform:uppercase;background-color:#EAEAEA;line-height:18px;}
#center_below_top {background:#000 url("img/cover_earth.gif");}
#breadcrumbs a, #footer a{ color:#828282;}
#breadcrumbs a:hover, #footer a:hover{ text-decoration:none;}
#doc_stat {	color:#999;}


#center_top{
	background:#eaeaea;
}
#content, #center_column{
	color:#333;
	background-color:#FFF;
}
#global_nav{
	background-color:#FFF;
}

#logo{
	background: url(img/logo2.gif) no-repeat -35px -15px;
}
#cover{
	background-position:bottom;
	height:120px;
}
#global_nav li, #global_nav a#search{
	background: url(img/dot.gif) 0% 45% no-repeat;
}
#breadcrumbs li{
	background: url(img/small_quote.gif) 100% 50% no-repeat;
}
#info, #doc_stat, #right_column h3{
	color:#666;
}

#footer{
	background-color:#000000;
}
#footer a{
	color:#C5B494;
}

/* BORDERS */
#container { 
border:1px solid #ccc;
/*background:transparent url("img/bg_black.png");*/
}
#center_column{
}
#content{
  border:1px dotted #ccc;
  border-top:none;
  border-bottom:none;
}
#subnavigation{
	background-color:#EAEAEA;
	line-height:19px;
	border:1px dotted #ccc;
  border-top:none;
  border-bottom:none;
}

#global_nav input{
	border:1px solid #999;
}

/**********************************
************ ELEMENTS *************
***********************************/
/* Infobar Info */
#info .post {
	background-color:#FFFFFF;
	border-bottom:1px dotted #999999;
	padding:10px 0 10px 0;
}
#info .post .date{
	color:#9F9F9F;
}
#info .post h4{
	margin:0.3em 0 0.8em;
}
#info .post h4 a{
	text-decoration:none;
	color:#BE1F24;
}
#info .post h4 a:hover{
	color:#000;
}
#info .post h4 a:hover{
	text-decoration:none;
}

#info .post a{
	text-decoration:underline;
}

#info .post .entry a{
	color:#828282;
}



/* Content Nav */

#content_nav {
	text-align:right;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica,
	  Arial, sans-serif;
	min-height:300px;
	padding-top:15px;
}
#content_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content_nav li.level1 {
	margin:8px 0 0 0;
}

#content_nav li a {
	color:#BE1F24;
	display:block;
	font-size:13px;
	margin:0;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	text-transform:uppercase;
	background:#EFEEEF url(img/bg_menue.gif) repeat-x;
	border:1px solid #C1C1C1;
	font-weight:bold;
}

html>body #content_nav li a {
	width: auto;
}

#content_nav li a:hover {
	color:#000;
	background:#D6D6D6 url(img/bg_menue_dark.gif) repeat-x;
}
#content_nav li#active a:hover {
	/* background: url(img/arrow.gif) 97% 50% no-repeat; */
}
#content_nav li.level1#active {
	/* background: url(img/arrow.gif) 97% 50% no-repeat; */
	background-color:#A69676;
	color:#000;
}
#content_nav li.level1#active a {
	color:#000;
	background:#D6D6D6 url(img/bg_menue_dark.gif) repeat-x;
}
#content_nav li.level2#active a {
	background-color:#C1C1C1;
	color:#000;
}
#content_nav li.level2 {
	border:none;
}
#content_nav li.level2 a{
	background-color:#D6D6D6;
	background-image:none;
	border-top:none;
	text-transform:none;	
}
#content_nav li.level2 a:hover, #content_nav li.level2#active a:hover{
	background-color:#C1C1C1;
}


#content_nav li.level1#lang {
	padding:5px 0 5px 0;
}

#content_nav li.level1#lang a {
	display: inline;
	white-space:nowrap;
	padding:5px 10px;
}
#content_nav li.level1#lang a:hover {
	text-decoration:underline;
	background:#EFEEEF url(img/bg_menue_dark.gif) repeat-x;
}
#content_nav li.level2 {
	margin-top:-1px;
}

/**********************************
*************  sIFR  **************
http://www.mikeindustries.com/sifr/
***********************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/**********************************
***********  COVERS  **************
***********************************/
.cover_earth {
	background: url(img/cover_earth.gif) no-repeat;
}
.cover_green {
	background: url(img/cover_green.jpg) no-repeat;
}

#myGallery {
  height:450px!important;
}
