/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* @group Basic Definitions
 */
body {
	color: #333;
	font: 12px/18px Helvetica, Arial, Verdana, sans-serif, "Trade Gothic LT Std";
	background: #FFF;
}
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em;
	padding-bottom: 10px;}
h3 {
	font-size: 1.333em;
	padding-bottom: 20px;
}
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #BEBFC1;
	text-decoration: none;
	outline: none; /* gegen hyperlink-Rand im Firefox */

}
a:visited { }
a:hover { 
	text-decoration: none;
	color: #333;
}

:focus {
  -moz-outline-style:none;
}

img {
	border-style: none;
}


a img {
}

td { vertical-align: top; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

.gradient, .detail-wrapper {
/* Legacy browsers */
/* 	background: #c6c6c6;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
/* Recent browsers */
/*	background: -moz-linear-gradient(
		left top,
		#ffffff,
		#c6c6c6
	);
	background: -webkit-gradient(
		linear,
		left top, right bottom,
		from(#ffffff),
		to(#c6c6c6)
	);
*/
}

/* @end */

#main {
	position: relative;
}

div#page {
	margin: 60px auto 0;
	overflow: hidden;
	width: 1000px;
	padding: 10px;
}

#header {
}

/* @group Logo */

div#logo-wrapper {
}

#mg_logo {
	height: 70px;
	width: 67px;
}

/* @end */

.right-content {
	width: 910px;
	float: right;
}

.left-content {
	width: 67px;
	float: left;
}

#up {
	clear: both;
}

/* @group #down */

#down {
	clear: both;
	padding-top: 20px;
}

#down .right-content ul{
	padding-left: 4px;
}

#down ul {
	list-style-type: none;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	margin-top: 0.2em;
	display:inline-block;
}

#down li {
/*	float: left;*/
	margin: 0 2px 3px 0;
	border: 1px solid white;
	line-height: 14px;
}

#down li:first-child {
	float: none;
}

#down a {
	text-decoration: none;
	border: 1px solid #fff;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	padding: 0 0.2em;
}

#down a:active {
	background-color: #e5e5e6;
}

/* @end */



/* @group main-nav */

ul#main-nav {
	padding-right: 0;
	padding-left: 0;
}
 
ul#main-nav li.current a{
	color: #333;
}


/* @end */

/* @group filter */


ul#filter a { 
	text-decoration: none;
}


ul#filter li {
	float: left;
}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }


ul#filter li.current a {
	color: #1e1e1e;
}

ul#filter li.current a:hover {
	color: #1e1e1e;
}



ul#filter:hover li.current a {
	color: #1e1e1e;

}

/* @end */

/* @group portfolio */

#portfolio-wrapper {
	height: 420px;
	position: relative;
}

ul#portfolio {
	list-style: none;
	display: inline-block;
	position: relative;
}

ul#portfolio li {
	float: left;
}
ul#portfolio a { display: block; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img {
	display: block;
	height: 70px;
	width: 70px;
	border:none;
}

/* @end */

/* @group Detai View
 */

.detail-wrapper {
	height: 100%;
	position: relative;
}


.detail-thumbs-wrapper {
	float: right;
}

.detail-thumbs-wrapper a {
	display: block;
}

.detail-thumbs-wrapper a:hover img {
	opacity: 0.15;
}


.detail-thumbs-wrapper img{
	height: 70px;
	width: 70px;
	vertical-align: bottom;
}

.main-image-wrapper{
	height: 100%;
	max-width: 90%;
	position: relative;
	float: left;
}

.main-image-wrapper img {
	max-width: 100%;
	max-height: 100%;
}

#main-image {
	border-bottom: 1px solid #fff;
}

.caption {
}

#down ul.caption-text li {
}

.caption-text-wrapper {
	background-color:#000;
	float: left;
	padding: 0.5em;
	height: 7em;
	text-align: left;
}

a.main_thumb1 img {
	opacity: 0.15;
}

/* @end */

/* @group Before-After */

#ba-container {
	border: 1px solid #fff;
}

.ba-caption {
	margin: 10px 4px 4px;
	display: none;
}

.ba-pics img {
	cursor: ew-resize;
}

.bflinks {
}

.bflinks a {
	padding-right: 4px;
	padding-left: 4px;
	top: 4px;
	text-decoration: underline;
	color: #7f7f7f;
}

#content a {
	margin-right: -3px;
	display: block;
}

#content a span img {
	vertical-align: bottom;
}

/* @end */

#text-wrapper {
	margin-top: 55px;
	margin-left: 70px;
	margin-right: 70px;
}


#about { width: 100%; }

#about td {width: 50%; }

.multi-column1 { 
	-moz-column-width: 21em;
	-webkit-column-width: 21em;
	-moz-column-gap: 3em;
	-webkit-column-gap: 3em; }

#text-wrapper table {
	width: 100%;
	border: 0px;
	vertical-align: top;
	 }



#text-wrapper table tr td { width: 50%; }