/* allgemeine Schriftgröße
   --------------------------------- */	

BODY { 
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0;
color: #000000;

}

/* allgemeine Linkfarbe und Größe
   --------------------------------- */	
a:link    { color: #000000; font: 11px Verdana, Arial, Helvetica, sans-serif;}
a:visited { color: #000000; font: 11px Verdana, Arial, Helvetica, sans-serif;}  
a:active  { color: #000000; font: 11px Verdana, Arial, Helvetica, sans-serif;}  
a:hover   { color: #006600; font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}


/* content
   -------------- */
.content {
margin: 10px auto;
width: 960px;
}

/* horizontal menu
   --------- */
#tabs {
color: #000;
height: 10px;
text-align: center;

}

#tabs li {
display: inline;
height: 0px;
}

#tabs li a {
background: #fff url(images/button_suche.png) no-repeat;
float: left;
color: #003300;
padding-top: 10px;
width: 80px;
text-align: center;
font-weight: bold;
text-decoration: none;
}

#tabs li a:hover {
background: #fff url(images/button_suche2.gif) no-repeat;
color: #000;
}

#tabs li a.current {

color: #000000;
}

/* Hauptteil nach dem Kopfbereich 
   --------------------------------- */	
.maincontainer{
background: #fff url(images/webkatalog_top.gif) no-repeat;
padding-top: 3px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 8px;

}

/* Linke Seite vom Hauptteil
   --------------------------------- */	
#leftcolumn{
width: 20%;
float: left;
margin-top: 10px;
margin-right: 0.6em;

}

#leftcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
margin-bottom: 12px;
text-align: center;
letter-spacing: 1.5pt;
font-size: 100%;
padding-right: 1px;
padding-bottom: 5px;

}


/* Mitte vom Hauptteil
   --------------------------------- */	
#middlecolumn{
width: 60%;
float: left;
padding-left: 5px;
padding-right: 5px;
margin-top: 10px;
padding-bottom: 1em;

}

#middlecolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
margin-bottom: 12px;
text-align: center;
letter-spacing: 1.5pt;
color: #333;
font-size: 100%;
padding-left: 1px;
padding-bottom: 5px;
}


/* Rechte Seite vom Hauptteil
   --------------------------------- */	
#rightcolumn{
width: 16%;
float: left;
padding-left: 0px;
margin-top: 10px;
margin-left: 0.6em;
}

#rightcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
margin-bottom: 18px;
text-align: center;
letter-spacing: 1.5pt;
font-size: 100%;
padding-right: 1px:
padding-bottom: 5px;

}


/* Fussbereich/Footer Section
   --------------------------------- */	
.footer {
background: #fff url(images/webkatalog_unten.gif) no-repeat;
clear: both;
margin-top: 3px;
text-align: center;
line-height: 1.8em;
color: #999999;
}

.footer a {
color: #444444;
}


/* Sonstiges
   --------------------------------- */	
hr {
border:dashed #333 1px;
height:1px;
}

ul {
margin: 0;
padding : 0;
list-style : none;
}

p {
margin: 0 10px 5px 0;
}

img {
border: none;
hspace: 0;
vspace: 0;
margin: 0 5px 0px 0;
}

h3 {
color: #333;
margin-top: 5px;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
text-decoration: underline;
}

/* BOXES */
.box_ol {
	background-image: url('box_ol.jpg');
	width: 15px;
	height: 15px;
	line-height: 15px;
	background-repeat: no-repeat			
}

.box_om {
	background-image: url('box_om.jpg');
	width: 100%;
	height: 15px;
	line-height: 15px;
	background-repeat: repeat-x
}

.box_or {
	background-image: url('box_or.jpg');
	width: 15px;
	height: 15px;
	line-height: 15px;
	background-repeat: no-repeat
}

.box_ml {
	background-image: url('box_ml.jpg');
	width: 15px;
	height: 10px;
	line-height: 10px;
	background-repeat: repeat-y
}

.box_mm {
	background-color: #FFFFFF;
}

.box_mr {
	background-image: url('box_mr.jpg');
	width: 15px;
	height: 10px;
	line-height: 10px;
	background-repeat: repeat-y;
	background-position:  left 50%;
}

.box_ul {
	background-image: url('box_ul.jpg');
	width: 15px;
	height: 15px;
	line-height: 15px;
	background-repeat: no-repeat
}

.box_um {
	background-image: url('box_um.jpg');
	width: 100%;
	height: 10px;
	line-height: 15px;
	background-repeat: repeat-x
}

.box_ur {
	background-image: url('box_ur.jpg');
	height: 15px;
	width: 15px;
	background-repeat: no-repeat
}