/* neue Farben:

0086cb => 435896 
009bd4 => 435896 

*/

html,body{ margin: 0; padding:0}
body{ font: 12px arial, verdana, sans-serif; text-align: left; line-height: 16px; color: #4e4f50;
background: url(/AxCMSTemplates_SK/_static/_imgs/bg.jpg) 0 0; }



p {margin: 0; padding: 5px 0px 5px 0px;}
img { border: 0; margin: 0; padding: 0;}

h1 { color : #000; margin: 5px; padding: 0; font-size: 14px;}
h2 { color : #000; margin: 13px 0px 5px 0px; padding: 0; font-size: 14px;} /*von 5px auf 13px gesetzt*/
h3 { color : #000; margin: 5px; padding: 0; font-size: 12px;}
h4 { color : #000; margin: 0 5px ; padding: 0; font-size: 12px;}



ul { margin: 5px; padding: 0; list-style: none;}
li { margin: 0px; padding: 0px 10px; background: url(/AxCMSTemplates_SK/_static/_imgs/icon_liste.gif) 0px 6px no-repeat;}

a {	text-decoration: none; color: #435896;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}

a.white { text-decoration: none; color: #fff;}
a.white:link { text-decoration: none;}
a.white:visited { text-decoration: none;}
a.white:hover { text-decoration: underline;}
a.white:active { text-decoration: none;}

a.listwhite { text-decoration: none; color: #fff;}
a.listwhite:link { text-decoration: none;}
a.listwhite:visited { text-decoration: underline; color: #ddd;}
a.listwhite:hover { text-decoration: underline;}
a.listwhite:active { text-decoration: none;}

#box { width:989px; margin: 0; padding: 0; }
#header { margin: 10px 10px 5px 10px; padding: 0; height: 86px;}
#header h1 {  margin: 0; padding: 0;}

#logo_steinzeug { float: left;  margin: 0; padding: 0; width: 177px; height: 86px;}
#logo_steinzeug h1 a { padding:0; float: left; width: 177px; height: 86px; background: url(/AxCMSTemplates_SK/_static/_imgs/logo_steinzeug.gif) 0 0 no-repeat; }
#logo_steinzeug h1 a span  { display: none;}
#logo_keramo { float: left;  margin: 0; padding: 0; width: 203px; height: 86px;}
#logo_keramo h1 a { float: left; width: 203px; height: 86px; background: url(/AxCMSTemplates_SK/_static/_imgs/logo_steinzeug_keramo.gif) 0 0 no-repeat; }
#logo_keramo h1 a span  { display: none;}

#mainpic { margin: 0; padding: 0; float: right;}

#wrapper { margin: 0; padding: 0; float: left; border-bottom: 5px solid #fff;}
#left { width: 177px; padding: 0; margin-right: 5px; float:left; border-left: 10px solid #fff;}
#content { width:589px; padding: 0; margin: 0; float:left; }
#right { width: 193px; padding: 0; margin-left: 5px; float:left; color: #fff; background: #435896;}
#footer { font-size: 11px; width:589px; border-top: 2px solid #435896; height: 25px; clear: both; margin: 0 10px 10px 192px; padding: 0;}

#country_selection {margin:0;padding:0; width: 177px;float:left;text-align: center;}
#country_selection h1 {text-align: center;}
#country_selection h1 a{background:none; text-align: center;}
#country_selection a{background:none; text-align: center;}


#navigation { margin: 0 0 0 10px; padding: 0; }
#main_navigation { margin: 0 0 0 182px; padding: 0;}
a.navi:link, a.navi:visited, a.navi:active 
{
	text-align: center; 
	width: 183px; 
	float: left; 
	padding: 5px; 
	margin: 0 5px 5px 0; 
	color: #fff; 
	font-weight: bold; 
	background: #435896; 
	white-space:nowrap;
}

a.navi:hover { background: #000;}
a.navi_activ:link, a.navi_activ:visited, a.navi_activ:active 
{
	text-align: center; 
	width: 183px; 
	float: left; 
	padding: 5px; 
	margin: 0 5px 5px 0; 
	color: #fff; 
	font-weight: bold; 
	background: #000; 
	white-space:nowrap;
}

#subnavigation {  margin: 0; padding: 0; width: 177px; height:177px;}
#subnavigation h3 { color : #fff;  margin: 0 0 5px 0; padding: 5px; background: #435896;}

a.subna:link, a.subna:visited, a.subna:active 
{
	border-bottom: 2px solid #fff; 
	background: #435896;  
	/*die breite an dieser stelle ist nur für den ie wichtig*/ 
	width: 167px;
	margin: 0; 
	padding: 5px; 
	display: block; 
	color: #fff; 
	text-decoration: none; 
}

a.subna:hover { background: #000;}
a.subna_activ:link, a.subna_activ:visited, a.subna_activ:active 
{
	background: #435896 url(/AxCMSTemplates_SK/_static/_imgs/icon_navi_activ.gif) 
	6px 10px no-repeat; 
	border-bottom: 2px solid #fff;   
	margin: 0; padding: 5px 5px 5px 15px; 
	display: block; color: #fff; 
	text-decoration: none; 
}

/*neu*/
a.subna2:link, a.subna2:visited, a.subna2:active 
{
	
	border-bottom:0px solid #ffffff;
	border-left:8px solid #ffffff; 
	
	background: #435896;  
	
	margin: 0px 0px 2px 0px; 
	padding: 5px 5px 5px 8px; 
	display: block; 
	color: #fff; 
	text-decoration: none; }


a.subna2:hover 
{
	background: #000;
	border-left:8px solid #ffffff;	
}

a.subna2_activ:link, a.subna2_activ:visited, a.subna2_activ:active 
{
	background: #435896 url(/AxCMSTemplates_SK/_static/_imgs/icon_navi_activ.gif) 6px 10px no-repeat; 
	border-bottom:0px solid #ffffff;
	width: 149px;
	border-left:8px solid #ffffff; 
	 display:block;
	margin: 0px 0px 2px 0px; 
	padding: 5px 5px 5px 15px; 
	display: block; 
	color: #fff; 
	text-decoration: none;
}
a.subna3:link, a.subna3:visited, a.subna3:active 
{
	border-bottom:0px solid #ffffff;
	border-left:16px solid #ffffff; 

	
	background: #6eb5e0;  
	margin: 0px 0px 2px 0px; 
	padding: 5px 5px 5px 10px; 
	display: block; 
	color: #fff; 
	text-decoration: none;
}
a.subna3:hover 
{
	background: #000; 
	border-left:16px solid #ffffff;
	}
a.subna3_activ:link, a.subna3_activ:visited, a.subna3_activ:active 
{
	/*background: #6eb5e0 url(/AxCMSTemplates_SK/_static/_imgs/icon_navi_activ.gif) 16px 10px no-repeat; 
	border-bottom: 2px solid #fff;*/
	
	background: #6eb5e0 url(/AxCMSTemplates_SK/_static/_imgs/icon_navi_activ.gif) 6px 10px no-repeat; 
	
	border-bottom:0px solid #ffffff;
	border-left:16px solid #ffffff; 
	width: 141px;
	margin: 0px 0px 2px 0px; 
	padding: 5px 5px 5px 15px; 
	display: block; 
	color: #fff; 
	text-decoration: none;
}




/*
a.subna2:link, a.subna2:visited, a.subna2:active { border-bottom: 2px solid #fff; background: #435896;  margin: 0; padding: 5px 5px 5px 10px; display: block; color: #fff; text-decoration: none; }
a.subna2:hover {  background: #000; }
a.subna2_activ:link, a.subna2_activ:visited, a.subna2_activ:active { background: #435896 url(/AxCMSTemplates_SK/_static/_imgs/icon_navi_activ.gif) 6px 10px no-repeat; border-bottom: 2px solid #fff;   margin: 0; padding: 5px 5px 5px 15px; display: block; color: #fff; text-decoration: none; }

a.subna3:link, a.subna3:visited, a.subna3:active { border-bottom: 2px solid #fff; background: #6eb5e0;  margin: 0; padding: 5px 5px 5px 15px; display: block; color: #fff; text-decoration: none;}
a.subna3:hover {  background: #000; }
a.subna3_activ:link, a.subna3_activ:visited, a.subna3_activ:active { background: #6eb5e0 url(/AxCMSTemplates_SK/_static/_imgs/icon_navi_activ.gif) 16px 10px  no-repeat; border-bottom: 2px solid #fff;  margin: 0; padding: 5px 5px 5px 25px; display: block; color: #fff; text-decoration: none;}
*/


#login, #login2, #login3 { display: none; border-bottom: 2px solid #fff;}
#sprache { display: none; }
#login2,#login3 {display: block;}

h3.loginhead  { margin: 0; padding: 5px; border-bottom: 2px solid #fff;}
.searchbutton { font-size: 12px; margin: 0; border: 1px solid #0f6c9c; padding: 0; background: #fff; width: auto; }
.loginbutton { font-size: 12px; margin: 0; border: 1px solid #0f6c9c; padding: 0; background: #fff; width: auto; }

form { margin: 0; padding:0;}
input, textarea, select { margin: 0; padding: 0; font: 12px arial,verdana,sans-serif; }
input.suchfeld { border: 1px solid #0f6c9c; width: 115px; height: 16px; margin: 0; padding: 1px;}
input.loginfeld { border: 1px solid #0f6c9c; width: 179px; height: 16px; margin-bottom: 5px; padding: 1px;}

p.rightspacer { margin: 0; padding: 5px; border-bottom: 2px solid #fff;}
p.rightspacer3 { margin: 0; padding: 5px; border-bottom: 2px solid #fff;}
p.lang { margin: 0; padding: 5px; border-bottom: 2px solid #fff; background: #6eb5e0;}

#right ul { list-style:none; text-align: left; margin: 0; padding: 0 0 5px 0; }
#right li { list-style: none; background: url(/AxCMSTemplates_SK/_static/_imgs/bulletright.gif) 6px 6px no-repeat; margin: 0; padding: 0 0 0 15px}

#tools {float: left; border-bottom: 2px solid #fff; height: 26px;}
#tools_left { width: 109px; margin: 0; padding: 0; float: left;}
#tools_right { margin: 0; padding: 0; float: right;}

#content_table { width: 589px; float: left; margin: 0; padding: 0; background: url(/AxCMSTemplates_SK/_static/_imgs/bg_table.gif) 0 0 repeat-y;}
#content_table_left {float: left; width: 198px; height: 198px;}
#content_table_middle {float: left; width: 198px; height: 198px;}
#content_table_right {float: right; width: 193px; height: 198px;}

#marqueecontainer{
position: relative;
width: 190px; /*marquee width */
height: 190px; /*marquee height */
overflow: hidden;
}


#content_table h3 { background: #435896; height: 18px; margin:0px 0px 0px 0px; padding: 5px 6px; color: #fff; border-bottom: 2px solid #fff;}

#content_table_left h4, 
#content_table_middle h4,  
#content_table_right h4 {margin: 0; padding: 0;}

.clear {clear:both; }

#home { border: 1px solid #435896; margin: 0 0 0 192px; width: 787px; padding: 5px; }
#home_content { margin: 0; padding: 0; background: #ccc; width: 787px; height: 432px; }

#content table.tableImageTextText, table.tableTextTextImage { }

#content table.tableImageTextText td.tableImageTextTexttd1{ border:solid 1px white; padding:0px 0px 0px 0px; width:194px; vertical-align:top; text-align:left; }
#content table.tableImageTextText td.tableImageTextTexttd1 p{ margin-top:0px;}

#content table.tableImageTextText td.tableImageTextTexttd2{  border:solid 1px white; padding:0px 0px 0px 4px; width:196px; vertical-align:top;  }
#content table.tableImageTextText td.tableImageTextTexttd2 p{ margin-top:0px;}

#content table.tableImageTextText td.tableImageTextTexttd3{  border:solid 1px white; padding:0px 0px 0px 3px; width:196px; vertical-align:top;}
#content table.tableImageTextText td.tableImageTextTexttd3 p{ margin-top:0px;}

#content table.tableTextTextImage td.tableTextTextImagetd1{ border:solid 1px white; padding:0px 0px 0px 0px; width:196px; vertical-align:top;}
#content table.tableTextTextImage td.tableTextTextImagetd1 p{ margin-top:0px; }

#content table.tableTextTextImage td.tableTextTextImagetd2{border:solid 1px white; padding:0px 0px 0px 2px; width:196px; vertical-align:top;}
#content table.tableTextTextImage td.tableTextTextImagetd2 p{ margin-top:0px;}

#content table.tableTextTextImage td.tableTextTextImagetd3{ border:solid 1px white; padding:0px 0px 0px 0px; width:194px; vertical-align:top; text-align:right;}
#content table.tableTextTextImage td.tableTextTextImagetd3 p{ margin-top:0px;}


#content table.tableTextImage td.tableTextImagetd1{ border:solid 1px white; padding:0px 0px 0px 0px; width:392px; vertical-align:top;}
#content table.tableTextImage td.tableTextImagetd1 p{ margin-top:0px; }
#content table.tableTextImage td.tableTextImagetd2{ border:solid 1px white; padding:0px 0px 0px 0px; width:194px; vertical-align:top; text-align:right;}
#content table.tableTextImage td.tableTextImagetd2 p{ margin-top:0px;}

#content table.tableImageText td.tableImageTexttd1{ border:solid 1px white; padding:0px 0px 0px 0px; width:194px; vertical-align:top; text-align:left }
#content table.tableImageText td.tableImageTexttd1 p{ margin-top:0px;}
#content table.tableImageText td.tableImageTexttd2{  border:solid 1px white; padding:0px 0px 0px 3px; width:392px; vertical-align:top;}
#content table.tableImageText td.tableImageTexttd2 p{ margin-top:0px;}

/*2008.01.15*/
#content table.tableTextImage td.tableTextImagetd1 img{ margin-bottom:2px;}
#content table.tableTextImage td.tableTextImagetd2 img{ margin-bottom:2px;}
#content table.tableImageText td.tableImageTexttd1 img{ margin-bottom:2px;}
#content table.tableImageText td.tableImageTexttd2 img{ margin-bottom:2px;}
/*2008.01.15*/

#content .content_h2 {text-decoration:underline;font-weight: bold;  }
#content .content_h3 {font-weight: bold;  }
#content .content_h4 {text-decoration:underline;  }
#right * a,
#right * a:link,
#right * a:hover,
#right * a:active { text-decoration: none;  color: #fff;}
#right * a:visited { text-decoration: underline;  color: #fff;}


#content table.skTable { border:solid 0px white; padding:0px 0px 0px 0px; width:586px; vertical-align:top;}

#content table.skTable td.skTabletd1{ border:solid 1px white; padding:0px 3px 0px 0px; width:195px; vertical-align:top;}
#content table.skTable td.skTabletd2{	border-top:solid 0px white;
										border-left:solid 1px #435896;
										border-bottom:solid 0px white;
										border-right:solid 1px #435896;
padding:0px 3px 0px 3px; width:193px; vertical-align:top;}
#content table.skTable td.skTabletd3{  border:solid 1px white; padding:0px 0px 0px 3px; width:193px; vertical-align:top;}


#content table.skTable div.headline{padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	width:190px;
}

#content table.skTable p.headline {margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;}
#content table.skTable p.headline p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#content table.skTable div.imgleftbox {
	display:block;
	float:left;
	border-bottom:solid 1px #435896;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
	
	width:190px;
}

#content table.skTable div.imgleftout  {
	margin: 0px 0px 5px 0px;
	text-align:left;
	padding: 0px 0px 0px 0px;
	
}

#content table.skTable div.imgleft {
	display:block;
	float:left;
	padding: 0px 0px 4px 0px;
	margin:  0px 4px 0px 0px;
	
}

/*#content table.skTable p.imgleft {margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; }*/
#content table.skTable div.imgleft img { border:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  float: left; }
#content table.skTable div.imgleftbox p {margin:0px 0px 0px 0px; padding:0px 0px 4px 0px;} 
#content table.skTable div.imgleftbox img {margin:0px 0px 0px 0px; padding:4px 0px 4px 0px;} 

#content table.skTable div.imgtop {border-bottom:solid 1px #435896; margin: 0px 0px 5px 0px;padding: 0px 0px 4px 0px;width:190px;}
#content table.skTable div.imgtop p { margin: 0px 0px 0px 0px;padding: 0px 0px 4px 0px;}
#content table.skTable div.imgtop img { border: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px;}

#content table.skTable div.imgtopsingle {border-bottom:solid 1px #435896; margin: 0px 0px 5px 0px; width:190px;}
#content table.skTable div.imgtopsingle img { border: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px;}

* html #content table.skTable div.imgtopsingle img {position:absolute;}


#content #content_table table.pager a {text-decoration: none; color: #000;}
#content #content_table table.pager a:link { text-decoration: none;}
#content #content_table table.pager a:visited { text-decoration: none;}
#content #content_table table.pager a:hover { text-decoration: none;}
#content #content_table table.pager a:active { text-decoration: none;} 

#content #content_table .content_table_pager {float:right; height: 18px; margin: -18px 0px 0px 0px; padding: 5px 6px; }

.submitbutton{width: 50px;}

/*BorderNN*/

#content * table.Border01 tr td img, #content * table tbody tr.Border01 td img, #content * table tbody tr td.Border01 img,#content * table  tr.Border01 td img, #content * table tr td.Border01 img,
#content * table.border01 tr td img, #content * table tbody tr.border01 td img, #content * table tbody tr td.border01 img,#content * table  tr.border01 td img, #content * table tr td.border01 img
{ 
	border: 2px #435896 solid;
}
#CMSElementBrowser
{
min-height: 800px;
min-width:  200px;
}

#CMSElementBrowser table td
{
white-space: nowrap;
}

/* neue Regeln */
#header { margin: 10px 10px 5px 10px; padding: 0; width: 989px; height: 86px;}
#logo_steinzeug { display: none; }
#logo_keramo { display: none;}
#mainpic { display: none; }

#mainpic2012 { margin: 0; padding: 0; float: left; width: 735px; height: 86px; overflow: hidden;}

#logo2012 { margin: 0; padding: 0; float: right; margin-top: 20px; margin-right: 20px;}