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

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

* { 
  padding: 0; 
  margin: 0; 
  }

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

div {
	overflow: hidden; 
}

img {
	border: none;
}

p {
  margin-top: 10px;
}

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

#header {
	float: left;
	background: url(hg-header.jpg) left top repeat-x; 
	height: 108px;
	width: 978px;
	padding: 11px 10px 0px 10px;
}

#header-logo {
	float:left;
	margin-left: 28px;
	display: inline; /* IE 6 Hack! */
	padding: 0px;
	float: left;
	width: 101px
}

#header-img {
	float: left;
	width:130px
}

#header-slogan {
	float:right;
	display: inline; /* IE 6 Hack! */
	margin-right:16px;
	margin-top:24px;
	text-align:right;
	width:701px;
}
#header-slogan h2 {
	color: #1f72a5;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#topmenu {
	float: right;
	display: inline; /* IE 6 Hack! */
	width:710px;
	margin-top:18px;
	margin-right: 9px;
	text-align:right;
}

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

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

#border-right {
	float: left;
	width: 11px;
	background: url(hg-border-right.jpg) left top no-repeat; 
  height: 500px;
}

#leftcolumn { 
  margin-top: 13px;
  width: 150px;
  float: left;
}

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

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

.left-content {
	padding: 5px 5px 5px 5px;
	background-color: #E8E8E8;
	border-right: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content { 
	float: left; 
	display: inline; /* IE 6 Hack! */
	margin: 13px;
	padding: 13px;
	width:924px; 
}

#content-left { 
	float: left;
	display: inline; /* IE 6 Hack! */
	margin: 13px 0px 0px 13px;
	width:813px; 
}

#content-right { 
	float: left;
	display: inline; /* IE 6 Hack! */
	margin: 13px 0px 0px 13px;
	width:750px; 
}

#content-left-right { 
	float: left;
	display: inline;  /* IE 6 Hack! */
	margin: 13px 0px 0px 13px; 
	width: 600px;  
}

.content-box {
	border: 1px solid #c4c5c6; 
	margin: 0px 13px 13px 0px; 
	padding: 13px; 
}

.content-box-small {
  border: 1px solid #c4c5c6;
  margin: 0px 13px 13px 0px;
  padding:3px 3px 3px 3px;	
  width: 166px;
  float: left;
  font-size: 9px;
}

.content-box-small a  { 
  color: #1f72a5;
  text-decoration: none;
  border: 1px solid #c4c5c6;
  padding: 1px 5px 1px 5px;
  margin-bottom:12px;
  background: url(/shared/images/hg/btn-small.gif) repeat-x;
}

.content-box-small a:hover  {
  color: Black;
}

.content-box-small h1 {
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #1f72a5;
}

.content-box-small p {
	margin-top:3px;
}

#rightcolumn { 
  margin-right: 13px;
  padding-top: 13px;
  width: 200px;
  float: left;
  font-size: 9px;
}

#rightcolumn a  { 
  color: #1f72a5;
  text-decoration: none;
  border: 1px solid #c4c5c6;
  padding: 1px 5px 1px 5px;
  margin-bottom:12px;
  background: url(/shared/images/hg/btn-small.gif) repeat-x;
}

#rightcolumn a:hover  {
  color: Black;
}

.right-box {
	border:1px solid #c4c5c6;
	margin-bottom:13px;
	padding:3px 3px 3px 3px;	
}

.right-header {
}

.right-header h3 {
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #1f72a5;
	margin: 0px;
}

.right-content {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.right-content p {
	margin-top:3px;
}


#bottom {
	clear: both;
	height:8px;
	background-color: #d4d6d5;
	font-size: 1px;
}

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

#footer a { 
	color: #000000;
}

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

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

h1 {
	font-size: 25px;
	color: #1f72a5;
/*	font-family: "Times New Roman", Times, serif;*/
   margin-bottom: -10px;
}
h2 {
/*	font-family: "Times New Roman", Times, serif; */
	margin-top:13px;
	margin-bottom:5px;
	font-size: 15px;
	color: #1f72a5;
}
h3 {
	color: #cacccb;
	font-size: 17px; 
	margin-bottom: 10px;
}
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;
}

li {
	margin-left:15px;
}

#alles-aus-einer-hand {
	text-align: justify;
	background: url(/shared/images/hg/alles-aus-einer-hand.jpg) no-repeat left bottom;
	padding-left:325px;
	height:373px;
}

