/*willkommen fremde(r), dies ist das css von terracognita.at. autor: hartmut dumke*/
@media all {
	/*putzteufel, stellt WIRKLICH alle raender default auf 0*/ 
	* { margin:0; padding:0; font-size: 100%;}
	/*diverse schmaehs um interpretationsunterschiede der diversen browser auszubremsen
	html { height: 100% }*/ 
	html * { font-size: 100.01% }
	html {overflow-y:scroll;} /* Scrollbar immer rechts im Firefox ab 1.5 */ 
	body {
	min-height: 101%;
	
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Groesse des Browserfensters geaendert wird. */
	position: relative;	
	/*hintergrund weiss des gesamten html koerpers*/     
	background: #FFFFFF;	
	/*standardschriftstyling*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
    color: #000000;
	line-height:1.4em;
	
	/* grundositionierung zentriert (div-container)*/ 
	text-align: center;
	} 
/* standard-zeilenhoehe*/	
p, td { line-height: 1.4em;}
	
/* formate fuer up-down tool*/
.updown {text-align: left;
	padding:5% 10% 10% 10%; background:#EEEFEF;}
.grey {background:#E1E2E4; border-bottom: 1px dotted #000000; padding: 10px}
.embed {padding: 0; margin: 0; 
border: 0; width:100%; height: 700px; overflow:auto;}	
	
img {margin: 0; padding:0;}	

/* Standardlinkformate 
  a {color: #0499CC; text-decoration:none; font-weight:bold;}
  a:focus,
  a:hover,
  a:active {text-decoration:none;}
  a:visited {color: #76B3C4;}*/
  
/* gesamter seitencontainer inhaltsseiten. sehr wichtig: width: steuert gesamtbreite der content-seiten, momentan fix, koennte aber auch flexibel eingestellt werden (zb. 70% der fenterbreite) oder auf einen breiteren fixen wert*/
#pagecontainer {position:relative; width:750px; margin-right:auto; margin-left:auto; text-align:left; padding: 15px 0 15px 0; z-index:1;}

/*sprachbox oben rechts, samt linkstyling*/  	
.languages {
	display:block; 
	height: 30px;
	width:100%;
	margin:0;
	font-size: 9px;
	text-align:right;
	color: #0499CC;
	font-weight: normal;
	}
.languages a, .languages a:visited  {text-decoration: none; color:#000000;}
.languages a:hover, .languages a:active {text-decoration: none; color:#0499CC;}

.topjumper{
	display:block; 
	height: 7px;
	width:100%;
	margin:0;
	font-size: 9px;
	text-align:right;
	color: #000000;
	font-weight: normal;
	}
.topjumper a, .topjumper a:visited, .topjumper a:hover, .topjumper a:active  {text-decoration: none; color:#000000;}

/*header mit logo*/
.header {
	display:block; 
	height: 50px;
	width:100%;
	margin:0;
	}
.header img {margin: 0 0 0 210px;} /*logoausrichtung*/

/*hauptnavi-box*/
#mainnav {
	display:block;
	height: 90px;
	width:100%;
	margin:0;
	background-image: url(../elements/mainnav_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
/*hauptnavi-liste*/
#mainnav ul {
    margin:0 0 0 195px;
    padding:29px 0 0 0;
    list-style:none;
    }
#mainnav ul li,#mainnav ul li a {
	float:left;
	margin:0;
	padding:0;
	color: #FFFFFF;
	font-weight:bold;
	width: 85px; /*fixe breite eines navipunktes, kann man bei zuwachs verkleinern, 85*/
	height: 43px; /*steuert vert. lage der hg-dots, 43*/
	list-style-type: none;
	text-align:center;
	text-decoration:none;
}	
#mainnav ul li {
	background-image: url(../elements/navidot_current.gif); /*weiss-blaues punkt-bild der aktiven seite*/
	background-repeat: no-repeat;
	background-position: center bottom;}

#mainnav ul li a {
	background-image: url(../elements/navidot_a.gif); /*weisses punkt-bild eines links*/
	background-repeat: no-repeat;
	background-position: center bottom;}

#mainnav ul li a:hover {
background: none;} /*ausblenden des link-bildes, bewirkt dass beim drüberscrollen das aktiv-punkt kommt*/


	
/* tabellenhelfer*/
td, tr {vertical-align:top;
padding:0;
margin:0;}

/*vorschlag links in tabellen*/
table a, table a:link, table a:active {text-decoration:underline; font-weight: normal; color:#000000;} 
table a:hover {color: #00539C;}
.no_under {text-decoration:none;}

/*weg?*/
.indexfooter {
	font-size: 10px;
	text-align: right;
	padding: 60px 33px 0 0;
	color: #000000;}

/* weg?*/	
.indexfooter a, .indexfooter a:hover, .indexfooter a:active, .indexfooter a:visited  {text-decoration: none; color:#000000; font-weight: normal;}

/* 2 spalter startseite, linke spalte*/
.index_left {width:185px; background:#DEDFE0; padding: 0; vertical-align: top;}
/* .index_left a, .index_left a:link, .index_lefta:visited, .index_left a:hover {text-decoration: none; color: #000000; font-weight: normal;}*/
/* 2 spalter contentbereich startseite: styles rechte spalte = content-hauptspalte*/	
.index_main {
	width:auto;
	background:#EEEFEF;
	margin: 0;
	padding: 0;
}
td.index_main img,
td.log_left_dg img {
float: left;
position:relative;
bottom:0;
	margin: 0;
	padding: 0;
}


/* 2 spalter contentbereich: left, main,varianten*/	
.log_left_hg {width:185px; background:#EEEFEF; padding: 0; border-bottom: 3px solid #FFFFFF;}
.log_left_dg {width:185px; background:#DEDFE0; padding: 0; border-bottom: 3px solid #FFFFFF;}
.log_main {width:auto; background:#EEEFEF; margin: 0; padding: 10px 35px 5px 27px; border-bottom: 3px solid #FFFFFF;}
.main_slides {width:auto; background:#EEEFEF; margin: 0; padding: 0; border-bottom: 3px solid #FFFFFF;}
.log_main_first {width:auto; background:#EEEFEF; margin: 0; padding: 95px 35px 10px 27px; vertical-align: top; border-bottom: 3px solid #FFFFFF; color: #00539C; font-size:16px; font-weight: bold;}
/*.log_left_dg a, .log_left_dg a:link, .log_left_dg a:active, .log_left_dg a:hover  {text-decoration: none}*/

.justify {
	text-align: justify;
}

td.log_left_dg .p_left15_center img {  /* Ausnahme fuer Blaetterfunktion auf Projektseiten */
float: none;
margin:0 5px 0 3px;
vertical-align:middle;
}
.p_left15_center {padding: 15px 15px 5px 15px; text-align:center; font-weight: bold}
/*.p_left15_center a, p_left15_center a:hover, p_left15_center a:active, p_left15_center a:visited {text-decoration: none; colour: #000000;}*/

/*jetzt besorgen wir's noch den blaetter-pfeilchen 8-)
.p_left15_center img {
	vertical-align: middle;
	margin: 0 5px 0 3px;
}*/

/* 4 spalter team seite. achtung derzeit fixe breiten*/		
.col_1_header {width: 185px; background:#DEDFE0; height:35px; }
.col_2_header {width: 180px; background:#f8f8f8; font-weight: bold;}
.col_3_header {width: 110px; background:#DEDFE0;}
.col_4_header {background:#f8f8f8; font-weight: bold;}
.col_1_header, .col_2_header, .col_3_header, .col_4_header, {height: 35px;}

.col1_dg {background:#DEDFE0;}
.col2_hg {background:#EDEDEE;}
.col3_dg {background:#DEDFE0;}
.col4_hg {background:#EDEDEE;}

.col1_db {background:#bdd0da;}
.col2_hb {background:#d1e6f1;}
.col3_db {background:#bdd0da;}
.col4_hb {background:#d6ebf6;}

.col1_dg, .col2_hg, .col3_dg, .col4_hg, .col1_db, .col2_hb, .col3_db, .col4_db {height: auto;}
.col_2_header, .col_4_header, .col2_hg, .col4_hg, .col2_hb, .col4_hb   {padding: 12px 15px 15px 27px;}
.col1_dg img, .col3_dg img, .col1_db img, .col3_db img {
	float:right;
	height:88px;
	vertical-align:text-bottom;
	width:70px;
}



/*projektlisten-spalten*/
.col1_projlist {width: 65%; padding: 15px 20px 10px 27px;}
.col2_projlist {width: 5%; padding: 22px 20px 10px 10px;}
.col3_projlist {width: 30%;}
.col1_projlist, .col2_projlist, .col3_projlist {border-bottom: 3px solid #FFFFFF; height: auto;}

/*box mit scroll-Leiste*/
#scroller {
	overflow-y: auto;
	overflow-x: hidden;
	visibility: visible;
	height: 450px;
	width: 100%;
	float:left;
}	

/* fusszeile news-box contentseiten*/
#footer {
	display:block; 
	background:#EEEFEF;
	height: 35px;
	color: #00539C;
	font-weight:bold;
	border-top: 3px solid #FFFFFF;
	padding: 10px 10px 25px 213px;
	text-align:left;
	clear: both;}
/* footer 2, weg?*/	
#footer2 {
	display:block; 
	background:#0499CC;
	height: 10px;
	border-top: 3px solid #FFFFFF;
	text-align:left}

/* dezente impressum-home fusszeilenlinks contentseiten*/	
#footer a, #footer a:hover, #footer a:active, #footer a:visited  {text-decoration: none; color: #585858; font-weight: normal;}		

/*ueberschriftformate 1 (mit linkem einzug) und 2, weg?*/
h1 { 
		font-weight:bold; 
		font-size: 1.3em;
	}
h2 {display: block; border-bottom: 1px solid #000000;}

/*fett dunkelblau lauftext*/
.db_bold {color: #00539C; font-weight:bold;}
/*.db_bold_center {font-size: 14px; color: #00539C; font-weight:bold; margin: 20px 0 0 0;}*/

.p_left15 {
	padding: 15px 15px 5px 15px;
}
.db {color: #00539C;}

/*interne Kommentare*/
.comment {font-size: 9px; color:#CC0000;}




/*klasse fuer ueberschriftformate 1, variante ohne linkem einzug
.noleft { 
		margin: 0 0 10px 0;
	}*/	

/*text main-absatz, mit linkem einzug (wenn man bilder links einbaut)
.contentleft {margin-left: 104px;}*/

/*fett, kursiv standards*/
strong,b { font-weight: bold; }
em,i { font-style:italic; }

/*email foto bilder format - zum screenshot machen
.email {color: #004870; font-weight:bold;}*/

/*email bildformat-rand
.emailpic {margin-top: 3px;}
.emailpic_index {margin-top: 5px;}*/

/*abstaende standardabsatz*/
p {margin: 0 0 1em 0}

/*styles standard listenaufzaehlung*/
  ul, ol {margin: 0 0 1em 1em;}
  li { margin-left: 0.5em; list-style:disc;}

/*bilderausrichtungen: standard, sowie links- und rechtsbuendig*/
body img {border: 0}
img.float_left { float: left; margin: 5px 20px 10px 0; border:0; }
img.float_right { float: right; margin: 5px 0 10px 20px; border:0; }

/*automatische icon-auszeichnung externer links in der mittleren Hauptspalte, die mit http... beginnen*/
.log_main a[href^="http:"]
{
	padding-right: 12px;
	background-image: url(../elements/ext_link.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/*pdf-icon markierungsicon für dateidownloads*/
.pdf
{
	padding-left: 20px;
	background-image: url(../elements/pdficon.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/*vertikalausrichtung bei untertabellen im main-container incl. hack fuer IE 7*/
.main td, td {
	vertical-align: top; font-family: Arial, Helvetica, sans-serif;
}

/*kleiner fussnotentext*/
.subtitle {font-size: 9px; line-height:13px;}


/*snippet: text-expander-mehr für logbuch*/
a.hid {color:#000000; text-decoration:underline; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:none;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#000000; width:100%; font-style:normal; cursor:default; text-decoration:none;}


}
@media print 
{
/*druck einstellungen für druckausgabe (ausblenden, ränder...), sofern von screenausgabe abweichend*/
body {
	font-size: 10pt;
}

/*logo bzw. hintergrund kommt ohne linken einzug*/
.header {background-position: left top; padding: 0 0 20px 0;}
.header img {margin-left: 0;}

/*ausblendung der fuer den druck unwichtigen seitenelemente*/
.left, #footer, #footer2, .languages, #mainnav, .p_left15_center, .listback {display:none;}

/*umformatierung gesamte seite. bewirkt dass alle papierformate funktionieren und niemals inhalte abgeschnitten werden können*/
#pagecontainer {position:relative; width: 18cm; padding: 2cm 2cm 3cm 1cm;}

/*hintergruende weiss */
.log_left_dg, .col1_projlist, .col2_projlist, .col3_projlist, .log_left_hg, .log_main {background:#FFFFFF; border-bottom: 5px solid #FFFFFF;}

.log_left_dg {width: 160px;}
.log_main {padding: 15px 15px 15px 27px;}

.log_left_dg img, .main_slides img {width:170px; height:129px;}
.log_main_first {border-bottom: 5px solid #FFFFFF;}
#scroller {overflow: visible;
	visibility: visible;
}


}