body {
	margin: 0px;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #cccccc;
	text-align: center;
}

#outerwrapper {
	margin: 0px auto;
	width: 980px;
	height: 599px;
	background-color: green;
	text-align: left;
}

#cwrapper {
	/*margin-top: 0px;
	margin-left: auto; */
	position: absolute; 
	width: 980px;
	height: 599px;
	/* text-align: left;*/
	/* min-width: 800px; */
	background-color: #fff;
}

#topzeile {
	background-image:url(/files/verlaeng.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 105px;
}

#topbanner {
	color: #f0f0f0;
	background-image:url(/files/bannerlinks.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 800px;
	height: 105px;
	top: 0;
	left: 0;
}

#toppeople {
	/* background-image:url(/files/leute.jpg); */
	background-image:url(/files/verlaeng.jpg);
	background-repeat: repeat-x;
	position: absolute;
	top: 0px;
	right: 10px;
	width: 188px;
	height: 105px;
	background-color: #f0f0f0;
}

div#topbutton {
	position: absolute;
	top: 0px;
	right: 10px;
}


#cleft {
	background-image:url(/files/cleft_300_494.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 494px;
	float: left;
}

#ccenter {
	position: absolute;
	left: 300px;
	top: 116px;
	/*
	color: #00ff00;
	background-color: #f0f0f0; */
	width: 514px;
	height: 484px;
	margin: 0;
	padding: 0;
	/*
	margin-left: 292px;
	margin-right: 170px;
	margin-top: 10px;
	*/
	/* background-color: red; */
}

#footer {
	position: absolute;
	top: 603px;
	left: 100px;
	font-size: 8px;
	clear: both;
}

#cright {
	position: absolute;
	right: 0px;
	top: 116px;
	border-width: 2px;
	border-color: rgb(35,90,166);
	border-style: solid;
	margin: 0px;
	/* margin-top: 11px; */
	padding: 0px;
	height: 480px;
	width: 157px;
	color: #000000;
	font-size: 12px;
	/* float: right; */
	overflow: hidden;
}

#cright div.angebot {
	margin: 5px;
	font-size: 11px;
}

#cright div.angebot {
	margin: 0;
	padding: 0;
}

#cright div.bildangebot img {
	width: 157px;
	height: 460px;
}

#titelright {
	background-color: rgb(35,90,166);
	width: 157px; 
	height: 24px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}


#cotto {
	background-image:url(otto_und_kurve_175_494.png);
	background-repeat: no-repeat;
	margin-top: -322px;
	margin-left: 109px;
	width: 175px;
	height: 494px;
}

#titelmenu {
	background: transparent;
	color: #ffffff;
	height: 21px;
	position: absolute;
	top: 1px;
	width: 500px;
	left: 367px;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	/* background-color: #f0e0a0;   */
}


#cleft ul {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	font-weight: bold;
}


#cleft li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


#cleft li a {
	display: block;
	color: #fff;
	height: 21px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 21px;
	padding-left: 20px;
}

#cleft li a#button1, #cleft li a#button1sel {
	width: 218px;
	height: 37px;
	margin-left: 0px;
	margin-top: 4px;
	line-height: 37px;
}

#cleft li a#button2, #cleft li a#button2sel {
	width: 189px;
	height: 35px;
	margin-left: 0px;
	margin-top: 4px;
	line-height: 35px;
}

#cleft li a#button3, #cleft li a#button3sel {
	width: 171px;
	height: 36px;
	margin-left: 0px;
	margin-top: 2px;
	line-height: 36px;
}

#cleft li a#button4, #cleft li a#button4sel {
	width: 147px;
	height: 34px;
	margin-left: 0px;
	margin-top: 2px;
	line-height: 34px;
}


#cleft li a#button5, #cleft li a#button5sel {
	width: 135px;
	height: 38px;
	margin-left: 0px;
	margin-top: 2px;
	line-height: 38px;
}


#cleft li a#button6, #cleft li a#button6sel {
	width: 120px;
	height: 36px;
	margin-left: 0px;
	margin-top: 18px;
	line-height: 36px;
}

#cleft li a#button7, #cleft li a#button7sel {
	width: 120px;
	height: 37px;
	margin-left: 0px;
	margin-top: 2px;
	line-height: 37px;
}

#cleft li a#button8, #cleft li a#button8sel {
	width: 121px;
	height: 37px;
	margin-left: 0px;
	margin-top: 2px;
	line-height: 37px;
}


#cleft li a:hover, #cleft li a.selected {
	color: #fff;
	text-decoration: none;
}

#cleft li a:hover {
	color: #000;
}

#cleft li a#button1:hover, #cleft li a#button1sel {
	background: url(/files/button-1.jpg) no-repeat left;
}

#cleft li a#button2:hover, #cleft li a#button2sel {
	background: url(/files/button-2.jpg) no-repeat left;
}

