/* ##### template.css ##### */
/**************************
** made by Kay Gade, 22/10/07    *
** kay.gade@web.de                      *
***************************
*/
/* font stil */

body
{height:100%;  
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px;
margin-bottom: 0px; 
padding:0px;
background-image:url(../images/background.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:0% 0%;
background-color:#fff;
font-size: 100%;
line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;}

h1{font-size: 1.5em; color: #CF3938; font-weight: bold; border-bottom: 1px dotted #CF3938;}
h2 {font-size: 1em; color: #CF3938; font-weight: bold; }

/*main container*/
#aussen{height:100%;
min-height: 100%;
height: auto !important;
margin:0px;
position: absolute;
left: 80px; 
padding-bottom:80px;
padding-top:50px;
background: transparent;
width: 800px;
border: 0px solid blue;
}

/* container with logo MC Beauty */
#logo {
	position: absolute;
	top: 20px;
	right: 70px;
	width: 193px;
	height: 140px;
	background: transparent url(../images/logo.png) center no-repeat;
}
#logo_index_index {
	position: absolute;
	top: 20px;
	right: 70px;
	width: 193px;
	height: 140px;
	background: transparent url(../images/logo.png) center no-repeat;
}

/* container with section picture top left corner */
#logo_index {
	position: absolute;
	top: 0px;
	left: 60px;
	z-index: 50;
	background: transparent url(../images/index_top.png) center top no-repeat;
	width: 350px;
	height: 233px;
}
#logo_services {
	position: absolute;
	top: 0px;
	left: 60px;
	z-index: 50;
	background: transparent url(../images/services_top.png) center top no-repeat;
	width: 350px;
	height: 233px;
}
#logo_products {
	position: absolute;
	top: 0px;
	left: 60px;
	z-index: 50;
	background: transparent url(../images/products_top4.png) center bottom no-repeat;
	width: 350px;
	height: 200px;
}
#logo_contact {
	position: absolute;
	top: 0px;
	left: 60px;
	z-index: 50;
	background: transparent url(../images/contact_top.png) center top no-repeat;
	width: 350px;
	height: 200px;
}

/* navigation container with menu */
#nav {
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
vertical-align:top;
width:10em;
height: 100%;
position: absolute;
top: 150px;
left: 0px;
z-index: 100;
}
#navi_header_left {width: 27px; height: 27px; background: transparent url(../images/navi_header_left.png) left top no-repeat;}
#navi_header_body {width: 10em; height: 27px; background: transparent url(../images/navi_header_body.png) left top repeat-x;}
#navi_header_right {width: 27px; height: 27px; background: transparent url(../images/navi_header_right.png) right top no-repeat;}

#navi_body_left {width: 27px; background: transparent url(../images/navi_body_left.png) left top repeat-y;}
#navi_body_body {width: 10em; background-color: #CF3938;}
#navi_body_right {width: 27px; background: transparent url(../images/navi_body_right.png) right top repeat-y;}

#navi_footer_left {width: 27px; height: 27px; background: transparent url(../images/navi_footer_left.png) left top no-repeat;}
#navi_footer_body {width: 10em; height: 27px; background: transparent url(../images/navi_footer_body.png) left top repeat-x;}
#navi_footer_right{width: 27px; height: 27px; background: transparent url(../images/navi_footer_right.png) right top no-repeat;}

#dlmenu {height:10em; width:11em; }

#menu {list-style-type:none; margin: 0 0 0px; padding:0; width:10.5em; position:absolute; background:transparent; z-index:100;}
#menu li {display:block; padding:0; margin:0; margin-top: 0px; padding-left: 0px; position:relative; z-index:100; } /*url(images/nav_body_left.png) repeat-y left top*/
/*first-child+html #menu li {display:block; padding:0; margin:0; margin-top: -3px; padding-left: 10px; position:relative; z-index:100; background:transparent url(../images/nav_body_left12.png) repeat-y left top ;} /* special hack for IE7*/
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#active dd {display: block;}
.gallery_active {display:block;}

#menu li:hover, #menu li a:hover {border:0;  background: transparent;}
#menu li:hover dt a , #menu li a:hover dt a {color:white; font-weight: bold; } /*url(../images/bg_nav.gif) repeat-y right top  */
#menu li:hover dd, #menu li a:hover dd {display:block; font-size: 0.8em;}
#menu li:hover dl, #menu li a:hover dl {height:100%;} /*url(../images/bg_nav.gif) repeat-y right top  url(../images/bg_nav.gif) repeat-y right top*/

