/*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% }
	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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
    color: #000000;
	line-height:1.6em;
	
	/* grundositionierung zentriert (div-container)*/ 
	text-align: center;
	} 

/* Standardlinkformate*/ 
  a {color: #004870; text-decoration:underline; font-weight:bold;}
  a:focus,
  a:hover,
  a:active {text-decoration:none;}
  a:visited {color: #585858;}
  	
/* header*/
.header {
	display:block; 
	height: 50px;
	width:100%;
	margin:0;}
.header img {margin-left: 18px;}	
	
/* tabellenhelfer*/
td, tr {vertical-align:top;}

	
/* gesamter seitencontainer inhaltsseiten. sehr wichtig: width:700px 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:700px; margin-right:auto; margin-left:auto; text-align:left; padding: 55px 0 15px 0; z-index:1;}

/* gesamter seitencontainer fuer startseite index.html*/
#index {position:relative; width:701px; margin-right:auto; margin-left:auto; text-align:left; padding: 65px 0 0 0;}

/* index seite in varinate schriftsatz*/
#index_letter {position:relative; top:65px; width:700px; height:425px; margin-right:auto; margin-left:auto; text-align:left; padding: 0 0 0 0; background-image: url(../elements/index_bg_solo.jpg);
	background-repeat: no-repeat;
	background-position: left top; margin-right:auto; margin-left:auto;}
	
/* formate schriftsatz-startseite*/

/*alle basisstylings startseite*/
.indexnavi, .indexbuero, .indexadresse, .indexteam {font-size: 12px; line-height:22px; font-weight: bold;}
/*startseitennavi mit links stets weiss*/	
.indexnavi {color: #FFFFFF; width: 143px; padding: 258px 0 0 26px}
.indexnavi a, .indexadresse a, .indexteam a {text-decoration: none; color:#FFFFFF;}
.indexnavi a:hover, .indexnavi a:active, .indexnavi a:visited, .indexadresse a:hover, .indexadresse a:active, .indexadresse a:visited, .indexteam a:hover, .indexteam a:active, .indexteam a:visited {color:#FFFFFF;}

/*buerotitel, dunkelblaue schrift*/		
.indexbuero {color: #07002B; width: auto; padding: 120px 0 0 133px}
/*bueroadresse, weisse schrift*/	
.indexadresse {color: #FFFFFF; width: auto; padding: 32px 0 0 133px}
/*teamnamen, weisse schrift*/
.indexteam {color: #FFFFFF; width: auto; padding: 23px 0 0 57px}
/*startseiten-fusszeile samt links*/
.indexfooter {
	font-size: 10px;
	text-align: right;
	padding: 60px 33px 0 0;
	color: #000000;}

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

/* 2 spalter im contentbereich: linke spalte. sehr wichtig: 1. wer bei padding '300' stellt oberkante des naviquadrats ein! wenn weitere navipunkte dazukommen, diesen wert nach wunsch verringern, sonst fluppt die navi zu weit nach unten*/
.left {width:143px; background:#FFFFFF; padding: 300px 0 0 0; vertical-align: top; 
	background-image: url(../elements/corner_lefttop_navi.jpg);
	background-repeat: no-repeat;
	background-position: right top; margin: 0; border:0;}
	
/* linke haupt-navigation mit liste*/	
#nav {background: #66B821; color:#FFFFFF;}
#nav ul li {list-style: none; /* schaltet aufzaehlungszeichen fuer navi-liste ab */
    display:block;
	font-size:13px;
	font-weight: bold;
	line-height:22px;}

/* style fuer aktiven navipunkt 'hier bin ich gerade'*/		
.navicurrent {color: #000000;}	

/*navi-linkformate standard weiss, besucht weiss, drueberscrollen u. andere schwarz*/	
#nav ul li a {text-decoration: none; color:#FFFFFF;}
#nav ul li a:visited  {color:#FFFFFF;}
#nav ul li a:hover, #nav ul li a:active  {color:#000000;}

/* 2 spalter contentbereich: styles rechte spalte = content-hauptspalte*/	
.main {width:auto; background:#E1E2E4; padding: 33px; vertical-align: top; 
	background-image: url(../elements/corner_righttop.jpg);
	background-repeat: no-repeat;
	background-position: right top; margin: 0; border:0;}

/* grautestreihe*/	
.main_greytesta	{width:auto; background:#C9C9C9; padding: 33px; vertical-align: top; 
	background-image: url(../elements/corner_righttop.jpg);
	background-repeat: no-repeat;
	background-position: right top; margin: 0; border:0;}

/* referenzen-button, derzeit ausser betrieb*/
#ref_button {
	position: absolute;
	left: 68%;
	top: 57px;
	background-color: transparent;
	height: 90px;
	width: 90px;
	z-index:2;
}	
	

/* fusszeile contentseiten*/
#footer {
	display:block; 
	background:#E1E2E4;
	background-image: url(../elements/corner_rightbottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 10px;
	height: 33px;
	border-left: 110px solid #FFFFFF;
	text-align:right;
	padding: 0 33px 0 0;
	color: #585858;}

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

/* linkes unteres graues eck-kasterl*/	
#leftbot {
	background-image: url(../elements/corner_leftbottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 33px;
	width:33px;
    float: left;
}
	
/*ueberschriftformate 1 (mit linkem einzug) und 2*/
h1 { 
		font-weight:bold; 
		font-size: 1.3em;
		margin: 0 0 10px 104px;
	}
h2 {display: block; border-bottom: 1px solid #000000;}

/*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*/
.main a[href^="http:"], #container a[href^="https:"]
{
	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: Verdana, Arial, Helvetica, sans-serif;
}

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

/*format für interne kommentare*/
.comment
{
	font-style: italic;
	color: #FF00FF;
}
}
@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;}
.header img {margin-left: 0;}

/*ausblendung der fuer den druck unwichtigen seitenelemente: navi-spalte, fusszeile*/
.left, #footer, #leftbot {display:none;}

/*umformatierung gesamte seite. bewirkt dass alle papierformate funktionieren und niemals inhalte abgeschnitten werden können*/
#pagecontainer {position:relative; width: 100%; padding: 20px 25px 25px 20px;}

/*main-hauptspalte: hintergrund weiss */
.main {background:#FFFFFF; padding: 15pt 30pt 0 0;}
}