@charset "utf-8";
/* CSS Document */



/* 
#################################################################
# Allgemeine Seiteneigenschaften								#
################################################################# 
*/

body {
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
	
	font-family:Verdana;
	font-size:10pt;
	color:#474747;
	
}




.scrollbar { 

}


/* 
#################################################################
# Postionselemente												#
################################################################# 
*/



#container{
	width:1006px;
	text-align:center;
	margin: 0px auto; /* Auf Kompatibilität prüfen! */
	padding-top:5px;
}


#waves{
	background-image:url(grafiken/background_waves.png);
	background-position:top center;
	position:absolute;
	z-index:-10;
	width:1920px;
	height:473px;
	
	left:50%;
	margin-left:-960px;
	
}



/* header */

#headerbox{
	background-image:url(grafiken/background_content_top.png); 
	background-repeat:no-repeat; 
	height:241px; 
	width:1006px;
	
	position:relative;
	
}

#headerimage{
	text-align:left;
	padding-left:29px;
	padding-top:28px;
	
}

#changingHeader1{
	
	text-align:left;
	background-image:url(grafiken/headerImages/headerimage_produkte.jpg); /* dynamic change */
	background-repeat:no-repeat;
	
	position:absolute;
	
	left:29px;
	top:28px;
	width:944px;
	height:213px;
	
	z-index:10;/*dynamic change*/
	
}
#changingHeader2{
	
	text-align:left;
	background-image:url(grafiken/headerImages/headerimage_produkte.jpg); /* dynamic change */
	background-repeat:no-repeat;
	visibility:hidden; /*dynamic change*/
	
	position:absolute;
	
	left:29px;
	top:28px;
	width:944px;
	height:213px;
	
	z-index:9;/*dynamic change*/
}



#controlbar{
	width:949px; /*1006px - padding*/
	text-align:right;
	font-family:verdana;
	font-size:8pt;
	word-spacing:5px;

	padding-right:30px;
	padding-left:29px;
	
}

#logo{

}




/* Select Language  */

#selectLanguage{
	width:auto;
}

#selectLanguage:hover{
	background-color:#ffffff;
	cursor:pointer;
}


#selectLanguageLanguagesBox{
	display:none;  /*wird via JS aktiviert */
	
	background-image:url(grafiken/greyout.png);
	background-repeat:repeat;
	
	width:100%;
	height:100%;
	position:fixed;
	z-index:100;	
}

#selectLanguageLanguages{
	
	position: absolute; 
	left: 50%; 
	top: 50%; 
	text-align:center; 
	width: 100%; 
	margin-left: -50%;
	color:#ffffff;
}

.flagbox{
	font-family:Verdana;
	font-size:14px;
	vertical-align:middle;
	color:#ffffff;
	padding-right:30px;
}

.flagbox:hover{
	font-family:Verdana;
	font-size:14px;
	vertical-align:middle;
	background-color:#ffffff;
	color:#505050;
	padding-right:30px;
	cursor:pointer;
}



/* navigation */

#menuebox{
	height:98px;
	width:1006px;
	background-image:url(grafiken/logo_muellerporzellan.png);
	background-repeat:no-repeat;
	background-position:center;

}


#menueAndSearch{
	width:949px; /*1006px - padding*/
	text-align:left;

	padding-right:30px;
	padding-left:29px;	
	
}

#tableMenue{
	width:949px;
}



.menue_item{
	padding-right:40px;
	height:75px;
	vertical-align:middle;
	font-family:"Blair ITC Light";
	font-size:13pt;
	color:#ffffff;
	
	}


.menue_item:hover{
	padding-right:40px;
	height:75px;
	vertical-align:middle;
	font-family:"Blair ITC Light";
	font-size:13pt;
	color:#505050;
	cursor:pointer;
}

.menue_itemActive{
	padding-right:40px;
	height:75px;
	vertical-align:middle;
	font-family:"Blair ITC Light";
	font-size:13pt;
	color:#505050;
	cursor:pointer;
	
	padding-top:0px;
	background-image:url(grafiken/navigationActive.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}




/* Sidemenue */

#sidemenue{
	width:224px; /* headerimage - #content */	
}

.sidemenue_item{
	text-align:left;
	text-indent:20px;
	background-color:#f1f0e6;
	color:#505050;
	border-bottom:1px solid #d2d1c1;
	border-right:3px solid #d2d1c1;
	padding-top:3px;
	padding-bottom:3px;
	
}

.sidemenue_item:hover a{
	color:#ffffff;
}



.sidemenue_item:hover{
	text-align:left;
	text-indent:20px;
	background-color:#40403b;
	color:#ffffff;
	border-bottom:1px solid #d2d1c1;
	border-right:3px solid #d2d1c1;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
	
}


.sidemenue_itemActive{
	text-align:left;
	text-indent:20px;
	background-color:#40403b;
	color:#ffffff;
	border-bottom:1px solid #d2d1c1;
	border-right:3px solid #d2d1c1;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
	
}



.sidemenue_subItem{
	text-align:left;
	padding-left:60px;
	background-color:#f9f9f7;
	color:#505050;
	border-bottom:1px solid #d2d1c1;
	border-right:3px solid #d2d1c1;
	padding-top:3px;
	padding-bottom:3px;
	
}

.sidemenue_subItem:hover{
	text-align:left;
	padding-left:60px;
	background-color:#f9f9f7;
	color:#505050;
	border-bottom:1px solid #d2d1c1;
	border-right:3px solid #d2d1c1;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
}

