h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,a,img,form,input {
margin: 0px;
padding: 0px;
}

body{
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	font-size:12px;
	line-height:20px;
	text-align:justify;	
}

a {
	text-decoration: none;
}

a span {
	display: none;
}

a img {
	border: 0px;
}

ul li {
float: left;
list-style: none;
}

#page {
	position: relative;
	width: 783px;
	margin: 0px auto;
	padding: 0px 0px 0px 20px;
}

#header {
	position:absolute;
	top: 0px;
	left: 20px;
	width: 780px;
	height: 234px;
}

#header #logo {
	float: left;
	width: 780px;
	height: 150px;
	margin: 7px 0px 0px 0px;
	background: url(images/head.jpg) no-repeat;
}


#header ul#Nav1 li a.NoLi{
	background: none;
}

#header ul#Nav1 li a:hover.NoLi{
	background: none;
}

#header ul#Nav1{
	float:right;
	width:191px;
	margin:-1px 0px 0px 0px;
}

#header ul#Nav1 li a{
	padding:0px 0px 0px 15px;
	color:#AAAAAA;
	font-size:11px;	
	font-weight:bold;
	background: url(images/nav1_trenner.gif) no-repeat -1px 3px;
}

#header ul#Nav1 li a:hover{
	color: #80ACD1;
	background: url(images/nav1_trenner.gif) no-repeat -1px 3px;
}

#header ul#Nav2{
	float:left;
	width:780px;
	margin:20px 0px 0px 0px;
}

#header ul#Nav2 li a{
	padding:3px 22px 0px 6px;
	color:#666666;
	font-size:12px;	
	font-weight:bold;
	background: url(images/buttonback.jpg) no-repeat 0px 0px;
}

#header ul#Nav2 li a:hover{
	color: #80ACD1;
	background: url(images/buttonback.jpg) no-repeat 0px 0px;
}

ul#sidebar {
	position:absolute;
	top: 234px;
	left: 20px;
	width: 220px;
	height: 400px;
}

ul#sidebar li a#callback{
	float: left;
	width: 200px;
	height: 73px;
	padding: 0px 0px 8px 0px;
	background: url(images/callback.jpg) no-repeat;
}

ul#sidebar li a#mailus{
	float: left;
	width: 200px;
	height: 73px;
	padding: 0px 0px 8px 0px;
	background: url(images/mailus.jpg) no-repeat;
}

ul#sidebar li a#tv{
	float: left;
	width: 200px;
	height: 73px;
	padding: 0px 0px 8px 0px;
	background: url(images/tv.jpg) no-repeat;
}

ul#sidebar li a#haarrechner{
	float: left;
	width: 200px;
	height: 73px;
	padding: 0px 0px 8px 0px;
	background: url(images/haarrechner.jpg) no-repeat;
}

#text {	
	float: left;
	width: 560px;
	padding: 234px 0px 0px 220px;
}

#text p{	
	width: auto;
	padding:0px 0px 20px 0px;
}

#text p strong{	
	font-weight: bold;
}

#text a img{
	float:right;
	width: 214px;
	height:178px;
}

#text a#link{	
	font-size:12px;
	color: #3333FF;
	text-decoration:underline;
}

h1 {	
	float: left;
	width: 560px;
	padding:0px 0px 10px 0px;
	font-size:18px;
	font-weight: bold;
	color: #608CB1;
}


h2 a {	
	float: left;
	width: 560px;
	padding:0px 0px 20px 0px;
	font-weight: bold;
	font-size:12px;
	color: #000000;
}

ul#footer {
	float: left;
	width: 780px;
	height: 30px;
	padding:30px 0px 15px 0px;
	text-align:center;
	line-height:15px;
	background: url(images/footer.gif) no-repeat;
}

ul#footer li{
	float:none;
	display:inline;
}

ul#footer li a{
	padding:0px 0px 0px 15px;
	color:#AAAAAA;
	font-size:11px;	
	font-weight:normal;
	background: url(images/nav1_trenner.gif) no-repeat -2px 3px;
}

ul#footer li a:hover{
	color: #80ACD1;
	background: url(images/nav1_trenner.gif) no-repeat -2px 3px;
}

ul#footer li a.NoLi{
	background: none;
}

ul#footer li a:hover.NoLi{
	background: none;
	}