/* ### CSS für Arzberg-Porzellan CMS 2009 ### */

/* Farben:

	Links: #999999
	Hover: #D30101
	Text:  #5A5A5A

*/


/* basis ------------------------------------------------------------------------------------ */


* { margin: 0px; padding: 0px; border: 0px; }
body { background-color: #ffffff; margin: 0px; padding: 0px; }
body, table { font-family: arial, helvetica, sans-serif; font-size: 13px; line-height:18px; color: #5A5A5A; }
a, a:visited, a:active, a:link { color: #999999; text-decoration: none; }
a:hover { color: #D30101; }
h1, td h1, th h1, h2, td h2, th h2 { margin-bottom: 14px; }
h1 { color:#5A5A5A; font-size:16px; font-weight:normal; }
h2 { font-size: 13px; }
p, td p, th p { margin-bottom: 14px; clear:both; }
hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #CCCCCC; margin-bottom:14px; clear:both; }
/* form */
checkbox, input, radio, select { font-size:11px; }
input,textarea { background-color:#efefef; color:#999999; border:0px; padding:3px 5px 3px 7px;font-family: arial, helvetica, sans-serif;}
input.checkbox { background-color: #efefef; }
input.textline { width: 300px; font-size:12px; line-height:13px; color:#333333; }
textarea { width: 350px; font-size:12px; line-height:13px; color:#333333; border:0px; background-color: #efefef; }
/* global */

.aktiv, .aktiv:link, .aktiv:active, .aktiv:visited { color: #D30101; }
.clear { clear: both; height:1px; overflow:hidden; width:1px; }
.img_border { border: 1px solid #CCCCCC; margin-bottom: 5px; }
/* elements ------------------------------------------------------------------------------------ */

#wrapper { position:absolute; width: 850px; left: 50%; margin-left: -425px; }
#printPath { display:none; }
#containerHead { width: 850px; height: 230px; }
#logoLeft { width: 335px; float: left; height: 230px; }
#logoRight { width: 335px; float: left; }
#logo { width: 180px; height:192px; float: left; }
#sitesearch { font-size:12px; margin-top:110px; text-align:right; }
#containerHeadPic { width: 850px; height: 276px; clear: both; }
#headerMenue { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-top: 8px; padding-bottom: 8px; }
#content_col_menu { width: 325px; float: left; }
#content_col_menu_cont { width:290px; text-transform:uppercase; font-size:13px; line-height:20px; }
#content { margin-top:30px; float:left; width:100%; }
#content_col_content_head { border-bottom-style: solid; border-color:#CCCCCC; border-width: 1px; margin-bottom:14px; }
#content_col_content { width:520px; float:left; }
#content_cont { left:25px; margin-top:25px; width:370px; float:left; }
#footer { text-align:center; padding-top:60px; padding-bottom:20px; width:100%; clear: both; font-size:10px; color:#999999; }
/* elements parts ----------------------------------------------------------------------------- */ 

#containerHeadPic img { width: 850px; height: 276px; }
#sitesearch input { width:90px; margin-top:5px; }
#headerMenue ul { height: 40px; width: 800px; }
#headerMenue li { float: left; display: inline; }
#content_col_menu_cont ul, #content_col_menu_cont li { list-style: none; margin: 0px; padding: 0px; }
#content_col_menu_cont ul { margin-left: 0px; line-height:12px; }
#content_col_menu_cont ul li { margin-bottom:10px; }
#content_col_menu_cont ul li a { color:#999999; }
#content_col_menu_cont ul li a:hover { color:#D30101; }
#content_col_menu_cont ul li.active a { color:#D30101; font-weight:bold; }
#content_col_menu_cont ul li.active ul { margin-bottom:10px; margin-top:10px; padding-left:10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-color:#FFFFFF; line-height:12px; text-transform:none; }
#content_col_menu_cont ul li.active ul li { margin-bottom:7px; }
#content_col_menu_cont ul li.active ul a { color:#000000; font-weight:normal; }
#content_col_menu_cont ul li.active ul a:hover { color:#D30101; }
#content_col_menu_cont ul li.active ul li.active a { color:#D30101; }
#content_col_content ul { margin:0px; padding-left:0px; margin-bottom:15px; }
#content_col_content li { margin-bottom:5px; background-image: url(../gfx/list-style-gfx.gif); background-repeat: no-repeat; background-position: 0px 9px; padding-left:15px; list-style-type: none;}
#content_col_content_head h1 { color:#D30101; margin-bottom:10px; }
#footer .inner { border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; padding-top:10px; }
/* content parts ----------------------------------------------------------------------------- */ 

/* image galery */ 
#content_col_content .lb_gallery_area { width: 100%; color: #999999; overflow: hidden; margin-bottom: 4px; clear:both; float:left; }
#content_col_content .lb_gallery_area ul { margin:0px; padding:0px;}
#content_col_content .lb_gallery_area ul li { list-style:none; background-image:none; padding-left:0px;}
#content_col_content .lb_gallery_area ul li { float: left; overflow: hidden; border: 1px solid #999; margin-bottom:10px; margin-right:10px;}
#content_col_content .lb_gallery_area ul li, #content_col_content .lb_awards_area img { width:40px; height:40px; }
#content_col_content .lb_gallery_area ul li:hover { border: 1px solid #D30101;}
/* awards galery */ 
#content_col_content .lb_awards_area { color: #999999; z-index:5; float: right; background-color:#330099; position:relative;}
#content_col_content .lb_awards_area ul {position:absolute; z-index:6; width:300px; left:-295px; top:-52px; margin:0px;}
#content_col_content .lb_awards_area ul li { list-style:none; background-image:none; padding-left:0px;}
#content_col_content .lb_awards_area ul li { float: right; overflow: hidden; margin-bottom:10px; margin-left:10px;}
#content_col_content .lb_awards_area ul li, #content_col_content .lb_awards_area img { width:auto; height:25px; overflow:hidden; }

/* file download */ 
.cico_pdf, .cico_xls, .cico_jpg, .cico_gif, .cico_tif, .cico_doc, .cico_def { background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; margin-bottom:12px; }
.cico_pdf { background-image: url(../gfx/fico_pdf.gif); }
.cico_xls { background-image: url(../gfx/fico_xls.gif); }
.cico_jpg { background-image: url(../gfx/fico_jpg.gif); }
.cico_gif { background-image: url(../gfx/fico_gif.gif); }
.cico_tif { background-image: url(../gfx/fico_tif.gif); }
.cico_doc { background-image: url(../gfx/fico_doc.gif); }
.cico_def { background-image: url(../gfx/fico_def.gif); }
/* links */ 
.cico_link_shop, .cico_link_int, .cico_link_ext { background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; margin-bottom:12px; }
.cico_link_shop { background-image: url(../gfx/fico_shop.gif); }
.cico_link_int { background-image: url(../gfx/internal-link.gif); }
.cico_link_ext { background-image: url(../gfx/external-link.gif); }
/* Formular ------------------------------------------------------------------------------------ */

.form_text_error { color:#D30101; }
table.form { background-color: #efefef; border: 1px solid #FFFFFF; }
table.form td { border: 1px solid #FFFFFF; }
/* NEW */

/* Content------------------------------------------------------------------------------------ */

.img_ico_zoom { position:absolute; z-index:2; width:25px; height:25px; background-image:url(../assets/gfx/img_ico_zoom.gif); background-repeat: no-repeat; background-position: 5px 5px; }
#content_col_content .cimg_left { float:left; margin-right: 20px; margin-bottom: 14px; }
#content_col_content .cimg_coltext_right { float:left; width:280px; }
#content_col_content .cimg_coltext_right p { margin-top: 0px; margin-bottom: 14px; }


.viewsion {
	font-size:10px;
	font-weight:normal;
}