/*
 *
 * Template: mbs-online
 * (c) 2009 by Meins und Vogel GmbH
 * www.muv.com info@muv.com
 *
 * Dieses Template und alle damit verbundenen Dateien ist urheberrechtlich geschützt!
 * 
 */

 
/*#####################################################################################################
                                                   LAYOUT
  #####################################################################################################*/

* { 
  padding: 0; 
  margin: 0; 
  }

body {
	color: Black;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: White url(body-hg.jpg) repeat-x top left;
}

div {
	overflow: hidden; 
}

img {
	border: none;
}

p, h1, h2, h3, h4, h5, h6 {
  margin-top: 10px;
}

ul {
  margin:20px;
}

#wrapper {
	margin: 10px auto;
	width: 998px;
}

#header {
	float: left;
	width: 100%;
	color: White;
}

#header-logo {
	float: left;
	color: White;
}

#header-content {
	float: left;
	color: White;
	width: 998px;
}

#header-right {
	float: left;
	color: White;
}

#header-content a.normal {
	color: #C7C7C7;
}

#header-content a.selected {
	color: White;
}

#topmenu {
  float: left;
  background: url(topmenu-hg.jpg) left no-repeat; 
  height: 51px;
  width: 998px;
}

#topmenu a.normal {
	color: Black;
	height: 51px;
}

#topmenu a.selected {
	color: #595959;
	height: 51px;
}

#heightcolumn { 
  width: 0px;
  float: left;
  height: 550px;
}

#leftcolumn { 
  margin-left: 18px;
  margin-bottom: 15px;
  width: 200px;
  float: left;
  display: inline; /* IE6 hack */
}

#leftcolumn a { 
  color: Black;
  text-decoration: none;
}

.left-header {
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(left-top.jpg);
	height: 17px; 
	color: #ffffff;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.left-content {
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #0033ff;
	border-right: 1px solid #0033ff;
	border-bottom: 1px solid #0033ff;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrapper-content {
	background: url(content-hg.jpg) repeat-y left top;
	float: left;
	width: 998px;
}

#content-news {
  padding: 5px 0px 0px 0px; 
  height: 30px;
  background: url(content-news-hg.jpg) top left no-repeat; 
}

#content { 
  margin-left: 15px;
  margin-bottom: 15px;
  float: left; 
  width: 529px;  
}

#content-big { 
  margin-left: 15px;
  margin-bottom: 15px;
  float: left; 
  width: 747px;  
}

#rightcolumn { 
  margin-left: 18px;
  margin-bottom: 15px;
  width: 200px;
  float: left;
  display: inline; /* IE6 hack */
}

#rightcolumn a { 
  color: Black;
  text-decoration: none;
}

.right-header {
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(right-top.jpg);
	height: 17px; 
	color: #ffffff;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.right-content {
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border-left: 1px solid #0033ff;
	border-right: 1px solid #0033ff;
	border-bottom: 1px solid #0033ff;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

#rightcolumn-pinocchio .right-header {
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(right-pinocchio-top.jpg);
	height: 17px; 
	color: #ffffff;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#rightcolumn-pinocchio .right-content {
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #0033ff;
	border-right: 1px solid #0033ff;
	border-bottom: 1px solid #0033ff;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

#footer{ 
	padding: 10px 20px 15px 20px;
 	width: 958px;
 	clear: both;
	background: url(footer-hg.jpg) left top no-repeat; 
	height: 35px; 
	color: Black;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

#footer a { 
	color: Black;
 }

#muv_link, #muv_link a{
	padding-top: 5px;
	text-align: center;
	color: #b8b8b8;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*#####################################################################################################
                                                   CONTENT
  #####################################################################################################*/
h1, h2, h3, h4, h5, h6 {
	color: #CB1718;
	font-style: italic;
	font-weight: bold;
}

h1 {	font-size: 26px; }
h2 {	font-size: 22px; }
h3 {	font-size: 19px; }
h4 {	font-size: 17px; }
h5 {	font-size: 13px; }
h6 {	font-size: 11px; }

a {
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

hr {
	color: Black;
	background-color: Black;
	border: none;
	height: 1px;
}