@charset "UTF-8";
* {margin:0; padding:0; border:0; outline:none;}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color:#9c885c;
}
body {
	background: url(img/hg.jpg) #E6E0CA repeat-y center;
	overflow:scroll;
}
#main {
	width:790px;
	margin:22px auto;
}
#header {
	width:745px;
	height:46px;
	padding-top:119px;
	margin:0 auto 22px auto;
	background:url(img/kopf.gif) no-repeat;
}
#content {
	width:745px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#menu {
	height:46px;
	width:573px;
	margin:0 auto;
	overflow:hidden;
}

#footer {
	width:745px;
	margin:20px auto 0 auto;
	text-align:right;
	font-size:10px;
}
a.top {
	display:block;
	width:745px;
	height:21px;
	margin:10px 0;
	background:url(img/footer.gif) no-repeat;
}
#footer a.top,
#logos #footer a.top{
	margin:3px 0;
}
#logos a.top{
	margin:20px 0;
}
#opener {
	background:url(img/illu_home.jpg) no-repeat;
	width:701px;
	height:270px;
	color:#FFFFFF;
	margin-bottom:50px;
	padding:22px 22px 50px 22px;
	overflow:hidden;
	position:relative;
}
#portfolio #opener {
	background:url(img/MB_Illu_Portfolio.jpg) no-repeat;
}
#kunden #opener,
#kontakt #opener,
#impressum #opener {
	height:133px;
	width:745px;
	padding:0;
	background:url(img/MB_Kundenliste2.jpg) no-repeat;
}
#kontakt #opener{
	background:url(img/MB_Illu_Kontakt.jpg) no-repeat;
}
#impressum #opener{
	background:url(img/MB_Illu_Impressum.jpg) no-repeat;
}
#netzwerk #opener {
	background:url(img/MB_Illu_Netzwerk.jpg) no-repeat;
	height:246px;
	width:100%;
	padding:0;
	margin:40px 0 0 0;
}

#opener h1 {color:#BE3419}
#portfolio #opener h1 {color:#a0544e}

#opener p {color:#FFFFFF; margin:0;}
#opener p.bildunterschrift{
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	color:#9c885c;
}

#opener p.bildunterschrift2{
	text-align:right;
	position:absolute;
	bottom:14px;
	right:0px;
	color:#99181B;
	height: 61px;
}
#opener p.bildunterschrift2 a{
	color:#99181B;
}
#reddot{
	position:absolute;
	top:316px;
	left: 20px;
	width:230px;
}
#reddot img,
#reddot2 img{
	margin-bottom:15px;
}
#reddot2{
	position:absolute;
	top:434px;
	left: 513px;
	width:180px;
}
/*menu
--------------------------------*/
#menu ul {
	list-style:none;
	display:block;
	width:100%;
	height:23px;
	position:relative;
}
#menu ul li {
	float:left;
	height:23px;
	display:block;
}
#menu ul ul li{
	padding-right:4px;
	background:url(img/pipe.gif) no-repeat right 2px;
}
#menu ul ul li#last{
	padding:0;
	background:none;
}
#menu ul ul{
	position:absolute;
	left:16px;
	top:23px;
	display:none;
	padding-top:3px;
	width:580px;
}
#menu ul li:hover ul,
#menu ul li.current ul{
	display:block;
}
#menu ul li a {
	height:23px;
	display:block;
	background-repeat:no-repeat;
}
#menu ul li a:hover,
#menu ul li:hover a,
#menu ul li.current a {
	background-position:0 -23px;
}
#menu ul ul li a,
#menu ul ul li a:hover{
	background:url(img/menu.gif) no-repeat;
	height:20px;
}
#menu ul li a.home {background-image:url(img/home.gif); width:67px;}
#menu ul li a.kunden {background-image:url(img/kunden.gif); width:75px;}
#menu ul li a.portfolio {background-image:url(img/portfolio.gif); width:89px;}
#menu ul li a.profil {background-image:url(img/profil.gif); width:67px;}
#menu ul li a.netzwerk {background-image:url(img/netzwerk.gif); width:90px;}
#menu ul li a.kontakt {background-image:url(img/kontakt.gif); width:80px;}
#menu ul li a.impressum {background-image:url(img/impressum.gif); width:103px;}