#cleft li a#button3:hover, #cleft li a#button3sel {
	background: url(/files/button-3.jpg) no-repeat left;
}

#cleft li a#button4:hover, #cleft li a#button4sel {
	background: url(/files/button-4.jpg) no-repeat left;
}

#cleft li a#button5:hover, #cleft li a#button5sel {
	background: url(/files/button-5.jpg) no-repeat left;
}

#cleft li a#button6:hover, #cleft li a#button6sel {
	background: url(/files/button-6.jpg) no-repeat left;
}

#cleft li a#button7:hover, #cleft li a#button7sel {
	background: url(/files/button-7.jpg) no-repeat left;
}

#cleft li a#button8:hover, #cleft li a#button8sel {
	background: url(/files/button-8.jpg) no-repeat left;
}


a.toplink {
        color:#ffffff;
        text-decoration: none;
	display: block;
	float: left;
	margin-right: 24px;
}

a.toplink:hover {
        color:#000000; 
        text-decoration: none;
}
/*
.toplink {
	color: #ffffff;
	text-decoration: none;
	display: inline;
}
*/
.content {
/*	background-color: green;*/
}

.content h2 {
	color: rgb(233,113,24);
	font-size: 24px;
	font-weight: bold;
	margin-top: 0px;
}


.content h3 {
	margin-bottom: 5px;
	padding-bottom:0px;
	font-size: 14px;
}

.content h4 {
	margin-top: 0px;
	padding-top:0px;
	font-size: 14px;
}

.content a {
	color: rgb(233,113,24);
	text-decoration: none;
}

.content a:hover {
	color: #000000;
	text-decoration: underline;
}

div#buttonlinks {
	width: 513px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 10px;
}

div#buttonlinks ul {
	width: 513px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

div#buttonlinks li {
	/* display: inline; */
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 72px;
	height: 35px;
	list-style: none;
	overflow: hidden;
	float: left;
}

div#buttonlinks img, div#buttonlinks a {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 72px;
	height: 35px;
}

div#buttonlinks a#bulo1 { background-image: url(/files/TV.jpg); }
div#buttonlinks a#bulo2 { background-image: url(/files/Loewe.jpg); }
div#buttonlinks a#bulo3 { background-image: url(/files/Bose.jpg); }
div#buttonlinks a#bulo4 { background-image: url(/files/HiFi.jpg); }
div#buttonlinks a#bulo5 { background-image: url(/files/Solo.jpg); }
div#buttonlinks a#bulo6 { background-image: url(/files/Einbau.jpg); }
div#buttonlinks a#bulo7 { background-image: url(/files/Kueche.jpg); }

div#buttonlinks a#bulo1_active { background-image: url(/files/TV_over.jpg); }
div#buttonlinks a#bulo2_active { background-image: url(/files/Loewe_over.jpg); }
div#buttonlinks a#bulo3_active { background-image: url(/files/Bose_over.jpg); }
div#buttonlinks a#bulo4_active { background-image: url(/files/HiFi_over.jpg); }
div#buttonlinks a#bulo5_active { background-image: url(/files/Solo_over.jpg); }
div#buttonlinks a#bulo6_active { background-image: url(/files/Einbau_over.jpg); }
div#buttonlinks a#bulo7_active { background-image: url(/files/Kueche_over.jpg); }

div#buttonlinks a#bulo1:hover, div#buttonlinks a#bulo1_active:hover {
	background-image: url(/files/TV_active.jpg); }
div#buttonlinks a#bulo2:hover, div#buttonlinks a#bulo2_active:hover {
	background-image: url(/files/Loewe_active.jpg); }
div#buttonlinks a#bulo3:hover, div#buttonlinks a#bulo3_active:hover {
	background-image: url(/files/Bose_active.jpg); }
div#buttonlinks a#bulo4:hover, div#buttonlinks a#bulo4_active:hover {
	background-image: url(/files/HiFi_active.jpg); }
div#buttonlinks a#bulo5:hover, div#buttonlinks a#bulo5_active:hover {
	background-image: url(/files/Solo_active.jpg); }
div#buttonlinks a#bulo6:hover, div#buttonlinks a#bulo6_active:hover {
	background-image: url(/files/Einbau_active.jpg); }
div#buttonlinks a#bulo7:hover, div#buttonlinks a#bulo7_active:hover {
	background-image: url(/files/Kueche_active.jpg); }

fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 450px;
}

label {
	font-size: 11px;
	font-weight: bold;
	color: rgb(100,100,100);
}

input, textarea {
	width: 436px;
	border: 0;
	background-color: rgb(236,236,238);
}

input#send {
	width: 60px;
	text-align: left;
	color: rgb(100,100,100);
	background-color: #fff;
	border: 0;
	margin: 0;
	padding: 0;
	margin-left: -2px;
	font-size: 11px;
	font-weight: bold;
}

textarea {
	height: 130px;
}