/* CSS Document */

html {
margin:0;
padding:0;
}

body {
font-family:"Verdana", Thaoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
margin:0;
padding:0;
background-color:#f4f6f7;
background-image:url(hintergrundbilder/hintergrund.gif);
background-position:top;
background-repeat:repeat-x;
}
p {
margin:0;
padding:0;
}
h1 {
font-family:"Trebuchet MS", Arial, sans-serif;
font-size: 1.5em;
font-weight:lighter;
color:silver;
}
h3 {
font-family:"Trebuchet MS", Arial, sans-serif;
font-size: 15px;
font-weight:lighter;
color:#0b1b60;
margin:0;
margin-left:10px;
}
/*allgemeine links-------------------------------------------------*/
.home a {color:#ffffff; text-decoration:none;}
.home a:hover {color:#666666; text-decoration:none;}

.impressum a {color:#ffffff; text-decoration:none;}
.impressum a:hover {color:#666666; text-decoration:none;}

.text_link  a {color:#666666;}
.text_link  a:hover {color:#cccccc;}

.text_link1  a {color:#666666; }
.text_link1  a:hover {color:#cccccc;}

.text_link2  a {color:#666666;}
.text_link2  a:hover {color:#cccccc;}

.text_folio_1 a {color:#666666;}
.text_folio_1  a:hover {color:#cccccc;}

.kunde_rahmen a {color:#666666;}
.kunde_rahmen  a:hover {color:#cccccc;}

.uebersicht a {color:#666666;}
.uebersicht  a:hover {color:#cccccc;}

.text_impressum a {color:#666666;}
.text_impressum  a:hover {color:#cccccc;}

.text_auswerten a {color:#666666;}
.text1_auswerten  a:hover {color:#cccccc;}

/*-----------------------------------------------------------------*/
#global {
width:750px;
margin: 0 auto;
text-align:left;
}
#global_white {
width:750px;
margin: 0 auto;
text-align:left;
height:100px;
}

#banner {
float:left;
width:100%;
height:83px;
margin:0px;
padding:0px;
text-align: left;
}
#leer {
float:left;
top:165px;
left:0px;
width:200px;
height:800px;
}
#logo {
position:static;
top:0px;
margin-left:99px;
width:200px;
height:83px;
}

#top_main {
float:left;
width:750px;
height:45px;
background-image:url(navigationbilder/top.jpg);
background-repeat:no-repeat;
}
#inhalt {
float:left;
width:518px;
height:250px;
background-color:f4f6f7;
margin:0;
padding:0;
}
#unten_main {
position:absolute;
float:left;
width:750px;
height:12px;
left:200px;
top:378px;
background-image:url(navigationbilder/unten.jpg);
background-repeat:no-repeat;
}

/*--------------------------------------------------------------------------------------*/
/*Linksammlung--------------------------------------------------------------------------*/
.liste2 {
float:left;
background-image:url(hintergrundbilder/linksammlung_titel.gif);
width:750px;
height:30px;
}
.ueberschrift {
position:static;
float:left;
width:160px;
margin-right:40px;
margin-left:0;
margin-bottom:5px;
}
.ueberschrift img {
text-align:justify;
}
.ueberschrift1 {
clear:both;
position:static;
width:160px;
margin-left:0px;
margin-top:-10px;
margin-bottom:5px;
}
.ueberschrift2 {
position:static;
float:left;
margin-left:0;
margin-bottom:5px;
width:190px;
}
.text_link {
position:static;
float:left;
width:150px;
margin-bottom:5px;
margin-right:40px;
padding:3px 0 0 7px;
border-left:4px solid #CCCCCC;
border-top:1px solid #CCCCCC;
line-height:18px;
}
.text_link1 {
position:static;
float:left;
width:150px;
margin-bottom:5px;
padding:3px 0 0 7px;
border-left:4px solid #CCCCCC;
border-top:1px solid #CCCCCC;
line-height:18px;
}
.text_link2 {
position:static;
float:left;
width:170px;
margin-bottom:5px;
padding:3px 0 0 7px;
border-left:4px solid #CCCCCC;
border-top:1px solid #CCCCCC;
line-height:18px;
}
.inhalt_rahmen4 {
float:left;
width: 518px;
height:200px;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
padding:20px 10px 0 10px;
background-image:url(hintergrundbilder/hintergrund_text.gif);
background-repeat:repeat-x;
background-position:left;
}
#links_bild {
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/links.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
/*--------------------------------------------------------------------------------------*/
/*index---------------------------------------------------------------------------------*/
#inhalt_index {
position:static;
float:left;
width:750px;
height:250px;
z-index:2;
}
#ahorn{
position:absolute;
left:474px;
top:33px;
width:200px;
height:200px;
background-image:url(hintergrundbilder/ahorn.gif);
background-repeat:no-repeat;
z-index:1;
}
/*--------------------------------------------------------------------------------------*/
/*service-----------------------------------------------------------------------------*/
.liste1 {
float:left;
background-image:url(hintergrundbilder/service_titel.gif);
width:750px;
height:30px;
}
.inhalt_rahmen1 {
float:left;
width: 518px;
height:200px;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
padding:20px 10px 0 10px;
background-image:url(hintergrundbilder/hintergrund_text.gif);
background-repeat:repeat-x;
background-position:left;
}
.text {
position:static;
width:500px;
padding:0 0 0 7px;
border-left:4px solid #CCCCCC;
line-height:18px;
}
.text p {
margin-bottom:5px;
}
#service_bild {
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/service.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
#maus{
position:absolute;
left:32px;
top:158px;
width:187px;
height:136px;
background-image:url(hintergrundbilder/maus.gif);
background-repeat:no-repeat;
z-index:1;
}
/*--------------------------------------------------------------------------------------*/
/*portfolio-----------------------------------------------------------------------------*/
.liste3 {
float:left;
background-image:url(hintergrundbilder/portfolio_titel.gif);
width:750px;
height:30px;
}
.inhalt_rahmen2 {
float:left;
width: 518px;
height:200px;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
padding:20px 10px 0 10px;
background-image:url(hintergrundbilder/hintergrund_text.gif);
background-repeat:repeat-x;
background-position:left;
}
.text_folio {
position:static;
width:440px;
padding:3px 0 0 7px;
border-left:4px solid #CCCCCC;
border-top:1px solid #CCCCCC;
line-height:17px;
}
.text_folio p {
margin-bottom:5px;
}
.text_folio_1{
position:static;
width:250px;
margin-left:0px;
margin-top:22px;
margin-bottom:5px;
padding:0 0 0 7px;
border-left:4px solid #CCCCCC;
line-height:18px;
}
#portfolio_bild {
float:left;
left:787px;
width:210px;
height:220px;
background-image:url(hintergrundbilder/portfolio.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
/*--------------------------------------------------------------------------------------*/
/*impressum-----------------------------------------------------------------------------*/
.liste_impressum{
float:left;
background-image:url(hintergrundbilder/impressum_titel.gif);
width:750px;
height:30px;
}
#impressum_bild {
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/impressum.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.text_impressum {
position:static;
float:left;
width:240px;
padding:3px 0 0 7px;
margin-right:20px;
line-height:17px;
}
.text_impressum p {
margin-bottom:5px;
}
.text_impressum_fett {
font-weight:bold;
}
.copy {
position:static;
float:left;
width:200px;
padding:3px 0 0 7px;
line-height:15px;
font-size:10px;
}
.copy p {
margin-bottom:5px;
}
.copyright {
font-weight:bold;
}
.linksbeschreibung {
font-weight:bold;
}
/*--------------------------------------------------------------------------------------*/
/*absolut-----------------------------------------------------------------------------*/
.liste_absolut {
float:left;
background-image:url(hintergrundbilder/absolut-kosmetik_titel.gif);
width:750px;
height:30px;
}
#absolut {
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/absolut.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.kunde {
position:absolute;
left:220px;
width:350px;
height:180px;
background-color:#dfdbdb;
}
.kunde_rahmen { 
width: 400px;
height: 120px;
margin:10px 10px 0 10px;
padding:20px;
background-color:#dfdbdb;
}
.kunde_rahmen dl {
margin:0;
padding:0;
}
.kunde_rahmen dt{
width: 160px;
text-transform:uppercase;
float:left;
clear:left;
color:#000000;
margin:0;
padding:0;
height:18px;
}
.kunde_rahmen dd{
color:#000000;
padding:0;
margin:0;
height:18px;
}
.uebersicht {
	position:static;
	width:200px;
	margin-left:310px;
	margin-top: 5px;
}
/*--------------------------------------------------------------------------------------*/
/*absolut-coiffeur-----------------------------------------------------------------------------*/
.liste_absolut_coiffeur {
float:left;
background-image:url(hintergrundbilder/absolut-coiffeur_titel.gif);
width:750px;
height:30px;
}
/*--------------------------------------------------------------------------------------*/
/*rnperformance-----------------------------------------------------------------------------*/
.liste_rnperformance {
float:left;
background-image:url(hintergrundbilder/rnperformance_titel.gif);
width:750px;
height:30px;
}
#rnperformance {
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/rnperformance.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

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

/*turbo-twist-----------------------------------------------------------------------------*/
.liste_turbo {
float:left;
background-image:url(hintergrundbilder/turbo-twist_titel.gif);
width:750px;
height:30px;
}
#turbo {
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/turbo-twist.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.arbeit {
color:#FF0000;
}
/*--------------------------------------------------------------------------------------*/
/*luethi-----------------------------------------------------------------------------*/
.liste_luethi {
float:left;
background-image:url(hintergrundbilder/luethi_titel.gif);
width:750px;
height:30px;
}
/*--------------------------------------------------------------------------------------*/

/*support-----------------------------------------------------------------------------*/
.liste4 {
float:left;
background-image:url(hintergrundbilder/support_titel.gif);
width:750px;
height:30px;
}
.inhalt_rahmen3 {
float:left;
width: 518px;
height:200px;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
padding:20px 10px 0 10px;
background-image:url(hintergrundbilder/hintergrund_text.gif);
background-repeat:repeat-x;
background-position:left;
}
.hintergrund {
	position:static;
	background-color:#dfdbdb;
	width:480px;
	height:80px;
	padding:10px 0 0 10px;
	margin-top:15px;
}
.text_support{
position:static;
width:440px;
padding:3px 0 0 7px;
border-left:4px solid #CCCCCC;
border-top:1px solid #CCCCCC;
line-height:18px;
}
.text_support p {
margin-bottom:5px;
}
#support_bild {
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/support.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
/*--------------------------------------------------------------------------------------*/
/*kontakt-----------------------------------------------------------------------------*/
.liste5 {
float:left;
background-image:url(hintergrundbilder/kontakt_titel.gif);
width:750px;
height:30px;
}
.inhalt_rahmen5 {
float:left;
width: 518px;
height:200px;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
padding:20px 10px 0 10px;
background-image:url(hintergrundbilder/hintergrund_text.gif);
background-repeat:repeat-x;
background-position:left;
}
#kontakt_bild {
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/kontakt.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.text1 {
position:static;
clear:both;
float:left;
width:260px;
margin-right:30px;
padding:3px 0 0 7px;
border-left:4px solid #CCCCCC;
border-top:1px solid #CCCCCC;
line-height:18px;
}
.formular {
	position:static;
	float:left;
	width:200px;
	height:200px;
}
input, textarea {
margin-bottom:3px;
border:1px solid #ffae38;
background-color:#ffffff;
color:#000000;
}
.knopf {
margin-top:10px;
text-align: center;
background-color:#dfdbdb;
}
.feld {
width:200px;
text-align: left;
}
.hinweis {
position:static;
clear:both;
float:left;
width:250px;
margin-top:-45px;
color:#FF0000;
font-size:10px;
text-align:center;
}
/*--------------------------------------------------------------------------------------*/
/*kontakt antwort-----------------------------------------------------------------------------*/
.liste7 {
float:left;
background-image:url(hintergrundbilder/kontaktantwort_titel.gif);
width:750px;
height:30px;
}
.text_auswerten {
position:static;
width:400px;
padding:3px 0 0 7px;
border-left:4px solid #CCCCCC;
border-top:1px solid #CCCCCC;
line-height:18px;
}
#kontakt_bild_auswerten{
float:left;
width:210px;
height:220px;
background-image:url(hintergrundbilder/kontakt_erde_abschicken.gif);
background-repeat:no-repeat;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

/*--------------------------------------------------------------------------------------*/
/*Home und Impressum button------------------------------------------------------------*/

.home  {
	position:absolute;
	width:100px;
	height:20px;
	color:#ffffff;
	left: 820px;
	top: 68px;
}
.impressum {
position:absolute;
float:left;
width:100px;
height:20px;
left:919px;
top:68px;
color:#ffffff;
}
/*--------------------------------------------------------------------------*/


/*Navigation----------------------------------------------------------------*/
#navi {
float:left;
width:750px;
height:150px;
background-color:#f4f6f7;
margin-left:2px;
margin-top:20px;
padding:0;
}
/*link_Service-------------------------------------------------------------*/
a.top_service {
float:left;
display:block;
width:120px;
height:140px;
text-decoration:none;
background-color:#f4f6f7;
}
a.top_service:link, a.top_service:visited {
color:#FFFFFF;
background-image:url(navigationbilder/service.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a.top_service:hover, a.top_service:active {
color:#FFFFFF;
background-image:url(navigationbilder/service_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}

a#service {
left:0px;
margin-top:10px;
margin-right:36.5px;
}
a#service_1 {
left:0px;
margin-top:10px;
margin-right:36.5px;
background-image:url(navigationbilder/service_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
/*------------------------------------------------------------------------*/
/*link_Portfolio----------------------------------------------------------*/
a.top_portfolio {
float:left;
display:block;
width:120px;
height:140px;
text-decoration:none;
background-color:#f4f6f7;
}
a.top_portfolio:link, a.top_portfolio:visited {
color:#FFFFFF;
background-image:url(navigationbilder/portfolio.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a.top_portfolio:hover, a.top_portfolio:active {
color:#FFFFFF;
background-image:url(navigationbilder/portfolio_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a#portfolio {
left:0px;
margin-top:10px;
margin-right:36.5px;
}
a#portfolio_1 {
left:0px;
margin-top:10px;
margin-right:36.5px;
background-image:url(navigationbilder/portfolio_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
/*--------------------------------------------------------------------------*/
/*link_Support----------------------------------------------------------*/
a.top_support {
float:left;
display:block;
width:120px;
height:140px;
text-decoration:none;
background-color:#f4f6f7;
}
a.top_support:link, a.top_support:visited {
color:#FFFFFF;
background-image:url(navigationbilder/support.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a.top_support:hover, a.top_support:active {
color:#FFFFFF;
background-image:url(navigationbilder/support_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a#support {
left:0px;
margin-top:10px;
margin-right:36.5px;
}
a#support_1 {
left:0px;
margin-top:10px;
margin-right:36.5px;
background-image:url(navigationbilder/support_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
/*--------------------------------------------------------------------------*/
/*link_link----------------------------------------------------------*/
a.top_link {
float:left;
display:block;
width:120px;
height:140px;
text-decoration:none;
background-color:#f4f6f7;
}
a.top_link:link, a.top_link:visited {
color:#FFFFFF;
background-image:url(navigationbilder/links.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a.top_link:hover, a.top_link:active {
color:#FFFFFF;
background-image:url(navigationbilder/links_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a#link {
left:0px;
margin-top:10px;
margin-right:36.5px;
}
a#link_1 {
left:0px;
margin-top:10px;
margin-right:36.5px;
background-image:url(navigationbilder/links_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
/*----------------------------------------------------------------------*/
/*link_kontakt----------------------------------------------------------*/
a.top_kontakt {
float:left;
display:block;
width:120px;
height:140px;
text-decoration:none;
background-color:#f4f6f7;
}
a.top_kontakt:link, a.top_kontakt:visited {
color:#FFFFFF;
background-image:url(navigationbilder/kontakt.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a.top_kontakt:hover, a.top_kontakt:active {
color:#FFFFFF;
background-image:url(navigationbilder/kontakt_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
a#kontakt {
left:0px;
margin-top:10px;
}
a#kontakt_1 {
left:0px;
margin-top:10px;
background-image:url(navigationbilder/kontakt_aktiv.jpg);
background-repeat:no-repeat;
background-color:#f4f6f7;
}
/*--------------------------------------------------------------------------*/
/*fusszeile-----------------------------------------------------------------------------*/
#linie_unten {
float:left;
width:740px;
height:30px;
text-align:right;
font-size:10px;
color:#CCCCCC;
margin-top:50px;
padding:0 0 0 10px;
}