/***********************************************/
/* screen.css
/* Villeroy & Boch // Svenska Badkar
/* 2009-12-20
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/*
Color codes 
	rot #861e1d
	grau #909090
	grau2 #7B8C9F
*/

body{
	background-color: rgb(255, 255, 255);
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.166;	
	line-height: 18px;	
	margin: 0px;
	padding: 0px;
    	text-align: center;
}

a:link, a:visited, a:hover {
	color: #7B8C9F;
	color: #861e1d;
	text-decoration: none;
	}
a:link img, a:visited img, a:hover img {
	border: 0;
	color: #FFF;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0 0 0;
	padding: 0px;
	}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #861e1d;
	}
.csc-frame-frame1 h1, .csc-frame-frame2 h1 { color: #861e1d; padding-top: 10px; }
h2 {	
	color: #861e1d;
	font-size: 240%;
	font-family: times, 'times new roman', serif;
	font-weight: normal;
	padding-top: 12px;
	text-transform: uppercase;
	}
h3 {
	background-color: #861e1d;
	color: #FFFFFF;
	font-size: 100%;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 5px;
	text-transform: uppercase;
	width: 760px;	
	}
h4 {
	font-size: 100%;
	font-weight: normal;
	color: #7B8C9F;
	color: #861e1d;
	font-size: 200%;
	font-family: times, 'times new roman', serif;
	font-weight: normal;
	padding-top: 12px;
	text-transform: uppercase;
	}
h5 {
	background-color: #861e1d;
	color: #FFFFFF;
	font-size: 100%;
	padding: 5px;
	width: 760px;
	}
ul {
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 0 0 0 8px;
	}
li {
	background-image: url(../img/bullet-strich.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	}
ul ul {
	/* list-style-type: disc; */
	}
ul ul ul {
	/* list-style-type: none; */
	}
label {
	color: #334d55;
	font: bold 100% Arial,sans-serif;
	}
p {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 8px 0 8px 0; 
	}
	
.contenttable { border-collapse: collapse; font-size: 12px; border: 1px solid #CCC; margin-top: 10px; margin-left: 10px; width: 96%; }
.contenttable th { border-right: 1px solid #CCC; padding: 4px; text-align: left; }
.contenttable th.td-last { border-right: 0px solid #ccc; } 
.contenttable td { border-right: 1px solid #CCC; margin: 0; padding: 4px; vertical-align: top; }
.contenttable td.td-last { border-right: 0px solid #ccc; } 
.contenttable .tr-odd { background-color: #ddd; }
.contenttable p.bodytext { font-size: 12px; }
.contenttable a,
.contenttable a:link, .contenttable a:visited, .contenttable a:focus, .contenttable a:hover, .contenttable a:active { 
	color: #861e1d; 
	}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.clear { clear: both; }


.csc-textpic-clear { 
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	}
#centered { margin: 0px auto; text-align: left; width: 860px; }

#container {
	background: url(../img/bg860px.jpg) 0 45px no-repeat;
	padding: 0 30px 30px 30px;
	width: 850px;
	}
#header{
	margin: 0;
	padding: 0;
	width: 800px;
	}
#logo {
	float: left;
	width: 390px;
}	
#metaNavigation { 
	float: left;
	text-align: right;
	width: 390px;
	}
#content { padding: 5px; /*border: 1px solid #861e1d;*/ width: 790px; }
#breadcrumbs { margin-left: 10px; }
#navigation{
	font-size: 11px; 
	margin: 45px 0 5px 0;
	padding: 0;
	width: 650px;
	float: right
	}
#mainColumn{
	border: 1px solid #861e1d;
	float:left;
	width: 675px;
	width: 800px;
	margin: 0;
	/* 3% */
	padding: 0 0 0 0;
	}
#footer {
	height: 118px;
	overflow: hidden;
	}
span.clearer { background-color: #FFFFFF; clear: both; display: block; }

.csc-frame-frame1 { margin-right: 20px; }
.csc-frame-frame1, .csc-frame-frame2 { width: 360px; float: left; margin-bottom: 20px; }
.csc-frame-frame1 p, .csc-frame-frame2 p { margin-left: 20px;}
/* .csc-frame-frame1 a, .csc-frame-frame2 a { color: #861e1d; } */
/*********** #Navigation ***********/


/*********** #metaNavigation ***********/
#metaNavigation { text-align: right; padding: 0; }
#metaNavigation .ulMetanavigation ul { margin: 0; padding: 0; }
#metaNavigation .ulMetanavigation li { background-image: url(../img/bullet-empty.gif); color: #003074; display: inline; list-style-type: none; margin: 0; padding: 0; }

/*********** ENDE #metaNavigation ************/

/* HORIZONTALE NAVIGATION */
/* HOVER DROPDOWN MENUBEGIN */
 
#hMenu {
    }
#hMenu ul {
    border: 0;
    list-style: none;
    margin: 0 0 7px 0;
    padding: 0;
    width: 800px;
    width: 700px;
/*    text-align: right;
    display: block; */
    }
