/* CSS Document */


/* @group regular markup */

* {margin:0; padding:0; border:0}



body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	/**background-color: #999999;**/
	margin:0;
}



body {


}


a {
color: #C61217;
}



b.small{ 
font-size: 9px;
}

ul.small {
display: block;
float: left;
height:auto;
width: 280px;
}

li {
	list-style-image: url(img/li.gif);
	list-style-position: outside;
	margin: 0 0 0 15px;

}


p.red { 

color: red;

}


p.eingeruckt{

margin: 0 0 0 150px;

}


p.eingeruckt_short{

margin: 0 0 0 50px;

}

img.menschen {
 margin: 0 3px 0 0;
 }


/* @end */

/* @group textklassen */

.profil, 
.makler, 
.licht, 
.werbung, 
.internet,
.schulung,
.architektur,
.produkte,
.schaufensterdeko,
.publikationen, 
.menschen,
.kontakt
{
/**background-color:#fff;**/
line-height: 16px;
}

.profil
{
padding:253px 0 0 124px;
}

.makler
{
padding: 290px 0 0 70px;
}

.licht
{
padding: 290px 0 0 50px;
}


.internet
{
padding: 260px 0 0 50px;
}


.werbung
{
padding: 210px 0 0 0;
}

.schulung{
padding: 310px 0 0 20px;

}


.produkte{
padding: 242px 0 0px 0px;

}

.architektur{
padding: 200px 0 0 30px;

}


.deko{
padding: 230px 0 0 40px;

}

.publikationen{
padding: 230px 0 0 30px;

}

.kontakt{
padding: 230px 0 0 30px;

}

/* @end */


#bildbox_menschen
{
/** background: #C61217; **/
/** background: #ccddff; **/
float: right;
height: 275px;
width:280px;
position:absolute;
top: 230px;
right: 80px;

}




/* @group contentbereich */

#mitte {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-475px;
	margin-top:-279px;
	width:950px;
	height:557px;
	overflow:hidden;
}

#menu {
	float:left;
	height:490px;
	width:151px;
	padding:67px 0 0 22px;
}

#menu img {
	padding-bottom:18px;
}

#content {
/**background-color:#CCCC00;**/
	float:left;
	background-repeat:no-repeat;
	width:772px;
	height:557px;
}


#text {
	line-height:16px;
}
#text p {
	margin:6px 0 6px 10px;
}


p.erstezeile {
	margin-top:14px;
}
.punkt {float:left; margin:0 5px 0 0}

div#content br { 
clear:both;
}

div#scrollbox { 
background: #f2f2f2;
height: 95px;
margin: 0px 0 0 0;
overflow: auto;
width: 550px;
}

div.bildcontainer {

height: 73px;
width: 900px;

}



/* @end */


/* @group werbung */						

.beschriftungen, 
.hausbroschuren,
.anzeigen, 
.flyer, 
.ci_gestaltung {
display:block;
float: left;
height: 70px;
width: 70px;
margin: 20px 15px 0 0;
}

.beschriftungen { 
background: #990000 url(img/beschriftungen.gif) no-repeat;
}

.beschriftungen:hover {
background: #880000 url(img/beschriftungen_hover.gif) no-repeat;
}

.hausbroschuren { 

background: #990000 url(img/hausbroschuren.gif) no-repeat;

}

.hausbroschuren:hover {
background: #880000 url(img/hausbroschuren_hover.gif) no-repeat;
}


.anzeigen { 

background: #990000 url(img/anzeigen.gif) no-repeat;

}

.anzeigen:hover {
background: #880000 url(img/anzeigen_hover.gif) no-repeat;
}


.flyer { 

background: #990000 url(img/flyer.gif) no-repeat;

}

.flyer:hover {
background: #880000 url(img/flyer_hover.gif) no-repeat;
}


.ci_gestaltung { 

background: #990000 url(img/ci_gestaltung.gif) no-repeat;

}

.ci_gestaltung:hover {
background: #880000 url(img/ci_gestaltung_hover.gif) no-repeat;
}

/* @end */


/* @group produkte */	


.katafalke, 
.urnen,
.rednerpult, 
.werbemittel, 
.leuchten {

background: #12f2f5;
clear:right;
display:block;
float: left;
height: 72px;
width: 159px;
margin: 00px 15px 0 0;
}


.katafalke { 
background: #990000 url(img/katafalke.gif) no-repeat;
}

.katafalke:hover {
background: #880000 url(img/katafalke_hover.gif) no-repeat;
}



.urnen { 

background: #990000 url(img/urnen.gif) no-repeat;

}

.urnen:hover {
background: #880000 url(img/urnen_hover.gif) no-repeat;
}


.rednerpult { 

background: #990000 url(img/rednerpult.gif) no-repeat;

}

.rednerpult:hover {
background: #880000 url(img/rednerpult_hover.gif) no-repeat;
}


.werbemittel { 

background: #990000 url(img/werbemittel.gif) no-repeat;

}

.werbemittel:hover {
background: #880000 url(img/werbemittel_hover.gif) no-repeat;
}


.leuchten { 

background: #990000 url(img/leuchten.gif) no-repeat;

}

.leuchten:hover {
background: #880000 url(img/leuchten_hover.gif) no-repeat;
}



					
/* @end */


/* @group formular */


form, label, input, textarea {
width:250px;
}


form {
float: right;
margin: 20px 0 00px 0;
position: absolute;
top: 100px;
right: 20px;
}

label{
clear:both;
}

input{
border: 1px solid;
clear:both;
height: 25px;

}

input.button{

height: 20px;
width: 100px;
margin: 5px 0 0 0;
}


textarea {
border: 1px solid; 
height: 150px;

}


/* @end */