@charset "utf-8";
/* CSS Document */
html {
	margin:0;
	padding:0;
}

*{
	margin:0;
	padding:0;
}

body {
	background-image: url(../images/hdgrnd.png);
	background-repeat: no-repeat;
	background-position:top right;
	margin:20px;
	height:101%;
}


/*StyleDivs*/

#MainWrapper{
	width:960px;
	margin: 0 auto;
}



#Header{
	width:960px;
	height: 108px;
	background:#4a4d4d;
	/*background-image:url(../images/header_bgrnd.png);*/
}
#HeaderMenu{
	width: 960px;
	background:#4a4d4d;
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		
}

#HeaderMenu a{
	margin: 15px;
	line-height: 40px;
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	text-decoration: none;	
	}
#HeaderMenu a:hover{
	text-decoration:underline;	
}

img.mumemilogo{
	float:right;
	margin: 15px;	
}

#HomeDiv{
	width: 960px;
	margin-top: 50px;
	background:#4a4d4d;
}

#FooterWrapper{
	width: 920px;
	margin-top: 20px;
	background:#4a4d4d;
	padding: 20px;
	padding-bottom: 10px;
	overflow:hidden;
	color:#666;
	font-family:Arial, Helvetica;
	font-size:12px;	
}

#FooterLeft{
	background:#4a4d4d;
	float: left;
	width: 400px;
}
#FooterRight{
	background:#4a4d4d;
	float: right;
	width: 90px;
	height: 40px;
}

div.TeaserText{
	margin:20px;	
	color:#fff;
	font-family:Arial, Helvetica;
	font-size:14px;
}

div.ColumOneKontakt, div.ColumTwoKontakt{	
	margin-left: 20px;
	color:#fff;
	font-family:Arial, Helvetica;
	font-size:14px;
}
div.TeaserText img{
	margin:0;
	margin-top:20px;
 }

#PortfolioButtonsWrapper{
	width: 960px;
	margin-top: 50px;
}

#WebButton img{
	width: 290px;
	height: 290px;
	border:0;
	margin-left: 20px;
	float:left;
}

#VideoButton img{
	width: 300px;
	height: 290px;
	border:0;
	margin-left: 20px;
	float: left;
}

#OtherButton img{
	width: 290px;
	height: 290px;
	border:0;
	margin-left: 20px;

}

#MainWebWrapper{
	background-image:url(../images/hdgrnd-web.png);
	width:960px;
	margin-top:40px;
	overflow:hidden;
	padding-bottom: 20px;
	}
#WebDotsImage{
	background-image:url(../images/head-web.png);
	background-repeat:no-repeat;
	background-position: 20px;
	height:60px;
	margin-top:20px;
	float:none;
	cursor:pointer;
}
	
#MainVideoWrapper{
	background-image:url(../images/hdgrnd-video.png);
	width:960px;
	margin-top:40px;
	overflow: hidden;
	padding-bottom: 20px;
	}
#VideoDotsImage{
	background-image: url(../images/head-video.png);
	background-repeat:no-repeat;
	background-position: 20px;
	height:60px;
	margin-top:20px;
	float:none;
	cursor:pointer;
}
#MainOtherWrapper{
background-image:url(../images/hdgrnd-other.png);
	width:960px;
	margin-top:40px;
	overflow:hidden;
	padding-bottom: 20px;

	}
#OtherDotsImage{
	background-image:url(../images/head-other.png);
	background-repeat:no-repeat;
	background-position: 20px;
	height:60px;
	margin-top:20px;
	float:none;
	cursor:pointer;
}
#MainKontaktWrapper{
	background:#4a4d4d;
	width:960px;
	margin-top:40px;
	overflow: hidden;
	padding-bottom: 20px;
	}


/*ThreeColumWrapper Design*/
div.ThreeColumsWrapper{
	width: 960px;
	margin-top:20px;

}

div.ColumOne{
	width: 320px;
	float: left;
	
}
div.ColumTwo{
	width: 320px;
	float: left;
}
div.ColumOne2{
	width: 560px;
	float: left;
	
}
div.ColumTwo2{
	width: 400px;
	float: left;
}

div.ColumTwo2 img{
	/*width: 350px;*/
	margin-left: 25px;
	/* custom decorations */
	border:3px solid #588b80;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
}

div.ColumOneVideo{
	width: 480px;
	float: left;
	
}
div.ColumTwoVideo{
	width: 480px;
	float: left;
}

div.ColumOneKontakt{
	width: 500px;
	float: left;
	
}
div.ColumTwoKontakt{
	width: auto;
	float: left;
}
div.ColumTwoVideo img{
	/*width: 350px;*/

	/* custom decorations */
	border:3px solid #588b68;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
}

div.ColumThree{
	width: 320px;
	margin-top: 50px;
	float: left;
}


#HomeWebTeaser,#HomeVideoTeaser,#HomeOtherTeaser{
	margin:20px;
	font-family:Arial, Helvetica;
	font-size:14px;
	color:#666;
}
#webteaser{
	float: right;
	margin:15px;
}