.sidemenue_subItem:hover a{
	color:#505050;
}

.sidemenue_subItemActive{
	text-align:left;
	padding-left:60px;
	background-color:#f9f9f7;
	color:#505050;
	border-bottom:1px solid #d2d1c1;
	border-right:3px solid #d2d1c1;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
}



#pagetitle{
	text-align:left;
	text-indent:-10px;
	padding-left:20px;
	font-family:"Blair ITC Light";
	color:#d2d1c1;
	font-size:12pt;
	padding-top:5px;
	padding-bottom:5px;
	border-right:3px solid #d2d1c1;
}




/* Searchbox */

#searchbox{
	width:100%;
	text-align:right;
	height:75px;
	vertical-align:middle;
	font-size:8pt;
	color:#ffffff;
}




/* content */


#contentbox{
	background-image:url(grafiken/background_content.png); 
	background-repeat:repeat-y; 
	width:949px; /* 1006px - padding */	
	padding-left:29px;
	padding-right:30px;
}


#content{
	width:680px; /* headerimage - #sidemenue - padding */
	text-align:left;
	padding-top:20px;
	
	padding-left:20px;
	padding-right:20px;

}


#content_bottom{
	background-image:url(grafiken/background_content_bottom.png); 
	background-repeat:no-repeat; 
	height:59px; 
	width:1006px;
}











/* Katalog Preview */

.katalogPreview{
	margin-right: 20px;
	float:left;
	border:1px solid #cfcfcf; 
	cursor:pointer;
}






/* footer */





/* 
#################################################################
# Schrift- und Absatzdefinitionen								#
################################################################# 
*/


/* Allgemeine Schriftelemente */

h1{ /* Seitenüberschrift */
	font-family:"Blair ITC Light";
	color:#d2d1c1;
	font-size:12pt;
}

h2{ /* Sidebarheadline */
	font-family:"Blair ITC Light";
	font-size:20pt;
	font-weight:normal;
	color:#f2a61c;
	margin-top:0px;
}

h3{ /* Text fett */
	font-family:Verdana;
	font-size:10pt;
	color:#474747;
	font-weight:bold;
}


h4{ /* Ueberschrift Specials */
	font-family:Verdana;
	font-size:11pt;
	font-weight:bold;
	color:#ffffff;
	margin-bottom:3px;
	margin-top:0px;
}



p{ /* Standard-Absatz */
	font-family:Verdana;
	font-size:10pt;
	color:#474747;
}



/* Eigene Klassen-Schriftdefinitionen */

.text{
	font-family:Verdana;
	font-size:10pt;
	color:#474747;
}

.textklein{
	font-family:Verdana;
	font-size:8pt;
	color:#474747;
}

.textkleinkursiv{
	font-family:Verdana;
	font-size:6pt;
	text-decoration:inherit;
	color:#474747;
}

.textfett{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	color:#474747;
}

.specialcolor{
	font-family:Verdana;
	font-size:10pt;
	color:#00d8ff;
}


.error {
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	color:#990000;
}

/* Navigations-Stile */

.navigation{
	font-family:"Blair ITC Light";
	font-size:24pt;
	color:#383b36;
	
}



/* Meldungen */

.textlogout{
	color:#ffffff;
	font-size:8pt;
}




/* 
#################################################################
# Links															#
################################################################# 
*/


/* default */

a:link {
	text-decoration:none;
	color:#a39f93;
}
a:visited {
	text-decoration:none;
	color:#a39f93;
}
a:hover {
	text-decoration:none;
	color:#474747;
}
a:active {
	text-decoration:none;
	color:#474747;
}
a:focus {
	text-decoration:none;
	color:#474747;
}



/* sidebar */




/* navigation */




/* controlbar */

a.link_controlbar:link {
	text-decoration:none;
	color:#1d1d1d;
}
a.link_controlbar:visited {
	text-decoration:none;
	color:#1d1d1d;
}
a.link_controlbar:hover {
	text-decoration:none;
	color:#72695e;
}
a.link_controlbar:active {
	text-decoration:none;
	color:#1d1d1d;
}
a.link_controlbar:focus {
	text-decoration:none;
	color:#72695e;
}







/* 
#################################################################
# Formularelemente												#
################################################################# 
*/


.button {
	font-family:Verdana;
	color:#ffffff;
	background-color:#a39f93;
	font-size:10pt;
	vertical-align:middle;
	border:1px solid #a6a6a6;
	cursor: pointer;
}

.buttonhover {
	font-family:Verdana;
	color:#ffffff;
	background-color:#3b5a88;
	font-size:10pt;
	vertical-align:middle;
	border:1px solid #a6a6a6;
	cursor: pointer;
}


.formularfeld {
	font-family:Verdana;
	color:#808080;
	font-size:10pt;
	border:1px solid #a6a6a6;
	background-color:#f5f5f5;
}


.formularfeldhover {
	font-family:Verdana;
	color:#505050;
	font-size:10pt;
	border:1px solid #505050;
	background-color:#ffffff;
}




/* Textbox Suche */

#textbox_search{
	font-family:Verdana;
	color:#72695e;
	font-size:9pt;
	border:1px solid #c3c2b3;
	background-color:#ffffff;
}




/* Spamschutz - Disabled Formfield */

.formularfeld_spec{
	display:none;
}








/* Horizontale Linien */

hr{
	size:1px;
	color:#a0a0a0;
	background-color:#a0a0a0;
	border-bottom:1px solid #ffffff;
	margin-top:-5px;
}