@charset "UTF-8";
@import "reset.css";


/* BASICS */

body				{
					background: url(../images/site/website-background-top.jpg) no-repeat top center;
					font-family: arial, helvetica, sans-serif;
					font-size: 12px;
					line-height: 15px;
					color: #545454;
					}




/* TABLE */


table.content		{
					background-color: #ffffff;
					background: url(../images/site/website-background-table.jpg) repeat-y;
					margin: auto;
					}
.contenttop			{
					background: url(../images/site/website-background-tabletop.jpg) no-repeat;
					margin: auto;
					}

.formular			{
					font-size: 12px;
					line-height: 15px;
					margin: 24px 0px 36px 12px; 
					color: #ee7711;
					}
					
.footer				{
					background: url(../images/site/footer-background.gif) repeat-x bottom;
					}

.verlauf			{
					background: url(../images/site/verlauftop-background.gif) repeat-x top;
					}
					
td.orange			{
					background-color: #ee7711;
					padding:3px;
					}

td.warmgray			{
					background-color: #f2f2ee;
					}

.borderleft			{
					border-left: 1px solid #cccccc;
					}
					
.borderbottom		{
					border-bottom: 1px solid #cccccc;
					}
					
.borderright		{
					border-right: 1px solid #cccccc;
					}
					
.borderbottomlight	{
					border-bottom: 1px solid #eeeeee;
					}

.rightcollum		{
					border-left: 1px solid #cccccc;
					border-right: 1px solid #cccccc;
					}

.centercollum		{
					border-left: 1px solid #cccccc;
					border-right: 1px solid #cccccc;
					}

.sortimentthumb		{
					padding: 8px 0;
					}
					
.orangearrow		{
					background: url(../images/arrow-down-orange.gif) top right no-repeat;
					}

.grayarrow			{
					background: url(../images/arrow-down-gray.gif) top right no-repeat;
					}

table.aligntop td	{
					vertical-align:top;
					}


/* CONTAINER */





/* FONT */


h1					{
					font-size: 12px;
					line-height: 16px;
					letter-spacing: 0.01em;
					color: #ee7711;
					text-transform: uppercase;
					margin: 12px 6px 6px 12px; 
					padding: 0;
					}

h2					{
					font-size: 12px;
					line-height: 16px;
					color: #ee7711;
					font-weight: bold;
					margin: 12px 6px 6px 12px; 
					}

h3					{
					font-size: 12px;
					font-weight: normal;
					letter-spacing: 0.03em;
					color: #ffffff;
					text-transform: uppercase;
					margin-top: 3px;
					margin-left: 10px;
					}

h4					{
					font-size: 12px;
					line-height: 16px;
					letter-spacing: 0.01em;
					color: #ee7711;
					text-transform: uppercase;
					margin: 8px 6px 4px 12px; 
					}

h5					{
					font-size: 12px;
					line-height: 16px;
					letter-spacing: 0.01em;
					color: #777777;
					text-transform: uppercase;
					margin: 12px 6px 12px 12px; 
					}

h6					{
					font-size: 10px;
					line-height: 14px;
					color: #545454;
					text-transform: uppercase;
					margin: 12px 6px 12px 12px; 
					}


#topnavi			{
					font-size: 12px;
					font-weight: normal;
					letter-spacing: 0.03em;
					color: #ffffff;
					text-transform: uppercase;
					float:left;
					}


p					{
					font-size: 11px;
					line-height: 15px;
					margin: 6px 6px 0px 12px; 
					color: #545454;
					}
					
.mainteaserTd h1,
.mainteaserTd p		{
					margin-right: 330px;
					}


p.typ3				{
					margin: 0px; 
					text-transform: uppercase;
					font-size: 9px;
					}

.typ4				{
					font-size: 11px;
					margin: 0 12px; 
					}
					
.typ5				{
					font-weight: bold;
					font-size: 12px;
					margin: 3px 10px; 
					}

.grau				{
					color: #8c8c8c;
					}
					
.dunkelgrau			{
					color: #545454;
					}

.bold				{
					font-weight: bold;
					}

.suchergebnisurl	{
					border-bottom: 1px solid #eeeeee;
					padding: 0 0 12px 0;
					}

					
ul					{
					font-size: 11px;
					line-height: 15px;
					margin: 6px 6px 9px 12px; 
					}
					
.centercollum ul 	{
					padding-left:20px;
					}
					
li					{
					margin: 2px 12px; 
					}
					
					
/* LINKS */



a					{
					font-style: italic;
					text-decoration: underline;
					color: #545454;
					}


a:hover				{
					
					color: #EE7711;
					}



a.top				{
					font-style: normal;
					text-decoration:none;
					}


a.subnavi	
					{
					font-style: normal;
					text-decoration:none;
					}

					
a.subnavi:hover		{
					color: #ee7711;
					font-style: normal;
					text-decoration: none;
					}
					
a.subselected		{
					font-weight: bold;
					color: #ee7711;
					font-style: normal;
					text-decoration:none;
					}

a.subselected2		{
					color: #ee7711;
					font-style: normal;
					text-decoration:none;
					}

