/**
 * Stylesheet für 
 * BCE Special Ceramics
 * 
 * www.gr-a.net
 * 10.2009
 *
 */

  

/* grundlegende Definitionen ---------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html { height: 100%; margin-bottom: 1px; }
body { 
	font-family:Helvetica, Arial, sans-serif;
	background: #eeeeee url(/images/main_bg.jpg) repeat-x 0 0;
	overflow: -moz-scrollbars-vertical;
	margin: 0px;
	}

:focus { outline:none }



/* boxen ------------------------------------------------------------ */
#cover {
	width:968px;
	margin:0 auto;
}
#header {
	width:920px;
	float:left;
	height:97px;
	padding-left:48px
}
#header .logo_container {
	width:650px;
	float:left;
	padding:0 0 0 210px;
	background:url(/images/header_bg.jpg) no-repeat 0 0;
}
#cover_body {
	float:left;
	width:861px;
	background:url(/images/body_rotate_bg.jpg) repeat-y 0 0;
	margin:1px 0 0 0;
	padding:0 60px 0 47px
}
#top_bar {
	float:left;
	width:861px;
	background:url(/images/content_container_top_bg.jpg) no-repeat 0 0;
	height:15px;
	line-height:0px;
}
#container {
	float:left;
	width:861px;
	background:url(/images/content_repeat_left_bg.jpg) repeat-y 0 0
}



/* sprachauswahl ---------------------------------------------------- */
#header .language {
	float:left;
	font-size:11px;
	text-transform:uppercase;
	padding:5px 0 0 5px;
	color:#fff
}
#header .language a {
	color:#fff;
	text-decoration:none
}
#header .language a:hover {
	text-decoration:underline
}



/* linke seite/navigation ------------------------------------------- */
#left_panel {
	float:left;
	width:178px;
	overflow:hidden
}
#left_panel ul {
	float:left;
	width:178px;
	list-style:none;
	font-size:12px;
	text-transform:uppercase;
	/*margin-bottom:5px;*/
}
#left_panel ul li {
	float:left;
	width:178px;
	border-bottom:1px solid #005749;
	padding:10px 0 5px 0;
}
#left_panel ul li a {
	color:#1c5e4f;
	text-decoration:none;
	padding:0 20px 0 20px;
	float:left;
	width:138px;
	margin-bottom:-3px;
}
#left_panel ul li a:hover {
	background:#0c7870;
	color:#fff;
}
#left_panel ul li.current {
	background:url('/_fx/navbg.gif') repeat-x top; 
	padding:0 0 2px 0;
	margin:10px 0 0 0;
	float:left;
	width:178px;
	color:#fff
}

#left_panel ul li ul li.current { margin:0; }
#left_panel ul li.current a.current{ color:#fff }

#left_panel #adresselinks {
	font-size:11px;
	padding:0 0 0 20px; 
	}



/* unternavigation -------------------------------------------------- */
#left_panel ul li ul {
	text-transform:capitalize;
	font-size:11px;
	margin:0;
	padding:5px 0 0 2px
}
#left_panel ul li ul li {
	float:left;
	width:178px;
	border:none!important;
	padding:0 0 2px 0
}
#left_panel ul li ul li a {
	line-height:18px;
}



/* box: hochleistungskeramik ---------------------------------------- */
#left_panel .banner_container {
	float:left;
	width:158px;
	background: #005a4e url(/images/left_panel_banner_bg.jpg) no-repeat 0 0;
	padding:135px 10px 10px 10px;
	color:#e3e4e3;
	text-align:center;
	font-size:12px;
	line-height:18px;
	margin-bottom:50px
}
#left_panel .banner_container a {
	color:#e3e4e3;
	text-decoration:none
}
#left_panel .banner_container a.current {
	font-weight:bold
}
#left_panel .banner_container a:hover {
	text-decoration:none;
	font-weight:bold
}
#left_panel .banner_container h3 {
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	padding-bottom:10px
}



