/************************************/
/* TopFit-24.net CSS Designklasse 	*/
/* (c) 2011 - Reber IT 				*/
/************************************/


/* Basiselemente */
html, body {
	margin: 0px; padding: 0px;
	height: 100%;	
	font-family: Corbel, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	color: #4b4c53;
	}
body { /* Scrollbars */
	overflow: scroll; 
	overflow: -moz-scrollbars-vertical; 
	overflow-x: auto;
	overflow-y: scroll;
	padding-bottom: 0px;
	letter-spacing: 1px;
}
div {
	font-family: Corbel, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	color: #4b4c53;
}
table {
	font-family: Corbel, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	color: #4b4c53;
}


/* Linkdesign */
a:link, a:visited, a:hover, a:active {
	font-family: Arial, Tahoma,  Verdana, Arial, Helvetica, sans-serif;
	color: #8E950B;	text-decoration: none;padding-bottom: 2px;
}
a:hover { text-decoration: underline;  }
a.noDeco:hover { text-decoration: none;  }

/* Design des Kunden (DIV) */
.designWrapper {
	border: 0px solid #930;
	background-color:#fff;
	width: 100%;
	height: 100%;
	min-width: 1200px;
	
	background-image:url(/images/layout/bg/sideBar_bg.png);
	background-repeat:repeat-y;
	
	/* 100% Höhe Designoptimierung für alle Browser */
	min-height: 100%; 
	height:auto !important; 
	height:100%; 
	overflow: hidden !important;
}

#topWrapper {
	width: 100%;
	min-width: 1200px;
	height:235px;
	background-color:#FFF;
	background-image:url(/images/layout/bg/sidebar_bg2.png);
	background-repeat:repeat-y;
}
#topLogo {
	width: 294px;
	height: 120px;		
	float: left;
	margin-top: 25px;
	margin-left: 166px;
	background-image:url(/images/layout/gfx/logo.png);	
	background-repeat:no-repeat;
}
#topImagePlaceHolder {
	float: right;
	width: 716px;
	height:202px;
	background-color:#F8F8F8;
	margin-bottom: 1px;
} /* Titelbilder */
div.imageMAN { background-image:url(/images/layout/gfx/titel_fest.png);	background-repeat:no-repeat; }

/* TOPMENU - Grunddesign */
#topMenu_full {
	float: right;
	width: 100%;
	height:31px;
	background-image:url(/images/layout/bg/topMenu_auslauf.png);
	background-repeat:repeat-x;
}
#topMenu_outer {
	background-image:url(/images/layout/gfx/sideBar_topmenu.png);
	background-repeat:no-repeat;
	width: 154px;
	height:31px;
	float: left;
}
#topMenu_gray {
	float: right;
	border: 0px solid #90C;
	width: 716px;
	height: 31px;
	background-image:url(/images/layout/bg/topMenu_bg.png);
	background-repeat:repeat-x;
}
#topMenu_wai {
	width: 250px;
	height: 26px;
	float:left;	
	margin-top: 2px;
} /* TopMenu_WhereAmI-Anzeige (Grob) */
div.wai_welcome { background-image:url(/images/layout/top_wai/willkommen.png);	background-repeat:no-repeat; }
div.wai_studioB { background-image:url(/images/layout/top_wai/studiobayreuth.png);	background-repeat:no-repeat; }
div.wai_studioH { background-image:url(/images/layout/top_wai/studiohof.png);	background-repeat:no-repeat; }
div.wai_weitere { background-image:url(/images/layout/top_wai/weitere.png);	background-repeat:no-repeat; }
div.wai_impress { background-image:url(/images/layout/top_wai/impressum.png);	background-repeat:no-repeat; }
div.wai_kontakt { background-image:url(/images/layout/top_wai/kontakt.png);	background-repeat:no-repeat; }

/* TOPMENU - Texte & Links */
#topMenu_location { 
	background-image:url(/images/layout/top_menu/locations.png);
	background-repeat:no-repeat;
	width: 129px; height: 17px;
	float:left;
	margin: 2px 80px 0px 3px;
}
#topMenu_trenner { 
	background-image:url(/images/layout/top_menu/trenner.png);
	background-repeat:no-repeat;
	width: 10px; height: 24px;	display:inline-block;	
	margin: 3px 1px 0px 1px;
}
#topLink_studioB { display:inline-block; background-image:url(/images/layout/top_menu/studio_b.png); background-repeat:no-repeat;
	width: 163px; height: 23px;	margin: 3px 5px 0px 5px; }
