/*Stylesheet für www.kom-ma.com*/

* { padding: 0; margin: 0; }
html { height: 101%; } /* Scrollbalken fallen weg */

body {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #cccccc; /*Hintergrundfarbe*/
background-image: url(http://www.kom-ma.com/cms/images/bg.jpg);
/*background-image: url(bilder/back_body.jpg);*/
background-repeat: repeat-x;
margin: 0;
padding: 0;
}

#wrapper {
width: 1012px;
height:2000px;
margin: 0 auto 0 auto;
padding: 0 0 0 10px;
/*background-image: url(http://www.kom-ma.com/cms/images/header.jpg);*/
background-image: url(http://www.kom-ma.com/cms/images/back.gif);
background-repeat: repeat-y;
background-position: top left;
border:0px dashed #f0f;
}

#top {
width: 1012px;
height: 320px;
/*background-image: url(http://www.kom-ma.com/cms/images/topbanner.jpg);*/
background-image: url(http://www.kom-ma.com/cms/images/header4.jpg);
background-repeat: no-repeat;
background-position: top right;
border:0px dashed #0ff;
}

#navi {
float: left;
width: 190px;
height: 200px;
margin-top: 0px;
padding-left:48px;
border:0px solid #909;
}

#content {
float: left;
width: 542px;
/*background-image: url(http://www.kom-ma.com/cms/images/content.jpg);*/
background-repeat: repeat-y;
padding: 15px 10px 15px 10px;
border:0px solid #090;

}

#right {
float:left;
width: 210px;
height:205px;
border:0px solid #090;
}

#rightaltern {
float:left;
width:200px;
height:110px;
padding:5px;
/*background-image: url(http://www.kom-ma.com/cms/images/rightaltern.jpg);*/
background-image: url(http://www.kom-ma.com/cms/images/rightaltern2.gif);
background-repeat: no-repeat;
}

#rightpartner {
float:left;
width:210px;
margin-top:20px;
min-height:110px;
background-color: white;
border:0px solid #9f9;
padding-bottom:5px;
}

#rightpartner h2 {
	font-size:12px; 
	font-weight:bold;
	letter-spacing:0;
	border:1px solid #999;
	width:194px;
	height:11px;
	padding-top:3px;
	padding-left:4px;
	margin-top:8px;
	margin-left:5px;
	background-image:url(http://www.kom-ma.com/cms/images/back_nav_hover.jpg);
	background-repeat:no-repeat;

}

#rightpartner_bottom {
background-image:url(http://www.kom-ma.com/cms/images/schatten_rechts.gif);
background-repeat:no-repeat;
float:left;
width:210px;
height:11px;
margin:0;
padding:0;
}


#rightkooperation {
float: left;
width: 210px;
min-height: 110px;
margin-top: 20px;
background-color: white;
}

#rightkooperation h2 {
	font-size:12px; 
	font-weight:bold;
	letter-spacing:0;
	border:1px solid #999;
	width:194px;
	height:11px;
	padding-top:3px;
	padding-left:4px;
	margin-top:8px;
	margin-left:5px;
	background-image:url(http://www.kom-ma.com/cms/images/back_nav_hover.jpg);
	background-repeat:no-repeat;

}

#leftbanners {
float: left;
width: 170px;
min-height: 110px;
margin-top: 20px;
background-color: white;
margin-top: 50px;
padding: 10px
}



.block {
padding: 8px 10px 8px 10px;
border-top: #cccccc 1px solid;
margin-bottom: 5px;
}

/*___________________HAUPTNAVIGATION #navi links______________________*/

.navigation {
	display: block;
	width: 180px;
	color:	#333333;
	padding: 3px 0 3px 10px;
	text-decoration: none;
	/*margin: 9px 0 9px 5px;*/
	margin:0;
	font-weight: bold;
	font-size:12px;
	letter-spacing:0px;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:1px solid #ccc;
	background-image:url(http://www.kom-ma.com/cms/images/back_nav_hover.jpg);
	background-repeat:no-repeat;
}

.navigation:hover {
display: block;
background-color:#c20116;
color:	#ffffff;
text-decoration: none;
/*margin: 9px 0 9px 5px;*/
margin:0;
	background-image:url(http://www.kom-ma.com/cms/images/back_nav.jpg);
	background-repeat:no-repeat;
}

.activenavigation {
display: block;
background-color:#C20116;
width: 180px;
color:	#ffffff;
padding: 3px 0 3px 10px;
text-decoration: none;
margin: 0px 0 0px 0px;
font-weight: bold;
font-size:12px;
letter-spacing:0px;
border:0px solid #900;
	background-image:url(http://www.kom-ma.com/cms/images/back_nav.jpg);
	background-repeat:no-repeat;
}

.activenavigation:hover {
/*text-decoration: none;*/
}

/*___________________SUBNAVI #navi links______________________*/

.subnavigation {
	display: block;
	width: 138px;
	font-size: 12px;
	color:	#333333;
	padding: 1px 0 1px 2px;
	text-decoration: none;
	margin: 2px 0 2px 15px;
	border:0px solid #090;
	min-height:17px;
height:auto;
}

*html .subnavigation {
height:17px;

}

.subnavigation:hover {
display: block;
width: 138px;
color:	#333333;
padding: 1px 0 1px 2px;
text-decoration: none;
margin: 2px 0 2px 15px;
font-size: 12px;
/*border-bottom: #333333 1px dashed;*/
border-bottom:1px dashed #333;
min-height:16px;
height:auto;
}

*html .subnavigation:hover {
	height:16px;
}


.activesubnavigation {
display: block;
width: 138px;
color:	#333333;
padding: 1px 0 1px 2px;
text-decoration: none;
margin: 2px 0 2px 15px;
font-size: 12x;
border-bottom: #333333 1px dashed;
min-height:16px;
height:auto;
}


.activesubnavigation:hover {
text-decoration: none;
}

/*___________________Grafiken______________________*/

#grafikbig {
width: 542px;
background-color: white;
}

#grafiksmall {
float: left;
width: 260px;
background-color: white;
}
#grafiksmallright {
float: right;
width: 260px;
background-color: white;
}


/*___________________HTML-Elemente______________________*/

p {
line-heigth: 1.5em;
margin: 0 0 2px 0;
}

h1 {
	font-size: 21px;
	color:	#E20A17;
	padding: 0 0 20px 0;
	text-decoration: none;
	font-weight: bold;
}

h2 {
	font-size: 17px;
	color:	#333333;
	padding: 3px 0 3px 10px;
	text-decoration: none;
	margin: 9px 0 9px 5px;
	font-weight: bold;
	letter-spacing: 1px;
}

h3 {
	font-size: 16px;
	color:	#333333;
	padding: 0px 0 3px 0px;
	text-decoration: none;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	color:	#333333;
	padding: 0px 0 3px 0px;
	text-decoration: none;
	font-weight: bold;
}

#popup {
  
  padding: 5px;
  background-color: #FFFFFF;


}