/* rechte spalte: inhaltsbereich ------------------------------------ */
#right_panel {
	float:right;
	width:683px;
}
#right_panel .banner {
	float:right;
	width:683px
}
#right_panel .banner img {
	float:left
}
#right_panel #content {
	float:left;
	width:573px;
	padding:25px 55px 0 55px;
	color:#1c5e4f;
	font-size:14px;
	line-height:18px
}


/* überschrift */
#right_panel #content h3 {
	font-size:20px;
	padding:0 0 20px 0;
	line-height:20px
}


/* inhalt */
#right_panel #content p {
	padding:10px 0 10px 0
}
#right_panel #content p.small {
	width:430px;
	color:#666;
	font-size:12px;
}
#right_panel #content ul.inline { 
	list-style:inline; 
	padding-left: 30px; 
}
#right_panel #content .imgleft { 
	float: left; 
	margin-right: 10px;
}
#right_panel #content .border { 
	border:1px solid #ccc;
}
#right_panel #content #vgl {
	float:right;
	padding:20px 0 30px 30px;
}


/* links */
#right_panel #content a {
	text-decoration:none;
	color:#1c5e4f;
	padding:0 2px;
	border-bottom:1px solid #1c5e4f;
}
#right_panel #content a:hover {
	text-decoration:none;
	color:#fff;
	background:#1c5e4f;
	border:none;
}
#right_panel #content a.no {
	border:none;
}
#right_panel #content a.no:hover {
	background:none;
	border:none;
}

#right_panel #content a[rel='pdf'], #right_panel #content a[rel='zip'], #right_panel #content a[rel='url'] 
	{ color:#1c5e4f; padding: 6px 0 6px 25px; border:none; }
#right_panel #content a[rel='pdf']:hover, #right_panel #content a[rel='zip']:hover, #right_panel #content a[rel='url']:hover  
	{ color:#1c5e4f; font-weight:bold; }
#right_panel #content a[rel='pdf'] { background: transparent url(/_fx/pdf.png) no-repeat top left; background-position: 0 5px; }
#right_panel #content a[rel='zip'] { background: transparent url(/_fx/zip.png) no-repeat center left; }
#right_panel #content a[rel='url'] { background: transparent url(/_fx/url.gif) no-repeat center left; }






/* startseite: mehr-link -------------------------------------------- */
#right_panel #content a.mehr {
	text-decoration:none;
	color:#666;
	border:none;
	}
#right_panel #content a.mehr:hover {
	text-decoration:underline;
	background:#fff;
}

/* aktuelles: bild links -------------------------------------------- */
.imgleft {
	float: left;
	margin-right: 10px;
	}


/* startseite: aktuelles -------------------------------------------- */
#right_panel #content #aktuell h3 {
	font-size:20px;
	padding:20px 0 0 0;
	line-height:20px;
	color:#666;
}
#right_panel #content #aktuell p {
	padding:10px 0 10px 0;
	width:430px;
	color:#666;
}
#right_panel #content #aktuell a.mehr {
	text-decoration:none;
	color:#005A50;
	border:none;
}
#right_panel #content #aktuell a.mehr:hover {
	text-decoration:underline;
	background:#fff;
}



/* anwendungen: bilderleiste ---------------------------------------- */
#right_panel #content .gallery_list {
	float:left;
	width:573px;
	list-style:none;
	padding:40px 0 40px 0
}
#right_panel #content .gallery_list li {
	float:left;
	margin-right:30px;
	margin-bottom:15px;
	display:inline
}
#right_panel #content .gallery_list li.last {
	margin-right:0px
}
#right_panel #content .gallery_list li a {
	border:none;
}
#right_panel #content .gallery_list li a:hover {
	background:none;
}



/* fusszeile -------------------------------------------------------- */
#footer {
	float:left;
	width:968px;
	background:url(/images/footer_bg.jpg) no-repeat 0 0;
	height:48px;
	margin-bottom:20px
}
#footer span {
	float:left;
	padding:33px 0 0 283px;
	font-size:11px;
	color:#fff
}
#footer span a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#footer span a:hover {
	text-decoration:underline
}