td.home a,
a.boldorange		{
					font-weight: bold !important;
					color: #ee7711 !important;
					text-decoration:none;
					}

a.bold				{
					font-weight: bold;
					}
					
					
div.subnavi			{
					width: 215px;
					height: auto;
					padding: 6px 2px 4px 2px;
					border-bottom:  1px solid #cccccc;
					color: #545454;
					position: middle;
					}					

a.subnavi_nolink	{
    				font-style:normal !Important;
					text-decoration:none;
					font-weight:bold;
					}
					
a.subnavi_nolink:hover {
   					  text-decoration:none;
    				}
					
a.subnavi_nolink_selected {
						font-style:normal !Important;
					text-decoration:none;
					font-weight:bold;
					}
					
div.subnaviopen		{
					width: 205px;
					height: auto;
					line-height: 15px;
					font-size: 11px;
					padding: 5px 2px 5px 10px;
					color: #545454;
					position: middle;
					}					

div.subnavicolor	{
					width: 215px;
					height: auto;
					padding: 6px 2px 4px 2px;
					border-bottom:  1px solid #cccccc;
					color: #545454;
					background: #f2f2ee;
					display: block;
					font-weight: bold;
					position: middle;
					}
					
/* FORMULAR */


input, textarea				{
					vertical-align: middle;
					border-top:  1px solid #cccccc; 
					border-right:  1px solid #cccccc; 
					border-bottom:  1px solid #cccccc; 
					border-left:  1px solid #cccccc;
					margin-bottom:12px;
					font-size: 11px;
					color: #545454;
					}

					
.img				{
					border: 0;
					margin-left: 3px;
					}					

.size40				{
					width: 40px;
					height: 18px;
					margin: 0 0 12px 12px;
					}
					
.size115			{
					width: 115px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 0 0 12px 12px;
					}

.size250			{
					width: 250px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					}
					
.niederlassung			{
					width: 115px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					}
					
textarea.size250 	{
					width:250px;
					height:50px;
					}


.size50				{
					width: 50px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					}	
					
.size179			{
					width: 179px; /* kombination auf 250 */
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 12px;
					}	
					
.radio				{
					border:  1px solid #cccccc; 
					margin: 4px 8px 6px 0;
					vertical-align: middle;
					}						

.box				{
					border:  1px solid #cccccc; 
					margin: 4px 8px 6px 0;
					vertical-align: middle;
					}	
					
.submit				{
					width: 250px;
					padding: 3px 0 3px 5px;
					margin: 6px 0;
					}
					
					
					
div#haendlersuche {
					width:218px;
					height:200px;
					background: url(../images/haendlersuche/bg_haendlersuche.gif) no-repeat;
				}	
				
div#auswahl select{
					width:128px;
					height:18px;
					background: url(../images/haendlersuche/bg.gif) no-repeat;
					margin-left:12px;
					margin-top:-4px;
					color:#545454;
					font-size:11px;
					}
					
div#auswahl option{
					background:#FFFFFF;
					color:#545454;
					font-size:11px;
					}	
div#eingabe input{
					width:81px;
					height:16px;
					/*background: url(../images/haendlersuche/bg.gif) no-repeat;*/
					margin-left:11px;
					margin-top:89px;
					padding-left:46px;
					}
div#suchen{
					width:74px;
					height:22px;
					margin-left:142px;
					margin-top:12px;
					}	
					
div#suchen a {
					cursor:pointer;
					}										
					
/* Weiterempfehlen */
div#weiterempfehlen {
	margin:10px;	
}

div#weiterempfehlen table td {
	vertical-align:top;
}

/* Sitemap */
/*borderbottomlight grayarrow*/
ul.toc1,
ul.toc2 {
	margin:0;
	padding:0;
}

ul.sitemap li {
	list-style:none;
}

ul.toc2 li {
	margin-left:0;
}

ul.sitemap.toc3 li {
	list-style:disc;
}

li.toc1 {
	margin-top:20px;
}

li.toc1 a			{
					font-size: 12px;
					line-height: 16px;
					letter-spacing: 0.01em;
					text-transform: uppercase;
					font-style:normal;
					color:#545454;
					display:block;
					text-decoration:none;
					border-bottom: 1px solid #eeeeee;
					font-weight:bold;
					}


li.toc2 a			{
					display:inline;
					font-size: 12px;
					line-height: 16px;
					font-style:normal;
					border-bottom:0;
					text-transform:none;
					text-decoration:underline;
					color: #EE7711;
					font-weight:normal;
					}


li.toc3 a,
li.toc4 a,
li.toc5 a,
li.toc6 a {
	font-style: italic;
	text-decoration: underline;
	color: #545454;
	border-bottom:0;
	text-transform:none;
	font-weight:normal;
}

ul.sitemap a:hover {
	color: #EE7711;
}

div.projekt {
	width:100px;
	margin-right:45px;
	margin-bottom:25px;
	margin-top:25px;
	float:left;
}

br.clearer {
	clear:both;
}

body.blank {
background-color:white;
}

ottowolff_benachrichtigung {
	border:1px solid black;	
	width:500px;
	height:500px;
	margin-left:-250px;
	margin-top:-250px;
}