/* TRX CSS  */

/*Allgemein Body*/

	* {
		margin: 0;
		padding: 0;
		}

	body {
		background: #999999;
		font-size: 0.625em;
		text-align: center;
		}

/*DIV´s*/
/*allgemeine DIV´*/
    div#container_rahmen {
		background: url(image/bg_streifen.jpg);
		background-repeat: repeat-x;
		width: 100%;
		height: 100%;
		}
	
	div#container1 {
		 width: 900px;
		 height: 670px;
		 margin: 15px auto 0 auto;
		 text-align: left;
		 }

	div#container1.start {
		background: url(image/bg_trx.jpg);
		}

	div#container_navi {
		 margin: 172px 0 0 118px;
		 width: 72px;
		 height: 300px;
		 float: left;
		 display: inline;
		 overflow: hidden;
		 }

	div#container_inhalttop {
		width: 550px;
		height: 350px;
		margin-top: 150px;
		overflow: hidden;
		float: left;
		}
	.nexttop {
		background: url(image/fenster_top.gif);
		}

	div#footer {
		font: 12px "times new roman", serif;
		color: #D3DCDE;
		width: 250px;
		clear: both;
		float: left;
		display: inline;
		margin: 67px 0 0 470px;
		}

	div#footer a {
		color: #3E5BD2;
		text-decoration: none;
		}
		
	div#footer a:hover {
		color: #6E88D1;
		}
		
	div#footer a.footer_aktiv, div#footer a.footer_aktiv:hover {
		color: #39466e;
		}
		
		
/*DIV´s Einzelseiten*/
	div#inhalt_head {
		width: 486px;
		height: 326px;
		margin: 11px 0 0 11px;
		overflow: hidden;
		}

	div#container_inhalt {
		width: 486px;
		height: 326px;
		overflow: auto;
		}
	
	.next {
		background: url(image/fenster1_1.jpg);
		}
		
	div.inhalt_00 {
		width: 420px;
		border: 1px solid #808689;
		background: url(image/bg_inhalt_laptop.jpg);
		margin: 12px 0 0 26px;
		}
		
	div.inhalt_01 {
		width: 420px;
		border: 1px solid #808689;
		background: url(image/bg_tab_1.jpg);
		margin: 12px 0 0 26px;
		}
		
	div.inhalt_02 {
		width: 420px;
		border: 1px solid #808689;
		background: url(image/bg_kontakt.jpg);
		margin: 12px 0 0 26px;
		}
		
	div.inhalt_03 {
		width: 420px;
		border: 1px solid #808689;
		background: url(image/bg_kontakt3.jpg);
		margin: 12px 0 0 26px;
		}
		
	div.p1 {
		margin: 15px 10px 0 20px;
		width: 440px;
		border: 1px dotted #9aa2a4;
		background-color: #e2ecee;
		}
		
	#p1_1 {
		margin-top: 25px;
		}
		
	p.inhalt, h1.inhalt {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		margin: 6px 10px 6px 10px;
		line-height: 1.6;
		}

  /*haftungsausschluss.php*/
	p.block1, p.block2 {
		margin: 5px 10px 0 10px;
		font: bold 12px "times new roman", serif;
		}
		
	p.block1 {
		margin-left: 15px;
		}
		
	p.block2 {
		font: 13px "times new roman", serif;
		}
		
	h2.inhalt_h2_bg {
		font: bold 14px "times new roman", serif;
		margin: 4px 0 4px 20px;
		}

  /*impressum.php*/
	#impressum {
		text-align: center;
		font: 14px "times new roman", serif;
		}
		
	h2.h2_imp {
		margin: 25px 0 5px 0;
		}
		
	p.p_imp {
		margin: 2px;
		}
		
  /*kontakt.php*/
	div#formular {
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		}
		
	p.inhalt_kontakt {
		font-size: 12px;
		line-height: 1.6;
		}
		
	p#p1_kontakt1 {
		margin: 10px 10px 10px 30px;
		display: inline;
		float: left;
		}
		
	p#p1_kontakt2 {
		margin: 10px 10px 10px 30px;
		float: left;
		}
		
	div#d1_kontakt1 {
		background: url(image/header_kontakt1.jpg);
		background-repeat: no-repeat;
		}
		
	div#d1_kontakt2 {
		background: url(image/header_kontakt2.jpg);
		background-repeat: no-repeat;
		}
		
	div#d1_kontakt2 {
		clear: both;
		}
		

  /*projekte.php*/
	#p1_projekt {
		background: url(image/header_projekte.jpg);
		background-repeat: no-repeat;
		margin-bottom: 10px;
		}
		
	p.inhalt_projekte {
		font: 12px "trebuchet ms", serif;
		margin: 5px 10px 5px 20px;
		}

	p.link_projekt {
		text-align: center;
		margin: 10px 3px 3px 3px;
		}
		
	.trennlinie1 {
		width: 350px;
		margin: 10px 0px 10px 63px;
		}

  /*preise.php*/
 	p.inhalt_preise {
		font: 13px "Trebuchet MS", serif;
		}
		
	div#d1_preise1 {
		background: url(image/header_preis.jpg);
		background-repeat: no-repeat;
		}
		
	p#p1_preise1, #p1_preise2 {
		width: 400px;
		margin: 12px 10px 5px 40px;
		}
		
	/*service.php*/
	div#service_p1 {
		background: url(image/header_service.jpg);
		background-repeat: no-repeat;
		}	
		
	#service_p2 {
		margin-top: 180px;
		}
		
