/* ####################################################################################################################
   GENERAL
   #################################################################################################################### */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #6A6B6D;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background: #FFFFFF url(/images/layout/bg-body.gif) repeat-x left top;	
}

a {
	outline: none;
	color: #6A6B6D;
}

a:hover {
	color: #8A0032;
	text-decoration: none;
}

img {
	border: none;
}

/* ### FONT SIZE DEFINITIONS ########################################################################################## */

.smalltext {
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
}

.normaltext {
	font-family: arial, sans-serif;
	font-size: 12px;
}

.bigtext {
	font-family: arial, sans-serif;
	font-size: 13px;
}



/* ####################################################################################################################
   MAIN LAYOUT
   #################################################################################################################### */
   
#page {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 145px;
}

#logo {
	position: absolute;
	top: 62px;
	left: 0px;
	margin: 0;
	padding: 0;
}

#nav-container {
	float: right;
	margin: 95px 0 0 0;
	padding: 0;
}

#content {
	margin: 0;
	padding: 0;
}


#footer {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100px;
	background: #FFFFFF url(/images/layout/bg-footer.gif) no-repeat left 50px;
}



/* ####################################################################################################################
   MAIN MENU
   #################################################################################################################### */

#nav-main {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#nav-main li {
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	padding: 0 2px;
	height: 21px;
}

#nav-main li a {
	display: block;
	height: 21px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-image: url(/images/layout/nav-main-sprite.gif);
}

#nav-main li:hover {
	border-bottom: 2px solid #D4D4D4;
}

#nav-main li.current, #nav-main li.current:hover {
	border-bottom: 2px solid #8E3253;
}
	
/* ###  BUTTONS EN  ###################################  */

#nav-main #mmbutt-home-en {
	width: 48px;
	background-position: 0px 0px;
}

#nav-main #mmbutt-uhren-en {
	width: 40px;
	background-position: 0px -30px;
}

#nav-main #mmbutt-buyinginfo-en {
	width: 91px;
	background-position: 0px -60px;
}

#nav-main #mmbutt-about-en {
	width: 72px;
	background-position: 0px -90px;
}

#nav-main #mmbutt-contact-en {
	width: 62px;
	background-position: 0px -120px;
}

/* ###  BUTTONS DE  ###################################  */

#nav-main #mmbutt-home-de {
	width: 48px;
	background-position: -175px 0px;
}

#nav-main #mmbutt-uhren-de {
	width: 49px;
	background-position: -175px -30px;
}

#nav-main #mmbutt-buyinginfo-de {
	width: 127px;
	background-position: -175px -60px;
}

#nav-main #mmbutt-about-de {
	width: 71px;
	background-position: -175px -90px;
}

#nav-main #mmbutt-contact-de {
	width: 65px;
	background-position: -175px -120px;
}



/* ####################################################################################################################
   MAINWRAPTABLE
   #################################################################################################################### */

#mainwraptable {
	width: 900px;
	margin: 0;
	padding: 0;
}


#leftcol {
	width: 200px;
	background: url(/images/layout/bg-sidecol.gif) repeat-y right top;
	padding: 0 80px 0 0;
}
	
#contentcol {
	margin: 0;
	padding: 0 50px 0 50px;
}

#rightcol {
	width: 275px;
	background: url(/images/layout/bg-sidecol.gif) repeat-y left top;	
	padding: 0 0 0 80px;
}


/* ####################################################################################################################
   CONTENT
   #################################################################################################################### */
   
#content h1 {
	margin: 0 -50px 2em -50px;
	padding: 3px 50px;
	font-size: 14px;
	color: #8A0032;
	background: #FAFAFA url(/images/layout/bg-h1.gif) no-repeat left top;
}

#content h2 {
	margin: 0 0 1em 0;
	padding: 0 0 4px 0;
	font-size: 13px;
	color: #8A0032;
}

#content h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #8A0032;
}

#content p {

}

#content img.wborder {
	border: 4px solid #F2F2F2;
}

#content a.teaser {
	display: block;
	margin: 0;
	padding: 5px 0;
	font-weight: bold;
	text-decoration: none;
	background: url(/images/layout/btn_quicksearch.gif) no-repeat right center;
}

#content a.teaser:hover {
	text-decoration: underline;
}

#content a.forward {
	line-height: 2em;
	padding-left: 15px;
	background: url(/images/layout/bg-forward-link.gif) no-repeat left center;
}

#content span.required, #content span.required-symbol {
	color: #8A0032;
	font-size: 12px;
}

#content span.required-symbol {
	vertical-align: top;
}

#content ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#content li {
	margin: 0.3em 0 0 0;
	padding: 0 0 0 15px;
	background: url(/images/layout/bg-li.gif) no-repeat left top;
}

#content ol li {
	padding-left: 0;
	background: none;
}

/* CONTENT BOX ------------------------------------------------------ */

#content .contentbox {
	margin: 0 0 30px 0;
	padding: 10px 15px 15px 15px;
	background: #F3F3F3 url(/images/layout/bg-contentbox.gif) repeat-x left top;
}

#content .contentbox h3 {
	margin-bottom: 5px;
	color: #6A6B6D;
}

#content .contentbox p {
	margin: 0;
	padding: 0;
}

/* MESSAGE BOX ------------------------------------------------------ */