#menu ul li li a.logos,
#menu ul li.current li a.logos {width:58px; background-position:13px 0;}
#menu ul li li a.logos:hover,
#menu ul li.current li a.logos:hover,
#menu ul li.current li.current a.logos {background-position:13px -20px;}
#menu ul li li a.cd,
#menu ul li.current li a.cd {width:134px; background-position:-32px 0;}
#menu ul li li a.cd:hover,
#menu ul li.current li a.cd:hover,
#menu ul li.current li.current a.cd {background-position:-32px -20px;}
#menu ul li li a.print,
#menu ul li.current li a.print {width:56px; background-position:-152px 0;}
#menu ul li li a.print:hover,
#menu ul li.current li a.print:hover,
#menu ul li.current li.current a.print {background-position:-152px -20px;}
#menu ul li li a.web,
#menu ul li.current li a.web {width:52px; background-position:-195px 0;}
#menu ul li li a.web:hover,
#menu ul li.current li a.web:hover,
#menu ul li.current li.current a.web {background-position:-195px -20px;}
#menu ul li li a.illustration,
#menu ul li.current li a.illustration {width:94px; background-position:-233px 0;}
#menu ul li li a.illustration:hover,
#menu ul li.current li a.illustration:hover,
#menu ul li.current li.current a.illustration {background-position:-233px -20px;}
#menu ul li li a.scribble,
#menu ul li.current li a.scribble {width:121px; background-position:-314px 0;}
#menu ul li li a.scribble:hover,
#menu ul li.current li a.scribble:hover,
#menu ul li.current li.current a.scribble {background-position:-314px -20px;}


.ref{
	overflow:hidden;
	padding:23px 0;
}
.ref img{
	margin:0 0 20px 23px;
}
.ref .platz img,
.ref .platz2 img,
.ref .thumb img,
.ref .thumb2 img{
	margin:0;
}
.right{
	width:355px;
	float:right;
	text-align:center;
	margin-right:30px;
}
.right img{
	margin:0;
}
.center{
	width:100%;
	text-align:center;
}

.large,
.large2 {
	width: 650px;
	float: left;
	background: url(img/indicator.gif) no-repeat 40% 40%;
}
.large2{
	width:495px
}
.platz,
.platz2{
	height:440px;
	text-align:center;
	margin-left:23px;
	margin-top:2px;
}
.platz2{
	text-align:left;
}
.image_container{
	height:400px;
	width:100%;
	display:block;
}
#content ul.thumb,
#content ul.thumb2{
	width: 45px;
	float: right;
	display:inline;
	margin:0 23px 0 0;
	list-style: none;
	background: #fff;
}
#content ul.thumb2{
	width:225px;
}
#content ul.thumb li,
#content ul.thumb2 li {
	float: left;
	width: 41px;
	margin: 0 0 4px 4px;
	display:inline;
}
#content ul.thumb a,
#content ul.thumb2 a {
	display: block;
	width: 35px;
	height: 35px;
	border: 2px solid #fff;
	padding:1px;
	background:#E6E0CA;
	text-align:center;
}
#content ul.thumb a img,
#content ul.thumb2 a img{
	width:35px;
}
#content ul.thumb a:hover,
#content ul.thumb a:active,
#content ul.thumb a:focus,
#content ul.thumb2 a:hover,
#content ul.thumb2 a:active,
#content ul.thumb2 a:focus{
	border-color: #9c885c;
	background:#9c885c;
}

.mittig{
	width:50%;
	margin-left:25%;
}
#profil .mittig{
	margin-left:0;
	padding-left:25%;
	background:url(img/MB_Profil.jpg) no-repeat left top;
}


/*textformate
--------------------------------*/
.breaker {
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}
h1 {
	font-size:14px;
	font-weight:bold;
	margin:0 16px 14px 0;
	text-decoration:none;
	line-height:18px;
}
h2 {
	font-size:12px;
	font-weight:bold;
	margin:0 16px 0 0;
	text-decoration:none;
	line-height:18px;
	background:url(img/h1.gif) no-repeat left 2px;
	padding-left:23px;
}
#profil .mittig h2{
	display:block;
	width:150px;
}
p {
	margin:0 0 12px 23px;
}
#content ul{
	margin:0 0 12px 43px;
}
a{
	color:#9c885c;
}