@charset "utf-8";
/* CSS Document */

body {
	color: #959799;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

a {
	text-decoration: none;
}

p, h1, h2, h3 {
	padding: 0;
	margin: 0;
}


#container {
	width: 405px;
	margin: auto;
	margin-top: 200px;
}

/*Alle Blöcke*/

#ol, #ml, #ul, #or, #mr, #ur {
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: bold;
}

#ol a, #ml a, #ul a, #or a, #mr a, #ur a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;  
}
/*linke Blöcke*/

#ol, #ml, #ul {
	float: left;
	width: 265px;

}
/*Rechte Blöcke*/

#or, #mr, #ur {
	margin-left: 276px;
	width: 129px;
}

/*Obere und mittlere Zeile*/
#ol, #or, #ml, #mr {
	height: 120px;
}

/*Untere Zeile*/
#ul, #ur {
	height: 63px;
}

#ul a, #ur a{
	color: #959799;
}

#ul a:hover, #ur a:hover{
	color: #ffffff;
}

/*Obere Zeile*/
#ol, #or {
}
/*Einzelne Blöcke */

#ol {
	text-align: center;
	vertical-align: bottom;
	padding-top: 85px;
	height: 20px;
}
#or{
	background: url(images/layout/bg_or.jpg) no-repeat;
}

#or:hover, #or:active{
	background: url(images/layout/hover_or.jpg) no-repeat;
}

#ml  {
	background: url(images/layout/bg_ml.png) no-repeat;
	color: #ffe700;
}

#ml a{	
	color: #ffe700;
}

#ml a:hover {
	color: #959799;
}

#ml:hover, #ml:active{
	background: url(images/layout/hover_ml.jpg) no-repeat;
}

#mr {
	background: url(images/layout/bg_mr.jpg) no-repeat;
}

#mr:hover, #mr:active{
	background: url(images/layout/hover_mr.jpg) no-repeat;
}

#ul{
	background: url(images/layout/bg_ul.jpg) no-repeat;
}

#ur{
	background: url(images/layout/bg_ur.jpg) no-repeat;
}