/* TAG */

/*

project: zementwerk (www.zementwerk.de)
for:     movement marketing digital strategic (www.movementberlin.com)
from:    intermatix internet solutions  (www.intermatix.de)

author:  ronny vorpahl

         (feel free to contact me for pure, compatible css;
          no table-layout, no hacks, no fancy stuff)
*/


/* COMMON */



input{ border:1px solid #666666;}
textarea{ border:1px solid #666666;}

* { margin:0px;     padding:0px;     border:0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px; background-color:transparent;
    line-height:16px;
    }


ul { list-style-type:none; }
li { padding-left:15px;   background:url(../img/navi2.gif) no-repeat 4px 5px; }
li.company { padding-left:15px;   background:url(../img/navi4.gif) no-repeat 4px 5px; }

p { margin-bottom:0px;}
/*p   { font-size:10px; color:#666666; display:block; background-color:transparent; clear:right;}*/
/*p  * { font-size:10px; color:#666666; vertical-align:baseline;background-color:transparent; clear:right;}*/
/*.clarge p, .clarge_right p { margin-bottom:10px; }*/
a { color:#0063ce; font-weight:bold;}

.bold, .bold * {
    font-weight:bold !important;
}

a:hover     { text-decoration:none;}
label       { color:#666666;  background-color:transparent;}
.hidden     { display:none; }
.floatleft  { float:left; }
.floatright { float:right; }
.clear      { clear:both; }

h1,h2,h3,h4 { color:#4b4b4b; font-weight:bold; }
h1 a { color:#4b4b4b; font-weight:bold; text-decoration: none; }


/* body */

body {
    font:10px arial, arial, sans-serif;
    color:#666666;
    height: auto;
    width:100%;
    text-align:center;
    background-image:url(../img/bg.png);
    background-position: 50% 0%;
}

html {
    width:100%;
    text-align:center;
}

.main_spacer{
    width:853px;
    margin:0px auto;
    height:2%;
}

.main  {
    text-align:left;
    width:953px;
    margin:0px auto;
    height:98%;
}

.content {
    width:753px;
    margin-top:0px;
    height:auto;
    overflow:visible;
}


.csmall { width:180px; display:inline; clear:none; float:left;}
.cmedium { width:280px; display:inline; clear:none; float:left;}
.clarge { width:493px; display:inline; clear:none; float:left;}

/*.box { display:block; clear:both; float:none; }*/

#title1 .middle div { background:url(../img/logo_slice.jpg) no-repeat bottom right; height:120px;}
#title2 .middle div { background:url(../img/logo_title.jpg) no-repeat bottom right; height:120px;}

.csmall .top    { background:url(../img/csmall_top.jpg)    no-repeat bottom right; height:11px;}
.csmall .middle { background:url(../img/csmall_middle.jpg) repeat-y right; }
.csmall .bottom { background:url(../img/csmall_bottom.jpg) no-repeat bottom right; height:11px;}

.cmedium {
  overflow: hidden;
}

.cmedium .top    { background:url(../img/middle/csmall_top.jpg)    no-repeat bottom right; height:11px;}
.cmedium .middle { background:url(../img/middle/csmall_middle.jpg) repeat-y right; }
.cmedium .bottom { background:url(../img/middle/csmall_bottom.jpg) no-repeat bottom right; height:11px;}

.clarge .top    { background:url(../img/clarge_top.jpg)    no-repeat bottom right;  height:11px;}
.clarge .middle { background:url(../img/clarge_middle.jpg) repeat-y right; }
.clarge .bottom { background:url(../img/clarge_bottom.jpg) no-repeat bottom right;  height:11px;}

/* bis hier ok */

.top, .middle, .bottom { display:block; clear:both; float:none; }

.navi_middle    { background:url(../img/csmall_navi_middle.jpg) no-repeat bottom right; }

.navi_bottom    { background:url(../img/csmall_navi_bottom.jpg) no-repeat bottom right; }
.pressed_top    { background:url(../img/csmall_navi_pressed_top.jpg) no-repeat bottom right; font-weight:bold;}
.pressed_bottom { background:url(../img/csmall_navi_pressed_bottom.jpg) no-repeat bottom right; height:13px; font-weight:bold;}

.navi_middle a, .navi_bottom a, .pressed_top a{ line-height:24px; color:#666666;}


.pressed_but    { margin-left:25px; border-bottom:1px solid #E6E6E6; }
.pressed_but   a { line-height:18px;}
.pressed_space  { margin-left:25px; border-bottom:1px solid #E6E6E6; height:5px; }
.pressed_but,
.pressed_space,
.pressed_top,
.navi_bottom    { padding-left:20px;}



.unpressed_top    { background:url(../img/csmall_navi_unpressed_top.jpg) no-repeat bottom right; height:11px; font-weight:bold;}
.unpressed_but    { background:url(../img/csmall_navi_unpressed_middle.gif) no-repeat bottom right; padding-left:20px; padding-right:12px; line-height: 20px;}
.unpressed_bottom { background:url(../img/csmall_navi_unpressed_bottom.gif) no-repeat bottom right; padding-left:20px; padding-right:12px;}


.cmedium .unpressed_top    { background:url(../img/middle/csmall_navi_unpressed_top.jpg) no-repeat bottom right; height:11px; font-weight:bold;}
.cmedium .unpressed_but    { background:url(../img/middle/csmall_navi_unpressed_middle.gif) no-repeat bottom right; padding-left:20px; padding-right:12px; line-height: 20px;}
.cmedium .unpressed_bottom { background:url(../img/middle/csmall_navi_unpressed_bottom.gif) no-repeat bottom right; padding-left:20px; padding-right:12px;}


.unpressed_but a, .unpressed_bottom a{ line-height:20px;}


.middle, .navi_middle { padding-left:20px; padding-right:12px;}



#startimage { background-image:url(../img/startimage_low.jpg);  height:385px;  }

.orange { background-color:#FF9C00; color: #fff;}
.red    { background-color:#FF3100; color: #fff;}
.blue   { background-color:#01309C; color: #fff;}
.teal   { background-color:#019BCD; }
.gray   { background-color:#E6E6E6; }

.orange a, .red a, .blue a, .teal a { color:#FFFFFF;}
.gray  a {  color:#666666;}



.cmedium .orange { background-color:#FF9C00; color: #fff;}
.cmedium .red    { background-color:#FF3100; color: #fff;}
.cmedium .blue   { background-color:#01309C; color: #fff;}
.cmedium .teal   { background-color:#019BCD; }
.cmedium .gray   { background-color:#E6E6E6; }

.cmedium .orange a, .cmedium .red a, .cmedium .blue a, .cmedium .teal a { color:#FFFFFF;}
.cmedium .gray  a {  color:#666666;}

/* TABLE OLD */

/* So solls aussehen
.td_lt .td_ct .td_rt
.td_lm .td_cm .td_rm
.td_lb .td_cb .td_rb
*/

.td_lt, .td_ct, .td_rt,
.td_lm, .td_cm, .td_rm,
.td_lb, .td_cb, .td_rb { border-style:solid; border-width:1px; }

.td_lt, .td_ct, .td_rt { border-top-style:none; }
.td_lb, .td_cb, .td_rb { border-bottom-style:none; }

.td_lt, .td_lm, .td_lb { border-left-style:none; }
.td_rt, .td_rm, .td_rb { border-right-style:none; }

.tr_2 td, .tr_2 th { border-bottom-width:2px;}
table  { border-collapse:collapse; width:445px;}
td, th {line-height:23px; padding:0px 13px;}


/* TABLE NEW */

/* so sieht eine typo3 table aus


				<table border="1" class="contenttable contenttable-0">
					<tr class="tr-even tr-0">
						<td class="td-0"><p>top left</p></td>
						<td class="td-1"><p>top center</p></td>
						<td class="td-last"><p>top right</p></td>
					</tr>

					<tr class="tr-odd tr-1">
						<td class="td-0"><p>middle left</p></td>
						<td class="td-1"><p>middle center</p></td>
						<td class="td-last"><p>middle right</p></td>
					</tr>
					<tr class="tr-even tr-last">
						<td class="td-0"><p>bottom left</p></td>

						<td class="td-1"><p>bottom centrer</p></td>
						<td class="td-last"><p>bottom right</p></td>
					</tr>
				</table>
.tr-0 * = th

nur zur info */

td, th {    border-style:solid; border-width:1px; }

.tr-0 td,
.tr-0 th    { border-top-style:none;  }
.tr-last td,
.tr-last th { border-bottom-style:none; }

.td-0    { border-left-style:none;}
.td-last { border-right-style:none; }







.table_orange td, .table_orange th { border-color:#FF9C00; }
.table_red    td, .table_red    th { border-color:#FF3100; }
.table_blue   td, .table_blue   th { border-color:#01309C; }
.table_teal   td, .table_teal   th { border-color:#019BCD; }
.table_gray   td, .table_gray   th { border-color:#E6E6E6; }


.sitemap0,.sitemap1,.sitemap2,.sitemap3 {
    padding-right:1px;
    padding-top:1px;
    padding-bottom:1px;
    display:block;
    clear:both;
}
.sitemap0 {
    font-weight:bold;
    margin:15px 5px 5px 5px;
}

.sitemap1 {
    padding-left:15px;
    background:url(../img/navi2.gif) 4px 5px no-repeat;
}

.sitemap2 {
    padding-left:25px;
    background:url(../img/navi3.gif) 14px 5px no-repeat;
}

.sitemap3 {
    padding-left:35px;
    background:url(../img/navi1.gif) 24px 5px no-repeat;
}

.navi_middle a, .navi_bottom a, .pressed_top a,
.pressed_but a,.unpressed_but a, .unpressed_bottom a,
#bottomnavi a,
.sitemap0,.sitemap1,.sitemap2, .sitemap3 {
    text-decoration:none;
    }

.navi_middle a, .navi_bottom a,
.pressed_but a,.unpressed_but a, .unpressed_bottom a,
#bottomnavi a,
.sitemap1,.sitemap2, .sitemap3
{font-weight:normal;}


#bottomnavi a,
.sitemap0,.sitemap1,.sitemap2, .sitemap3
{color:#666666; }


/* BOXES */

a img {
    text-decoration:none !important;
}

img { line-height:0px !important;}

.bod {
    /*float:left;
	margin:0px;
	padding:0px;
	display:block;*/
	overflow:hidden;
	width:100%;
	background-color:#FFFFFF;
	}

.bod .box_bc { background:url(../img/bo2_bc.png) bottom left  repeat-x;  }
.bod .box_mr { background:url(../img/bo2_mr.png) top    right repeat-y;  }
.bod .box_tr { background:url(../img/bo2_tr.png) top    right no-repeat; }
.bod .box_br { background:url(../img/bo2_br.png) bottom right no-repeat; }
.bod .box_mo { padding:11px 11px 1px 0px;}


.wp100 { width:100%   !important; }
.h200 .f_mc { height:178px !important;}

/* BOX TYPES */


.bo1 .box_mo { padding:22px 22px 11px 11px; }
.bo1 .box_oo {  /*margin:0px 6px;*/margin-left:12px; }

.bo2  {  /*margin:6px 0px;*/ } /* aufteilung weil bug mit bootom-margin im IE */
.bo2 .box_oo {  /*margin:0px 6px;*/margin-left:13px; } /* aufteilung weil max breite 100% hier eingehalten wird */



.bo3 .box_mo { padding:35px 35px 35px 24px;}

.teaser_image { margin: 12px 12px 0px 12px; }

.teaser_image div { margin: 0px 12px 12px 0px; }

.image_menu {
    margin: 12px 12px 0px 12px;
}


.imageleft  {
    display:block;
    clear:none;
    margin:0px 9px 3px 0px;
    float:left !important;
    }

.imageright {
    display:block;
    clear:none;
    margin:2px;
    float:right !important;
    }

.floatleft  {
    display:block;
    clear:none;
    float:left !important;
    }

.floatright {
    display:block;
    clear:none;
    float:right !important;
    }


.margin_b00 { display:block; clear:both; margin-bottom:00px !important;}
.margin_b05 { display:block; clear:both; margin-bottom:05px !important;}
.margin_b08 { display:block; clear:both; margin-bottom:08px !important;}
.margin_b10 { display:block; clear:both; margin-bottom:10px !important;}
.margin_b15 { display:block; clear:both; margin-bottom:16px !important;}
.margin_b20 { display:block; clear:both; margin-bottom:20px !important;}
.margin_b25 { display:block; clear:both; margin-bottom:25px !important;}


/*
	Tabellenzusatz f�r Produkte �berarbeitet von Ronny
*/

.td_vbottom, .td_vbottom * { vertical-align: bottom !important; }
.td_vtop, .td_vbottom *  { vertical-align: top !important; }

.left,  .left *  { text-align:left  !important; }
.center, .center * { text-align:center !important; }
.right,  .right *  { text-align:right  !important; }

.clear   { clear:both !important;  display:block !important;  line-height:0px !important;  margin:0px;}
.clearboth {  clear:both !important;  }
.noclear  {  clear:none !important;  }

.underline,
.underline:link, .underline:visited,
.underline:hover, .underline:active,
.underline_hover:hover, .underline_hover:active {  text-decoration:underline !important; }

.inline, .inline  * { display:inline !important; }
.block, .block * { display:block !important; }

.normal, .normal * {  font-weight:normal !important; }
.bold, .bold * {  font-weight:bold !important; }
.nowrap, .nowrap * {  white-space:nowrap !important;}

.margin_b00 { display:block; margin-bottom:00px !important;}	.margin_b02 { display:block; margin-bottom:02px !important;}	.margin_b03 { display:block; margin-bottom:03px !important;}
.margin_b05 { display:block; margin-bottom:05px !important;}	.margin_b08 { display:block; margin-bottom:08px !important;}	.margin_b10 { display:block; margin-bottom:10px !important;}
.margin_b15 { display:block; margin-bottom:15px !important;}	.margin_b20 { display:block; margin-bottom:20px !important;}	.margin_b25 { display:block; margin-bottom:25px !important;}

.margin_r00 { display:block; margin-right:00px !important; }	.margin_r02 { display:block; margin-right:02px !important; }	.margin_r03 { display:block; margin-right:03px !important; }
.margin_r05 { display:block; margin-right:05px !important; }	.margin_r08 { display:block; margin-right:08px !important; }	.margin_r10 { display:block; margin-right:10px !important; }
.margin_r15 { display:block; margin-right:15px !important; }	.margin_r20 { display:block; margin-right:20px !important; }	.margin_r25 { display:block; margin-right:25px !important; }

.margin_t00 { display:block; margin-top:00px !important; }	.margin_t02 { display:block; margin-top:02px !important; }	.margin_t03 { display:block; margin-top:03px !important; }
.margin_t05 { display:block; margin-top:05px !important; }	.margin_t08 { display:block; margin-top:08px !important; }	.margin_t10 { display:block; margin-top:10px !important; }
.margin_t15 { display:block; margin-top:15px !important; }	.margin_t20 { display:block; margin-top:20px !important; }	.margin_t25 { display:block; margin-top:25px !important; }
.margin_t30 { display:block; margin-top:30px !important; }	.margin_t35 { display:block; margin-top:35px !important; }	.margin_t40 { display:block; margin-top:40px !important; }

.margin_l00 { display:block; margin-left:00px !important; }	.margin_l02 { display:block; margin-left:02px !important; }	.margin_l03 { display:block; margin-left:03px !important; }
.margin_l05 { display:block; margin-left:05px !important; }	.margin_l08 { display:block; margin-left:08px !important; }	.margin_l10 { display:block; margin-left:10px !important; }
.margin_l15 { display:block; margin-left:16px !important; }	.margin_l20 { display:block; margin-left:20px !important; }	.margin_l25 { display:block; margin-left:25px !important; }

.margin_05 { display:block; margin:05px !important;}
.margin_10 { display:block; margin:10px !important;}



.table_10 th {
	font-weight:bold;
	padding:5px;
	text-align:left;
	vertical-align:bottom;
	line-height:16px;
}

.table_10 td {
	padding:5px;
	text-align:left;
	vertical-align:top;
	line-height:16px;
}

.table_10 .td-0    { padding-left:0px;  }
.table_10 .td-last { padding-right:0px; }
.table_10 .tr-0    td,
.table_10 .tr-0    th { padding-top:0px;   }
.table_10 .tr-last td,
.table_10 .tr-last th { padding-bottom:0px; }

/* getting visited links blue */


/* google maps ext */

.tx_lumogooglemaps_pi1_sidebar{
	display:none;
}



.pos-rel { position: relative; }
.lang-navi { position: absolute; left:395px; top: 120px;}
.lang-navi img { margin-right: 5px; border: 1px solid #ccc;}
span.no_link1 { line-height: 24px; color: #ccc;}
span.no_link2 { line-height: 18px; color: #bbb;}
.orange, .red, .teal {color: #eee; line-height: 20px;}
.orange {color: #FFC76F;}
.teal 	{color: #8EC0CF;}
.red 	{color: #FFA48F;}
.orange a, .red a, .teal a{color: #fff;}