#topLink_studioH { display:inline-block; background-image:url(/images/layout/top_menu/studio_h.png); background-repeat:no-repeat;
	width: 118px; height: 23px;	margin: 3px 5px 0px 5px; }
#topLink_weitere { display:inline-block; background-image:url(/images/layout/top_menu/weitere.png); background-repeat:no-repeat;
	width: 118px; height: 23px; margin: 3px 5px 0px 5px; }
#topLink_studioB:hover, #topLink_studioB_on { display:inline-block; width: 163px; height: 23px;	margin: 3px 5px 0px 5px;	background-image:url(/images/layout/top_menu/studio_bON.png); }
#topLink_studioH:hover, #topLink_studioH_on { display:inline-block; width: 118px; height: 23px;	margin: 3px 5px 0px 5px;	background-image:url(/images/layout/top_menu/studio_hON.png); }
#topLink_weitere:hover, #topLink_weitere_on { display:inline-block; width: 118px; height: 23px;	margin: 3px 5px 0px 5px;	background-image:url(/images/layout/top_menu/weitereON.png); }
/* TOPMENU - ENDE */


/* CONTENT - Grunddesign*/
#contentWrapper { 
	height: 100%;
	float:right;
	width: 100%;
	min-width: 1200px;
}
#content_inMenu { 
	float: left;
	width: 163px;
	min-height: 100px;
	position:absolute;
	top:235px;
	left: 146px;
}
#content_html { 
	min-width: 550px;
	min-height: 350px;
	margin-left: 330px;
	padding: 20px 16px 110px 0px;
}
/* CONTENT - Teste & Links */
h3.tfHeader { margin: 0px 0px 5px 0px;
	text-indent: 33px;	
	height: 25px;
	line-height: 25px;
	background-image:url(/images/layout/gfx/head.png);
	background-repeat:no-repeat;
	letter-spacing: 2px;
	color: #4b4c53;
}
h4 { font-size:13px;}
h4 a { font-size:13px;}
/* CONTENT - ENDE */

/* FOOTER  - Grunddesign*/
#footerWrapper {
	width: 100%;
	min-width: 1200px;
	height: 33px;	
	margin-top: -33px;
	background-image:url(/images/layout/bg/footer_bg.png);
	background-repeat:repeat-x;
	line-height: 33px; color: #fff;
	letter-spacing: 1px;
}
#footer_placeholder {
	background-image:url(/images/layout/bg/sidebar_bg.png);
	background-repeat:repeat-y;
	width: 146px;
	height: 33px;	
	float: left;
	margin-right: 10px;
}
/* FOOTER  - Menu & Links */
#footerCopyright { display: inline-block; width: auto; float:right; margin-right: 10px; font-weight:bold; letter-spacing: 1px;}
#footerMenu {
	border: 0px solid #333;
	width: 146px;
	height: 90px;	
	float: left;
	margin-top: -95px;
	text-align:right;
}
#footerMenuTop {
	border:0px solid #333;
	width: 146px;
	height: 82px;	
	margin-top: 112px;
	text-align:right;
	position:absolute;
	top: 0px;
	left: 0px;
}
.footerMenu_Link { display:block;
	background-repeat:no-repeat;
	width: 122px; height: 17px;
	margin: 5px 0px 5px 5px;
	padding: 3px 0px;
}
#fm_home { background-image:url(/images/layout/footerMenu/home.png); }
#fm_home:hover, #fm_homeON { background-image:url(/images/layout/footerMenu/homeON.png); }
#fm_impress { background-image:url(/images/layout/footerMenu/impressum.png); }
#fm_impress:hover, #fm_impressON { background-image:url(/images/layout/footerMenu/impressumON.png); }
#fm_kontakt { background-image:url(/images/layout/footerMenu/kontakt.png); }
#fm_kontakt:hover, #fm_kontaktON{ background-image:url(/images/layout/footerMenu/kontaktON.png); }
#footerErfolg2010 {
	background-image:url(/images/layout/erfolgStudio.png);
	background-repeat:no-repeat;
	width: 639px;
	height: 143px;
	float: right;
	margin-top: -110px;
	margin-bottom: -33px;
}
/* FOOTER  - ENDE */