#telefonsupport-small {
   padding: 3px 3px 3px 78px;
	background: url(/shared/images/hg/telefonsupport-small.jpg) no-repeat;
}

#fernwartung-small {
	padding: 3px 3px 3px 78px;
	background: url(/shared/images/hg/fernwartung-small.jpg) no-repeat left bottom;
}

#oeffnungszeiten-small {
	padding: 3px 3px 3px 78px;
	background: url(/shared/images/hg/oeffnungszeiten-small.jpg) no-repeat left top;
}

#firmenpraesentation-small {
	padding: 3px 3px 3px 78px;
	background: url(/shared/images/hg/firmenpraesentation-small.jpg) no-repeat left top;
}

#reparatur-datenrettung-small {
	background: url(/shared/images/hg/reparatur-datenrettung-small.jpg) no-repeat left bottom;
	padding: 3px 3px 3px 78px;
}

#leistungen-internet-small {
	background: url(/shared/images/hg/internet-small.jpg) no-repeat left top;
	padding: 3px 3px 3px 78px;
}

#softwareentwicklung-small {
	background: url(/shared/images/hg/softwareentwicklung-small.jpg) no-repeat left bottom;
	padding: 3px 3px 3px 78px;
}
#yanis42-small, #apple-small, #musterloesung-small, #kundenmeinungen-small, #xmas-small {
	height: 126px;
}

#it-consulting {
	background: url(/shared/images/hg/it-consulting.jpg) no-repeat left top;
	padding-left: 250px;
}

#it-service {
	background: url(/shared/images/hg/it-service.jpg) no-repeat left top;
	padding-left: 250px;
}

#netzwerke {
	background: url(/shared/images/hg/netzwerk.jpg) no-repeat left top;
	padding-left: 250px;
}

#sicherheit {
	background: url(/shared/images/hg/sicherheit.jpg) no-repeat left top;
	padding-left: 250px;
}

#telefonsupport {
	background: url(/shared/images/hg/telefonsupport.jpg) no-repeat left top;
	padding-left: 250px;
}

#support {
	background: url(/shared/images/hg/support.jpg) no-repeat left bottom;
	padding-left: 250px;
}

#fernwartung {
	background: url(/shared/images/hg/fernwartung.jpg) no-repeat left bottom;
	padding-left: 250px;
}

#hard-und-software-loesungen {
	background: url(/shared/images/hg/hard-und-software-loesungen.jpg) no-repeat left bottom;
	padding-left: 250px;
}

#reparatur-datenrettung {
	background: url(/shared/images/hg/reparatur-datenrettung.jpg) no-repeat left bottom;
	padding-left: 250px;
}

#leistungen {
	background: url(/shared/images/hg/alles-aus-einer-hand.jpg) no-repeat left bottom;
	padding-left:250px;
}

#internet {
	background: url(/shared/images/hg/internet.jpg) no-repeat left top;
	padding-left:250px;
}

#webdesign-programmierung {
	background: url(/shared/images/hg/webdesign.jpg) no-repeat left bottom;
	padding-left:250px;
}

#webhosting {
	background: url(/shared/images/hg/webhosting.jpg) no-repeat left bottom;
	padding-left:250px;
}

#domainregistrierung {
	background: url(/shared/images/hg/domainregistrierung.jpg) no-repeat left bottom;
	padding-left:250px;
}

#ssl {
	background: url(/shared/images/hg/ssl.jpg) no-repeat left bottom;
	padding-left:250px;
}

#suchmaschinenoptimierung {
	background: url(/shared/images/hg/suchmaschinenoptimierung.jpg) no-repeat left bottom;
	padding-left:250px;
}

#internet-marketing {
	background: url(/shared/images/hg/internet-marketing.jpg) no-repeat left bottom;
	padding-left:250px;
}

#telekommunikation {
	background: url(/shared/images/hg/telekommunikation.jpg) no-repeat left bottom;
	padding-left:250px;
}

#ueberwachung {
	background: url(/shared/images/hg/ueberwachung.jpg) no-repeat left bottom;
	padding-left:250px;
}

#softwareentwicklung {
	background: url(/shared/images/hg/softwareentwicklung.jpg) no-repeat left bottom;
	padding-left:250px;
}

#schulungen {
	background: url(/shared/images/hg/schulungen.jpg) no-repeat left top;
	padding-left:250px;
}

#leistungen {
	background: url(/shared/images/hg/leistungen.jpg) no-repeat left bottom;
	padding-left:250px;
}