/************************************************************************/
/*HTML NORMALS*/
/************************************************************************/

body {
  margin:0px;
  background-color:#000000;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  color:#FFFFFF;
}
H1 {
  margin:0px;
  font-size:12px;
  letter-spacing:1px;
}
.hsm { font-size:9px}
H2 {
  margin:0px;
  padding:2px 0px 10px 0px;
  font-size:11px;
  font-weight:normal;
}

p {
  text-align:left;
  margin:7px 0px 7px 0px;
}
ul {
  list-style-type:square;
  text-align:left;
  margin:12px 0px 15px 15px;
  padding:0px;
  vertical-align:bottom;
}
ul#nolist {
 list-style-type:none;
 text-align:right;
}
li {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:2px 0px 5px 0px;
  padding:0px;
  line-height:14px;
}
a:link, a:visited, a:active { 				text-decoration:none;}


a:hover, a:focus {  					text-decoration:none;}

td {
  padding-bottom:13px;
  vertical-align:top;
}

hr {
  width: 100%;
  height: 1px; 
  color: #9A835F;
  background-color:#9A835F;
  border-color:#9A835F;
  background-color: grey; 
  border: 0 none;
  margin:0px;
  padding:0px;
}
.hr1 {background-color:#9A835F;}

/************************************************************************/

/************************************************************************/
/*IMAGES*/
/************************************************************************/

#ground1{			background-image:url('../img/3x_bg1.gif');}
#spalte1{			background-image:url('../img/3x_bg2.gif');}
#cright1{			background-image:url('../img/3x_motiv2.jpg');}
#cmid1{				background-image:url('../img/3x_cnt1.jpg');}

#stsel1a, #stsel2a, #stsel3a, #stsel5a { 					background-image:url('../img/3x_sdot1.gif');}
#stsel1b, #stsel2b, #stsel3b, #stsel4b, #stsel5b, #stsel4a {			background-image:url('../img/3x_sdot2.gif');}


#titimg1{  			background-image:url('../img/3x_home.gif');}
#titimg2{  			background-image:url('../img/3x_profil.gif');}
#titimg3{  			background-image:url('../img/3x_webdesign.gif');}
#titimg4{  			background-image:url('../img/3x_grafik.gif');}
#titimg5{  			background-image:url('../img/3x_portfolio.gif');}
/*#titimg6{  			background-image:url('../img/1_projekte.gif');}*/
#titimg7{  			background-image:url('../img/3x_background.gif');}
#titimg8{  			background-image:url('../img/3x_kontakt.gif');}
#titimg9{  			background-image:url('../img/3x_impressum.gif');}

#ich1{				background-image:url('../img/3x_ich1.jpg');}

.rewe0 { 			background-image:url('../img/3x_refweb0.jpg');}
.rewe1 { 			background-image:url('../img/3x_refweb1.jpg');}
.rewe2 { 			background-image:url('../img/3x_refweb2.jpg');}
.rewe3 { 			background-image:url('../img/3x_refweb3.jpg');}
.rewe4 { 			background-image:url('../img/3x_refweb4.jpg');}
.rewe5 { 			background-image:url('../img/3x_refweb5.jpg');}
.rewe6 { 			background-image:url('../img/3x_refweb6.jpg');}

.repr0 { 			background-image:url('../img/3x_refweb0.jpg');}
.repr1 { 			background-image:url('../img/3x_refpr1.jpg');}
.repr2 { 			background-image:url('../img/3x_refpr2.jpg');}
.repr3 { 			background-image:url('../img/3x_refpr3.jpg');}
.repr4 { 			background-image:url('../img/3x_refpr4.jpg');}
.repr5 { 			background-image:url('../img/3x_refpr5.jpg');}

.repd0 { 			background-image:url('../img/3x_refweb0.jpg');}
.repd1 { 			background-image:url('../img/3x_refpd1.jpg');}
.repd2 { 			background-image:url('../img/3x_refpd2.jpg');}
.repd3 { 			background-image:url('../img/3x_refpd3.jpg');}
.repd4 { 			background-image:url('../img/3x_refpd4.jpg');}
.repd5 { 			background-image:url('../img/3x_refpd5.jpg');}

.reld0 { 			background-image:url('../img/3x_refweb0.jpg');}
.reld1 { 			background-image:url('../img/3x_refld1.jpg');}
.reld2 { 			background-image:url('../img/3x_refld2.jpg');}
.reld3 { 			background-image:url('../img/3x_refld3.jpg');}
.reld4 { 			background-image:url('../img/3x_refld4.jpg');}
.reld5 { 			background-image:url('../img/3x_refld5.jpg');}

.rf_big_pd1{			background-image:url('../img/3x_refpd_g_eol.jpg');}
.rf_big_pd2{			background-image:url('../img/3x_refpd_g_qos.jpg');}
.rf_big_pd3{			background-image:url('../img/3x_refpd_g_phy.jpg');}
.rf_big_pd4{			background-image:url('../img/3x_refpd_g_vis1.jpg');}
.rf_big_pd5{			background-image:url('../img/3x_refpd_g_vis2.jpg');}

.rf_big_ld1{			background-image:url('../img/3x_refld_g_qos1.jpg');}
.rf_big_ld2{			background-image:url('../img/3x_refld_g_qos2.jpg');}
.rf_big_ld3{			background-image:url('../img/3x_refld_g_eol.jpg');}
.rf_big_ld4{			background-image:url('../img/3x_refld_g_nan.jpg');}
.rf_big_ld5{			background-image:url('../img/3x_refld_g_kht.jpg');}

/************************************************************************/

/************************************************************************/
/*FONT COLORS*/
/************************************************************************/
td, #content1,#xref1,#xref2,#xref3,#xref4,#xref5,#xref6,.xrdat{			color:#DED3CE;}
#kontakt1{									color:#8E7A5B;}
H1{										color:#E9C80A;}
H2{										color:#FFE3C4;}
li, .hell{									color:#FFFFFF;}

a:link, a:visited, a:active { 							color:#F9A776;}
a:hover, a:focus { 								color:#FFE9D8;}

a.tnav:link, a.tnav:visited, a.tnav:active { 					color:#C8A368;}
a.tnav:focus, a.tnav:hover { 							color:#ECCB97;}
a.tnav2:link, a.tnav2:visited, a.tnav2:active, a.tnav2:focus, a.tnav2:hover  { 	color:#FEEDD3;}

a.lnav:link, a.lnav:visited, a.lnav:active { 					color:#0C473F;}
a.lnav:focus, a.lnav:hover { 							color:#165A51;}

a.xh:link, a.xh:visited, a.xh:active { 						color:#C2AF8A;}
a.xh:focus, a.xh:hover {							color:#D0B670;}

.ffeld1, .farea1{	border-color:#9A835F;	background-color:#3E3F2C;	color:#DED3CE;}
.ffeld2, .farea2{	border-color:#9A835F;	background-color:#665842;	color:#FFFFFF;}

.xbut1a{		border-color:#9A835F;	background-color:#565138;	color:#9A835F;}
.xbut2a{		border-color:#9A835F;	background-color:#716739;	color:#9A835F;}
.xbut1b{		border-color:#9A835F;	background-color:#A99937;	color:#EEEEEE;}
.xbut2b{		border-color:#9A835F;	background-color:#D7BA0F;	color:#FFFFFF;}

/************************************************************************/

/************************************************************************/
/*LAYOUT CLASSES*/
/************************************************************************/

#ground1{
  position:absolute;
  width:100%;
  height:100%;
  background-position: center;
  background-repeat:repeat-x;
}
#spalte1{
  position:absolute;
  right:540px;
  width:435px;
  background-position: center;
  background-repeat:repeat-x;
  height:100%;
}

#cright1{
  position:absolute;
  top:50%;
  right:0px;
  width:540px;
  height:430px;
  margin-top:-215px;
  background-position: center;
  background-repeat:no-repeat;
}

#cmid1{
  position:absolute;
  top:50%;
  right:540px;
  width:435px;
  height:430px;
  margin-top:-215px;
  background-position: center;
  background-repeat:no-repeat;

}

#topnav2 {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-transform: uppercase;
  position:absolute;
  left:0px;
  top:0px;
  width:425px;
  text-align:justify;
  z-index:5;
}
.tnav, .tnav2 {		margin-left:10px;}



td, #content1,#xref1,#xref2,#xref3,#xref4,#xref5,#xref6,.xrdat  {
  font-size:11px;
  line-height:14px;
}

#content1 {
  position:absolute;
  left:10px;
  top:35px;
  width:415px;
  height:345px;
  z-index:6;
}

#logo1 {
  position:absolute;
  top:-5px;
  right:19px;
  width:142px;
  height:23px;
  background-image:url('../img/4x_logo2.gif');
  background-repeat:no-repeat;
}
#more1{
  position:absolute;
  left:10px;
  bottom:0px;
  width:410px;
  height:20px;
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  z-index:8;
}
#more2{
  position:absolute;
  visibility:hidden;
  right:95px;
  bottom:0px;
  height:20px;
  font-size:10px;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  color:#282F21;
  z-index:10;
}
#titimg1, #titimg2, #titimg3, #titimg4, #titimg5, #titimg6, #titimg7, #titimg8, #titimg9{
  background-repeat:no-repeat;
  position:absolute;
  width:150px;
  height:15px;
  left:5px;
  bottom:35px;
}

#kontakt1{
  position:absolute;
  bottom:5px;
  width:525px;
  height:15px;
  left:7px;
  font-size:9px;
  text-align:justify;
  text-transform:uppercase;
}

.tleft1 {
  font-weight:bold;
  width:35%;
}
#ich1 {
  position:absolute;
  right:0px;
  top:25px;
  width:110px;
  height:110px;
  background-color:#827C7B;
  background-repeat:no-repeat;
  background-position: center;
}
#line1{ 
  width:100%;
  height:1px;
  background-color:#999999;
  margin:5px 0px 5px 0px;
}

/************************************************************************/

/************************************************************************/
/*FELDER*/
/************************************************************************/

form { margin:0px;}

.ffeld1, .ffeld2, .farea1, .farea2{
	border-style:solid;
	border-width:1px;
	font-size:11px;
	line-height:13px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin-bottom:1px;
	padding-left:2px;
}
.ffeld1, .ffeld2 {
	width:200px;
}

.farea1 {
	width:403px;
	scrollbar-base-color:#3E3F2C;
	scrollbar-3dlight-color:#3E3F2C;
	scrollbar-arrow-color:#3E3F2C;
	scrollbar-darkshadow-color:#3E3F2C;
	scrollbar-face-color:#3E3F2C;
	scrollbar-highlight-color:#3E3F2C;
	scrollbar-shadow-color:#3E3F2C;
  	scrollbar-track-color:#3E3F2C;
}
.farea2 {
	width:403px;
	scrollbar-base-color:#665842;
	scrollbar-3dlight-color:#665842;
	scrollbar-arrow-color:#665842;
	scrollbar-darkshadow-color:#665842;
	scrollbar-face-color:#3E3F2C;
	scrollbar-highlight-color:#665842;
	scrollbar-shadow-color:#665842;
  	scrollbar-track-color:#665842;
}
.xbut1a, .xbut1b, .xbut2a, .xbut2b {
	cursor:pointer;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:2px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
	width:200px;
	border-style:solid;
	border-width:1px;
	margin-bottom:1px;
}

/*REFERENZEN*/

#refweb1 {
  position:absolute;
  right:0px;
  top:25px;
  width:110px;
  height:110px;
  background-color:#827C7B;
  background-repeat:no-repeat;
  background-position: center;
}

#xref1,#xref2,#xref3,#xref4,#xref5,#xref6 {
  position:absolute;
  width:410px;
  visibility:hidden;
  top:240px;
  left:10px;
  font-size:11px;
    z-index:7;
}
.xrdat {
  position:absolute;
  top:40px;
  left:275px;
  line-height:16px;
}
#refgross1 {
  position:absolute;
  width:400px;
  height:292px;
  top:70px;
  left:0px;
}

/*STYLE NAV*/

#stylenav {
  position:absolute;
  bottom:17px;
  right:80px;
  z-index:9;
}
#stsel1a, #stsel2a, #stsel3a, #stsel1b, #stsel2b, #stsel3b, #stsel4a, #stsel4b, #stsel5a, #stsel5b {
  position:absolute;
  width:7px;
  height:7px;
}
#stsel1b, #stsel2b, #stsel3b, #stsel4b, #stsel5b {visibility:hidden}

#stsel1a,#stsel1b { left:60px;}
#stsel2a,#stsel2b { left:45px;}
#stsel3a,#stsel3b { left:30px;}
#stsel4a,#stsel4b { left:15px;}
#stsel5a,#stsel5b { left:0px;}


#bspnav {
  position:absolute;
  bottom:8px;
  left:205px;
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#6A5643;
}
#langnav1 {
visibility:hidden;
  position:absolute;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-transform: uppercase;
  height:25px;
  right:0px;
  bottom:20px;
  padding:0px 10px 0px 10px;
  z-index:7;
  
}
#stinfo1 {
	position:absolute;
	visibility:hidden;
	bottom:10px;
	right:5px;
	z-index:11;
	background-image:url(../img/3_i1.gif);
	background-repeat:no-repeat;
	width:3px;
	height:7px;
}