div.ColumOne p, div.ColumOne h1, div.ColumOne2 h1, div.ColumOne2 p, div.ColumOneVideo h1, div.ColumOneVideo p{
	margin-left: 20px;
	font-family:Arial, Helvetica;
	font-size:14px;
	color:#666;
	font-weight:normal;
}

div.ColumOne2 h1, div.ColumOneVideo h1{
		font-size:18px;
}

div.ColumOne a, div.ColumOne h1, div.ColumOne2 h1, div.ColumOne2 a,div.ColumOneVideo h1, div.ColumOneVideo a,  a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#333;	
}

div.ColumThree p{
	font-family:Arial, Helvetica;
	font-size:14px;
	color:#587081;
	margin-right: 20px;
}

div.ColumThree a{
	color:#587081;
	text-decoration:none;
}
div.ColumOne a:hover{
	color:#58758b;
}
div.ColumThree a:hover{
font-weight: bold;
}

.online{
	color:#4e754e;	
}


#LineOther{
	width: 535px;
	height: 30px;
	margin:0 auto;
	margin-top:20px;
	
	}
#LineVideo{
	width: 535px;
	height: 30px;
	margin:0 auto;
	}

div.VideoLeft, div.VideoRight{
	width: 200px;
	text-align: center;	
	font-family:Arial, Helvetica;
	font-size:10px;
	color:#666;
	font-weight:normal;
	margin-bottom: 10px;

}

div.VideoRight{
	float: right;
	margin-right: 30px;	

}

div.VideoLeft{
	float: left;
	margin-left: 20px;	
}

/* FLOWPLAYER STYLES */

.overlay {
	background-color:#000;
	padding:15px;	
	width:500px;  
	display:none;
	background-image:url(../images/transp.gif);
}

.close {
	background:url(../images/close.png) no-repeat;
	position:absolute;
	top:-15px;
	display:block;
	right:-15px; 
	width:30px;
	height:30px;
	cursor:pointer;
	z-index:11111;
}

a.player { 		
	display:block;
	height:278px;			
}

/* Kontakformular*/
input, textarea{
	font-family: Arial, Helvetica;
	font-size: 12px;
	text-transform: uppercase;
	font-variant: normal;
	color: #666;
	text-decoration:none;
	line-height:20px;
	letter-spacing:2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	width: 350px;
	height: 25px;
	
}
textarea{
	height: 200px; !important
}

div.name_block a, .connect_widget_not_connected_text, .connect_widget_connected_text, .connect_widget_user_action connect_widget{
	color:#999;	!important
}


/* B L O G */

#MainBlogWrapper{
background-image:url(../images/hdgrnd-blog.png);
	width:960px;
	margin-top:40px;
	overflow:hidden;
	padding-bottom: 10px;
	}
	
#MainBlogWrapperPrevNav{
background-image:url(../images/hdgrnd-blog.png);
	width:960px;
	margin-top:10px;
	overflow:hidden;
	padding-bottom: 20px;
	}

#MainBlogWrapper1, #MainBlogWrapper2, #MainBlogWrapper3{
	width:960px;
	margin-top:10px;
	overflow:hidden;
	padding-bottom: 10px;
	}	

#MainBlogWrapper1{
background-image:url(../images/hdgrnd-web.png);
	}
	
	
#MainBlogWrapper2{
	background-image:url(../images/hdgrnd-video.png);
}

#MainBlogWrapper3{
	background-image:url(../images/hdgrnd-other.png);
	}	
	

#BlogDotsImage{
	background-image:url(../images/head-blog.png);
	background-repeat:no-repeat;
	background-position: 20px;
	height:60px;
	margin-top:20px;
	float:none;
	cursor:pointer;
}

#HomeBlogTeaser{
	margin:20px;
	font-family:Arial, Helvetica;
	font-size:14px;
	color:#d7d7d7;
}

#HomeBlogTeaser1, #HomeBlogTeaser2, #HomeBlogTeaser3{
	margin:20px;
	font-family:Arial, Helvetica;
	font-size:14px;
	color:#666;
}

div.entry-utility1, div.entry-utility2, div.entry-utility3{
width: auto;
margin 0 auto;
font-size: 10px;
font-weight: normal;
 color:#58758b;	
}

div.entry-utility1, div.entry-utility1 a, #HomeBlogTeaser1 H1{
 color:#58758b;	
}
div.entry-utility2, div.entry-utility2 a, #HomeBlogTeaser2 H1{
 color:#588b68;	
}
div.entry-utility3, div.entry-utility3 a, #HomeBlogTeaser3 H1{
color:#588b80;	
}

div.entry-utility1 a:hover, div.entry-utility2 a:hover, div.entry-utility3 a:hover{
	font-weight: bold;
	text-decoration:underline;	
}

div.entry{
	margin-bottom:20px;	
}

a.more-link{
	float:right;
	margin-top:15px;	
}

*/ ENDE B L O G * /