/**************************************************************/

   
   /*Custom stylesheet for TEKUWA site*/


/**************************************************************/
* {
margin: 0;
/*text-align: center;*/
padding: 0;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
.wrapper {
	position: absolute;
	left: 5px;
	top: 0px;
	background-color: #FFFFFF;
	width: 980px;
	padding-bottom: 100px;
	min-height: 470px;
}
.clear {
		clear: both;
	}
.red {
	color: #FF6666;
	}
.litered {
	color: #FF3366;
	}
.contentlinkred {
	color: #CC0033;
	}
.darkred {
	color: #990000;
}
/*.produkte_col_r a {
	text-decoration: none;
	background-color: transparent;
	color: #FFFFFF;
}
.produkte_col_r a:hover {
	color: #FF6565;
	font-weight: bold;
}
.col_r {
	position: relative;
	background-color: #010000;
	text-align: left;
	width: 180px;
	height: 85%;
	float: right;
	background-image: url(../img/bg_col_r.jpg);
	background-repeat: no-repeat;
}
.produkte_col_r {
	position: relative;
	top: 10%;
	left: 10px;
	width: 135px;
	min-height: 60%;
	border: 1px dotted #333;
	margin-top: 10px;
	padding: 10px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 20px;
	background: rgba(0, 0, 0, 0.5);
	/*background-color: transparent;*/
	/*opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
}*/
.topnav_complete {
	position: absolute;
	top: 120px;
	width: 980px;
	height: 40px;
	background: url(../img/navi_bg.png);
	background-repeat: repeat-x;
	z-index: 2;
}
* html .topnav_complete {
	position: absolute;
	top: 120px;
	width: 980px;
	height: 40px;
	background: url(../img/navi_bg.jpg);
	background-repeat: repeat-x;
	z-index: 2;
}
.topnav_complete span {
	position: absolute;
	top: 5px;
}
.topnav_complete span {
	margin-left: 10px;
	margin-top: 9px;
}
.topnav_complete a {
	text-decoration: none;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 14px;
}
.topnav_complete a:hover {
	text-decoration: underline;
}
.spacer_nav2content {
	position: absolute;
	left: 0px;
	top: 160px;
	background: url(../img/nav2con.jpg);
	background-repeat: repeat-x;
	width: 980px;
	visibility: hidden;
}
.content {
	position: relative;
	top: 60px;
	left: 30px;
	background-color: #EEE;
	width: 594px;
	border: 1px dashed #333333;
	font-size: 14px;
	padding: 20px;
}
.content a {
	text-decoration: none;
	color: #CC0033;
}
.content a:hover {
	text-decoration: underline;
	color: #FF3366;
}
.content h1 {
	color: #990000;
	font-size: 11px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 10px;
  	margin: 0 0px 8px;
  	height: 10px;  
}
* html .content h1 {
	color: #990000;
	font-size: 11px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 10px;
  	margin: 0 0px 0px;
  	height: 10px;  
}
/*.topnav_whitebar {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 7px;
	width: 800px;
	z-index: -1;
	background-color: #FFFFFF;
	visibility: hidden;
}
.topnav_blackbar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 33px;
	width: 800px;
	z-index: 0;
	background-color: #FF0000;
	visibility: hidden;
}*/
/*.content {
	position: relative;
	padding: 20px;
	color: #000;
	font-size: 14px;
	top: 10%;
	left: 0px;
	width: 700px;
	min-height: 56%;
	background-color: #EEEEEE;
	/*border: 1px dashed #333333;
	border: 30px solid #FFF;
	border-bottom: 70px solid #FFF;
	border-top: 0px;
}*/
/*.content_footer {
	position: absolute;
	width: 742px;
	left: 20px;
	bottom: -16%;
	font-size: 9px;
	color: #666;
	background-color: #FFFFFF;
	line-height: 12px;
}
.dashedBorder_content {
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 0px;
	display: block;
	width: 734px;
	height: 98%;
	border: 1px dashed #333333;
	background-color: transparent;
	z-index: 2;
}*/
.scrolltext {
	position: absolute;
	display: block;
	background-color: #010000;
	width: 240px;
	left: 690px;
	top: 14px;
	font-size: 14px;
}
.scrolltext a {
	text-decoration: none;
	color: #CC0033;
}
.scrolltext a:hover {
	text-decoration: underline;
	color: #FF3366;
}
.rightcolumn {
	display: block;
	position: absolute;
	z-index: 0;
	right: 0px;
	top: 120px;
	width: 180px;
	height: 95%;
	background-image: url(../img/bg_col_r.jpg);
	background-repeat: no-repeat;
	background-color: #010000;
}
.rotationbox {
	display: block;
	position: relative;
	z-index: 0;
	left: 9px;
	top: 9px;
	width: 180px;
	height: 180px;
	background-image: url(../img/50percentBlack.png);
}
.boxcontent {
	position: absolute;
	background-image: url(../img/50percentBlack.png);
	z-index: 2;
	border: 1px dashed #666666;
	width: 130px;
	padding: 15px;
	padding-bottom: 25px;
	left: 0px;
	font-size: 10px;
	color: #CCC;
	line-height: 1.5em;
}
.columncontent {
	position: relative;
	background-color: #eee;
	z-index: 2;
	border: 1px solid #CCC;
	width: 130px;
	padding: 15px;
	padding-bottom: 25px;
	margin-top: 62px;
	margin-left: 9px;
	font-size: 10px;
	color: #000;
	line-height: 1.5em;
}
.columncontent a {
	text-decoration: none;
	color: #CC0033;
}
.columncontent a:hover {
	text-decoration: underline;
	color: #FF3366;
}
* html .rightcolumn {
	display: block;
	position: absolute;
	z-index: 0;
	right: 0px;
	top: 120px;
	width: 180px;
	height: 500px;
	background-image: url(../img/bg_col_r.jpg);
	background-repeat: no-repeat;
	background-color: #010000;
}

/*///////////////////////////////////////////// MOUSEOVER Start /////////////////////////////////////////////*/
.btn_rechts {
	display: block;
	width: 10px;
	height: 40px;
	position: absolute;
	left: 646px;
	background: url(../img/service.jpg);
	background-position: 76px 0;
}
.btn_rechts2 {
	display: block;
	width: 5px;
	height: 40px;
	position: absolute;
	left: 666px;
	background-color: #FFFFFF;
}
/*//////////////////// ***ICONS*** ////////////////////////*/
#ICONzufuehren {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONzufuehren.jpg);
	background-repeat: no-repeat;
	background-position: 0 -120px;
}
#ICONzufuehren:hover {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONzufuehren.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#ICONablaengen {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONablaengen.jpg);
	background-repeat: no-repeat;
	background-position: 0 -120px;
}
#ICONablaengen:hover {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONablaengen.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#ICONabisolieren {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONabisolieren.jpg);
	background-repeat: no-repeat;
	background-position: 0 -120px;
}
#ICONabisolieren:hover {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONabisolieren.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#ICONaufwickeln {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONaufwickeln.jpg);
	background-repeat: no-repeat;
	background-position: 0 -120px;
}
#ICONaufwickeln:hover {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONaufwickeln.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#ICONablegen {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONablegen.jpg);
	background-repeat: no-repeat;
	background-position: 0 -120px;
}
#ICONablegen:hover {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONablegen.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#ICONzubehoer {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONzubehoer.jpg);
	background-repeat: no-repeat;
	background-position: 0 -120px;
}
#ICONzubehoer:hover {
	display: block;
	width: 190px;
	height: 120px;
	background-image: url(../img/2ICONzubehoer.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
/*////////////////////////////////////////////*/
.btn_start {
position: absolute;
left: 20px;
}
#start_mo
{
	display: block;
	width: 60px;
	height: 40px;
	background-image: url(../img/start.jpg);
	background-repeat: no-repeat;
  	cursor: pointer;
}
#start_moselected
{
	display: block;
	width: 60px;
	height: 40px;
	background-image: url(../img/start.jpg);
	background-repeat: no-repeat;
    text-decoration: none;
	color: #FF6666;
  	cursor: pointer;
}
#start_mo:hover
{ 
  background-position: 0 -40px;
}
/*////////////////////////////////////////////*/
.btn_firma {
position: absolute;
left: 80px;
}
#firma_mo
{
	display: block;
	width: 65px;
	height: 40px;
	background-image: url(../img/firma.jpg);
	background-repeat: no-repeat;
  	cursor: pointer;
}

#firma_moselected
{
	display: block;
	width: 65px;
	height: 40px;
	background-image: url(../img/firma.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF6666;
  	cursor: pointer;
}

#firma_mo:hover
{ 
  background-position: 0 -40px;
}

/*////////////////////////////////////////////*/
.btn_produkte {
position: absolute;
left: 145px;
}
#produkte_mo
{
	display: block;
	width: 88px;
	height: 40px;
	background-image: url(../img/produkte.jpg);
	background-repeat: no-repeat;
  	cursor: pointer;	
}

#produkte_moselected
{
	display: block;
	width: 88px;
	height: 40px;
	background-image: url(../img/produkte.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF6666;
  	cursor: pointer;
}

#produkte_mo:hover
{ 
  background-position: 0 -40px;
}

/*////////////////////////////////////////////*/
.btn_rechtliches {
position: absolute;
left: 545px;
}
#recht_mo
{
	display: block;
	width: 101px;
	height: 40px;
	background-image: url(../img/recht.jpg);
	background-repeat: no-repeat;
  	cursor: pointer;
}
#recht_moselected
{
	display: block;
	width: 101px;
	height: 40px;
	background-image: url(../img/recht.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF6666;
  	cursor: pointer;
}

#recht_mo:hover
{ 
  background-position: 0 -40px;
}

/*////////////////////////////////////////////*/
.btn_service {
position: absolute;
left: 233px;
}
#service_mo
{
	display: block;
	width: 75px;
	height: 40px;
	background-image: url(../img/service.jpg);
	background-repeat: no-repeat;
  	cursor: pointer;
}
#service_moselected
{
	display: block;
	width: 75px;
	height: 40px;
	background-image: url(../img/service.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF6666;
  	cursor: pointer;
}
#service_mo:hover
{ 
  background-position: 0 -40px;
}


/*////////////////////////////////////////////*/
.btn_vertrieb {
position: absolute;
left: 308px;
}
#vertrieb_mo
{
	display: block;
	width: 79px;
	height: 40px;
	background-image: url(../img/vertrieb.jpg);
	background-repeat: no-repeat;
  	cursor: pointer;	
}
#vertrieb_moselected
{
	display: block;
	width: 79px;
	height: 40px;
	background-image: url(../img/vertrieb.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF6666;
  	cursor: pointer;
}
#vertrieb_mo:hover
{ 
  background-position: 0 -40px;
}


/*////////////////////////////////////////////*/
.btn_weg {
position: absolute;
left: 466px;
}
#weg_mo
{
	display: block;
	width: 79px;
	height: 40px;
	background-image: url(../img/vertrieb.jpg);
	background-repeat: no-repeat;
  	cursor: pointer;
}
#weg_moselected
{
	display: block;
	width: 79px;
	height: 40px;
	background-image: url(../img/vertrieb.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF6666;
  	cursor: pointer;
}

#weg_mo:hover
{ 
  background-position: 0 -40px;
}


/*////////////////////////////////////////////*/
.btn_stelle {
position: absolute;
left: 387px;
}
#kontakt_mo
{
	display: block;
	width: 97px;
	height: 40px;
	background-image: url(../img/vertrieb.jpg);
	background-repeat: no-repeat;
  	cursor: pointer;
}
#kontakt_moselected
{
	display: block;
	width: 97px;
	height: 40px;
	background-image: url(../img/vertrieb.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FF6666;
  	cursor: pointer;
}

#kontakt_mo:hover
{ 
  background-position: 0 -40px;
}



/*////////////////////////////////////////////*/

/*////////////////////////////////////////////// MOUSEOVER Ende ///////////////////////////////////////////////////////////*/