/*Überschriften und allgemeine Absätze*/
	.hidden {
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
		
	.header {
		width: 420px;
		height: 40px;
		margin: 12px 0 0 26px;
		}
		
		
/*Listen und Links*/
	ul#navi1 {
		list-style-type: none;
		color: #E4EEF0;
		}

	ul#navi1 li {
		margin-bottom: 5px;
		}

	ul#navi1 li a {
		color: #E4EEF0;
		font: bold 1.4em "times new roman", serif;
		text-decoration: none;
		letter-spacing: 0.3px;
		}

	ul#navi1 li a:hover {
		color: #A2A9AB;
		}
		
	ul#navi1 li a.navi_aktiv, ul#navi1 li a.navi_aktiv:hover {
		color: #39466e;
		}




	ul#service_liste {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 0 0 30px;
		list-style: url(image/listenpunkt_3.gif);
		}
		
	ul#service_liste li {
		height: 1.4em;
		}

  /*impressum.php*/
	a.link_imp {
		color: #5C6061;
		}
		
	a.link_imp:hover {
		color: #030645;
		}

  /*kontakt.php*/
	a.link_kon {
		color: #5C6061;
		}
		
	a.link_kon:hover {
		color: #030645;
		}
		
  /*projekte.php*/
	a.projekt_link {
		font: 12px "times new roman", serif;
		color: #414546;
		}
		
	a.projekt_link:hover {
		color: #6E88D1;
		}
	
	
/*Tabellen*/
	table.tab_preis {
		width: 420px;
		margin: 12px 0 0 26px;
		border-collapse: collapse;
		}
		
	td.preis_links {
		width: 200px;
		}
		
	td.preis_mitte {
		text-align: right;
		}
		
	.tab_inhalt td {
		font: 11px "Courier New", Courier, monospace;
		padding: 5px 5px 5px 10px;
		background: #dce6e7 url(image/bg_tab_1.jpg);
		background-repeat: no-repeat;
		border: 1px dotted #808689;
		vertical-align: top;
		}
		
	.preis_head {
		height: 60px;
		}
		
	#preis_head_1 {
		background: url(image/preis_head_1.jpg);
		background-repeat: no-repeat;
		background-position: 0 10px;
		}
		
	#preis_head_2 {
		background: url(image/preis_head_2.jpg);
		background-repeat: no-repeat;
		background-position: 0 10px;
		}
		
	#preis_head_3 {
		background: url(image/preis_head_3.jpg);
		background-repeat: no-repeat;
		background-position: 0 10px;
		}
  /*kontaktformular allgemein*/
	.eingabe_1 {		/*Fehlerfeld für Eingabefelder*/
		width: 9px;
		background-color: transparent;
		color: red;
		font-weight: bold;
		border: none;
		}
		
	div#kon_hinweistext {
		margin: 8px 0 0 96px;
		}
		
	.kon_hinweis {
		background-color: transparent;
		width: 280px;
		border: none;
		color: red;
		}
		
	#tab_kon_1 {
		margin-top: 10px;
		border-collapse: separate;
		}

	div#kontakt_tab {
		margin: 0 0 0 20px;
		}
		
	td.td_kon_links {
		font: 13px "Trebuchet MS", serif;
		width: 80px;
		}
		
	td.td_kon_mitte {
		width: 10px;
		}
	
	td.td_kon_rechts input, textarea {
		font: 12px "Trebuchet MS", serif;
		background: url(image/input_bg.gif);
		border: 1px solid #9aa2a4;
		padding: 2px 2px 2px 4px;
		margin-bottom: 4px;
		}
		
	.pruefer {
		display: none;
		}
		
	td.td_kon_rechts input {
		width: 160px;
		}
		
	#td_kon_rechts_plz input {
		width: 80px;
		}
		
	td.td_kon_rechts input:focus, textarea:focus {
		background: url(image/input_bg1.gif);
		}
		
	#textfeld {
		vertical-align: top;
		} 
		
	div#kon_absenden {
		margin: 4px 0 0 96px;
		}
  
  /*kontaktformular prüfen*/
	.fett {
		font-weight: bold;
		}
	
	.tab_senden, div#kon_absenden_2 {
		font: 12px "Trebuchet MS", serif;
		}
		
	div#kon_absenden_2 {
		margin: 6px 0 0 163px;
		}
		
	.tab_senden {
		margin: 10px 0 0 60px;
		}
		
	.kon_send_links {
		width: 100px;
		}
		
	.kon_send_rechts {
		background-color: #e9f3f4;
		border: 1px solid #d5dfe0;
		padding: 2px 4px 2px 4px;
		width: 220px;
		}	
	
	.link_button {
		background-color: #83ff83;
		color: black;
		border: solid 1px #CCCCCC;
		padding: 3px 6px 3px 6px;
		line-height: 2;
		text-decoration: none;
		}
		
	#link_button2 {
		background-color: #fd7a7a;
		}
		
	.link_button:hover {
		border: solid 1px #525151;
		}
		
  /*kontaktformular senden*/
	.loeschen {
		clear: both;
		}
	
	#gesendet {
		color: #009900;
		}
		
	#nichtgesendet {
		color: #eb151a;
		}
		

		
/*Bilder*/
	.bild1 {
		width: 380px;
		height: 225px;
		border: 2px solid #777D7F;
		margin: 5px 0 0 45px;
		}
		
	.bild1:hover {
		border: 2px solid #414546;
		}
		


/*-------------------------------------------------------------------------------------------------------------*/