#content div.messagebox {
	margin: 0 0 2em 0;
	padding: 0 0 0.5em 0;
	border: 1px solid #CACACA;
}

#content div.errorbox, #content div.successbox {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left top;
}

#content div.errorbox {
	background-image: url(/images/layout/icon-error.gif);
}

#content div.successbox {
	background-image: url(/images/layout/icon-success.gif);
}


#content div.messagebox p {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 6px;
}

#content div.messagebox ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 30px;
}

#content div.messagebox ul ul {
	margin: 0;
}



/* ####################################################################################################################
   CONTENT IN SIDECOLS
   #################################################################################################################### */


/* ###  QUICKSEARCH   ########################################################################################## */

#content #quicksearch {
	width: 123px;
	height: 18px;
	margin: 0;
	padding: 3px 5px 2px 5px;
	border: 1px solid #CACACA;
	color: #6A6B6D;
	background: #FFF;
}

* html #content #quicksearch {
	margin-top: -1px;
}

*+html #content #quicksearch {
	margin-top: -1px;
}





/* ####################################################################################################################
   BRANDBOX    
   #################################################################################################################### */

#brandbox {
	margin: 0;
	padding: 0;
}

#brandbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#brandbox li {
	margin: 0;
	padding: 1px 0 0 0;
	background: url(/images/layout/bg-nav-sub-li.gif) repeat-x left top;
}

#brandbox a {
	display: block;
	color:#6A6B6D;
	margin: 0;
	padding: 2px 5px 2px 15px;
	text-decoration:none;
	font-weight:bold;
}

#brandbox a:hover {
	color: #8A0032;
}

#brandbox li:hover {
	background-color: #F8F8F8;
}


#brandbox li.current a {
	color: #8A0032;
	background: #FCFCFC url(/images/layout/bg-nav-sub-a.gif) no-repeat right center;	
}




/* ####################################################################################################################
   picturegrid: LINKS ZU MARKEN ODER DETAILS
   #################################################################################################################### */

table.picturegrid {
	width: 100%;
}

table.picturegrid td {
	text-align: center;
	font-size: 11px;
	vertical-align: top;
	width: 33%;
	line-height: 1em;
}

table.picturegrid a {
	text-decoration:none;
}

table.picturegrid img {
	margin-bottom: 4px;
	border: 4px solid #F2F2F2;
}

table.picturegrid span.picturegridbrand {
	
}

div.picturegrid {
	width: 130px;
	padding: 3px;
	margin-bottom: 20px;
}

div.picturegrid {
	border: 1px solid #FFF;
}

div.picturegrid:hover {
	border: 1px solid #F0F0F0;
	background: #F7F7F7;
}



/* ####################################################################################################################
   FORMS
   #################################################################################################################### */



#content label {
	
}

#content input, #content textarea, #content select, #content input.fc-normal, #content textarea.fc-normal, #content select.fc-normal {
	margin: 2px 0 10px 0;
	padding: 3px 3px;
	border: 1px solid #CACACA;
	color: #4C4C4E;
	background: #FAFAFA;
}

#content input.fc-error, #content textarea.fc-error, #content select.fc-error {
	background-color: #FEECF3;
	border: 1px solid #8A0032;
}

#content input.checkbox	{
	border: none;
	background: none;
}

#content input.radio-button {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#content input.submit-button {
	cursor: pointer;
	padding: 3px 10px;
	font: bold 12px arial, sans-serif;
	color: #8A0032;
	background: #FAFAFA url(/images/layout/bg-iconlink.gif) repeat-x left top;
}



/* ####################################################################################################################
   FOOTER     / detailbutton_buynow
   #################################################################################################################### */

#footer-icons {
	position: absolute;
	top: 10px;
	left: 1px;
	height: 40px;
}

#footer-text {
	position: absolute;
	top: 60px;
	right: 0;
	height: 30px;
}

#footer-links {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-links li {
	float: left;
	margin: 0;
	padding: 0;
}

#footer-links a {
	float: left;
	margin: 0;
	padding: 0;
}

#footer span.footer-nav-spacer {
	padding: 0 5px;
}

a.iconlink, a.detailbutton_buynow, a.detailbutton_inforequest {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 1px;
	height: 25px;
	text-decoration: none;
	border: 1px solid #CACACA;
	background: #DEDEDE url(/images/layout/bg-iconlink.gif) no-repeat left top;
}

a.i-text, a.detailbutton_buynow, a.detailbutton_inforequest {
	padding: 4px 7px 0 7px;
	height: 21px;
	font-size: 11px;
}

a.detailbutton_buynow {
	
	margin: 0 0 0 22px;
}

a.detailbutton_inforequest {
	
	margin: 0 0 0 2px;
}



/* ####################################################################################################################
   PRINT_STYLES
   #################################################################################################################### */

@media print
{

	#nav-container {
		display: none;
	}

	#content, #page, #mainwraptable {
		width: 98% !important;
		border: none;
		padding: 0;
		margin: 0;
	}
	
	#header {
		height: 100px;
	}
	
	#logo {
		margin-top: 0;
	}
	
	#content #leftcol, #content #spacer-col, #content #rightcol, #footer {
		display: none;
	}
	
	#content #contentcol {
		padding: 0;
	}
	
	#content h1, #content h2, #content h3 {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		color: #000;
	}

}