#hMenu a {
    border-bottom: 0px solid #fff;
    color: #861E1D;
    color: #660000;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-left: 20px;
    padding: 3px 11px 3px 11px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    }
#hMenu a:hover {
    background-color: #861E1D;
    background-color: #660000;
    color: #FFFFFF;
    }    
#hMenu a.menuparent {
    }
#hMenu li {
    background-image: none;
    display: inline;
    float: left;
    padding: 0;
    }
#hMenu li ul {
    background-color: #861E1D;
    background-color: #660000;
    border-width: 0.25em;
    height: auto;
    left: -999em;
    margin: 0 0 0 20px;
    position: absolute;
    width: 112px;
    width: 136px;
    }
#hMenu li li {
	width: 100px;
	}
#hMenu li ul li a  {
	margin: 0;
	padding: 6px;
	}    
#hMenu li ul li a:hover  {
	background-color: white;
	color: #861E1D;
	color: #660000;
	}    
#hMenu li ul a {
	border: 0;
	color: #FFFFFF;    
	margin: 6px;
	padding-left: 1em;
	padding-top: 4px;
	padding-bottom: 8px;
	padding: 0;
	text-align: left;
	width: 100px;
	width: 124px;
	}
#hMenu li ul ul {
	margin: -1.75em 0 0 14em;
	margin: -28px 0 0 110px;
	}
#hMenu li:hover ul ul, #hMenu li:hover ul ul ul, #hMenu li.sfhover ul ul, #hMenu li.sfhover ul ul ul {
	left: -999em;
	}
#hMenu li:hover ul, #hMenu li li:hover ul, #hMenu li li li:hover ul, #hMenu li.sfhover ul, #hMenu li li.sfhover ul, #hMenu li li li.sfhover ul {
	left: auto;
	}
#hMenu li:hover, #hMenu li.sfhover {
	background-color: white;
	}

/* HOVER DROPDOWN MENU END */

#breadcrumbs { text-transform: uppercase; color: #999999; }
#breadcrumbs a { color: #999999; }

/*********** ENDE Navigation ************/ 

h1, h2, h3, h4, h5, h6, p, ul {
	margin-left: 10px;
	}

/* TEASERBILDER */

.csc-textpic img { margin: 10px 10px 4px 10px !Important; }
.csc-textpic-above img { margin: 10px 10px 4px 10px !Important; }
.csc-textpic-caption { background-image: url(../img/teaserbild-rand-unten.jpg); height: 20px;}

.csc-textpic-intext-right { margin-right: 20px; }

#rahmenUnten {}

#foto img { padding: 5px; border: 1px solid #861e1d; }


div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin-top: 10px; }

/* RTE-Klassen, siehe auch myRte.css */
.borderRight { border-right: 1px solid #861e1d; vertical-align: top; }
.productDetail { padding: 20px; }

/* MAILFORM */
fieldset { border: 0px solid #FFF; } 
.csc-mailform-field input { width: 240px; }
.csc-mailform-field input.csc-mailform-submit { width: 90px; }