#menu li.null:hover dl, #menu li.null a:hover dl {height:27px;}
#menu li.null_sub:hover dl, #menu li.null_sub a:hover dl {height:100%;}

/* CSS-Hack fuer IE7 */
*:first-child+html #menu li.null {display:block; padding:0; margin:0; margin-top: -3px; padding-left: 0px; position:relative; z-index:100; }
*:first-child+html #menu li.null_sub {display:block; padding:0; margin:0; margin-top: -3px; padding-left: 0px; position:relative; z-index:100;}
*:first-child+html #menu li {display:block; padding:0; margin:0; margin-top: -3px; padding-left: 0px; position:relative; z-index:100; }


#menu table {border-collapse:collapse; padding:0; margin:0px; font-size:1em;}
#menu dl {width: 10em; margin: 0; cursor:pointer;}
#menu dt {margin:0; margin-top: 0px; padding: 0; font-size: 0.8em; border:0px solid #cce;}
#menu dd {margin:0px 0px 0px 0px; padding:0; font-size: 0.8em; text-align:left; }

/*.gallery dt {display:block; background:transparent url(../images/nav_footer_right1.png) no-repeat right top; }*/
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; margin-top: 0px; padding:5px 0px 0px 0px;}
.gallery dd a, .gallery dd a:visited {color:#fff; min-height:1em; text-decoration:none; display:block; padding:2px 0px 0px 5px;}

.gallery_active dt a, .gallery_active dt a:visited {display:block; color:#fff; margin-top: 0px; padding:5px 0px 0px 0px;}
.gallery_active dd a, .gallery_active dd a:visited {color:#fff; min-height:1em; text-decoration:none; display:block; padding:2px 0px 0px 5px;}

.gallery dl {height: 100%;}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {color:#fff; font-size: 1em; font-weight: bold;  background-color: #CF3938;}

/* main content container */
#main_frame {
height:100%;
width: 719px;
position: absolute;
left: 5em;
top: 170px;
/*background:transparent;*/
/*background-color: #f9ede4;*/
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
vertical-align:top;
color:#808080; /*#9B9B9B*/
text-align:left;
border:solid 0px #3C4E62;
z-index: 2;
/*
background-image:url(../images/bg.png)!important;
background-image:url(../images/bg.gif);_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
*/
}

#main p {color:#;margin: 0px; }

/* main_header container for background picture top */
#main_header {
	background:  url(../images/main_header.png) left top no-repeat ;
	border:solid 0px #3C4E62;
	height: 34px;
}

/* main_body container for content */
#main_body {
	background: transparent url(../images/main_body.png) repeat ;
	padding:20px 40px 10px 8em;
	font-size: 0.8em;
	border:solid 0px #3C4E62;
	text-align: left;
	margin-top: 0px;
}
#main_body a:link, a:visited { font-weight:normal; color:#CF3938; text-decoration:none; background: transparent;}
#main_body a:hover, a:focus, a:active{ font-weight:normal; color:#CF3938; text-decoration:none;  background: transparent; border-bottom: 1px dotted #CF3938;}

#main_body td {vertical-align: top; padding: 0px 8px;}

/* main_footer container for background-picture bottom */
#main_footer {
	background: transparent url(../images/main_footer.png) left top no-repeat ; 
	min-height: 34px; 
	padding-top: 40px;
	text-align: right;
	width: 100%;
	font-size: 0.6em;
	color: #CF3938;
	padding-right: 20px;
	text-decoration: none;
}
#main_footer a:link { font-weight:normal; color:#808080; text-decoration:none; background: transparent;}
#main_footer a:visited { font-weight:normal; color:#808080; text-decoration:none; background: transparent;}
#main_footer  a:hover, a:focus, a:active{ font-weight:normal; color:#CF3938; text-decoration:none;  background: transparent; border-bottom: 1px dotted #CF3938;}

/* font-style for spans */
#red {color: #CF3938; font-weight: bold;}
#arrow_top {
	text-align: right;
}
#arrow_top img {
	border: 0px;
}


/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #000000; scrollbar-base-color: #ffffff;
scrollbar-highlight-color : #000000; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}

/* ######### CSS for long content modules ######### */

.modernbricksmenu2{
padding: 0;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #CF3938;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 0px;
}

.modernbricksmenu2 a:hover{
color: #CF3938;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
color: #CF3938;
border-bottom: 1px dotted #CF3938; /*Brown color theme*/ 
}

.tabcontent{
display:none;
margin-top: 20px;
}

@media print {
.tabcontent {
display:block !important;
}
}