/* Optional Etim4Web-Layout */
@import url(/fileadmin/etim4web_v4/css/etim4web.css); 

body, a, p, table, td, h1, h2, h3, h5, h6, li, form, input, div, pre {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
       
}

a:hover { font-weight: bold; text-decoration: underline; border:0 none;}

a img {border:0 none}

h4 {    font-family: Arial;
	font-size: 12px;
	color: #003366;
	padding-top:12px;

}


/* Formatierung der Überschriften innerhalb des Templates (Added by Philip Pracht, 30.09.2006) */

h2 {    font-family: Arial;
	font-size: 14px;
	color: #003366;
	padding-top:5px;
}

h3 {    font-family: Arial;
	font-size: 12px;
	color: #003366;
	padding-top:12px;
}

.schrifttextzeile {    
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	padding:5px;
}

.schriftkasten {    
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	padding:5px;
}

/*------------------------------------end-------------------------------------------------------*/



body {
	background-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #B5B2B5;
	scrollbar-shadow-color: #EFEFF7;
	scrollbar-3dlight-color: #EFEFF7;
	scrollbar-arrow-color: #C65152;
	scrollbar-darkshadow-color: #B5B2B5;
	scrollbar-track-color: #ffffff;
	scrollbar-base-color: #B5B2B5;
	background: #fff url(../image/bg_body.jpg) repeat-x;
	
}

body.gruppe { background: #26517D url(../image/gruppe/bg_body.gif) repeat-x; }
body.start { background: #fff url(../image/start/bg_body.gif) repeat-x; }

table { border-collapse: collapse; }
td { padding: 0px; vertical-align: top; }

body, p, form, input { margin: 0px; padding: 0px; }

td.c_left {
	background: transparent url(../image/bg_kv_left.jpg) no-repeat right 60px;
}

body.start td.c_left {
	background: transparent url(../image/start/bg_kv_left.jpg) no-repeat right 60px;
}

body.start td.c_right {
	background: transparent url(../image/start/bg_kv_right.jpg) no-repeat left 60px;
}


div.content {
	position: relative;
	width: 980px;
}

div.content div.inner {  }

div.top {
	padding-left: 26px;
	height: 60px;
	background: transparent url(../image/bg_top.jpg) no-repeat;
}

div.title { width: 453px; height: 40px; background: url(../image/title_head_willkommen.jpg) no-repeat; }

body.unternehmen div.title { background: url(../image/title_head_unternehmen.jpg) no-repeat; }
body.news div.title { background: url(../image/title_head_news.jpg) no-repeat; }
body.produkte div.title { background: url(../image/title_head_produkte.jpg) no-repeat; }
body.service div.title { background: url(../image/title_head_service.jpg) no-repeat; }
body.impressum div.title { background: url(../image/title_head_impressum.jpg) no-repeat; }
body.kontakt div.title { background: url(../image/title_head_kontakt.jpg) no-repeat; }
body.suche div.title { background: url(../image/title_head_suche.jpg) no-repeat; }

div.title_en { width: 453px; height: 40px; background: url(../image/en/title_head_willkommen.jpg) no-repeat; }

body.unternehmen div.title_en { background: url(../image/en/title_head_unternehmen.jpg) no-repeat; }
body.news div.title_en { background: url(../image/title_head_news.jpg) no-repeat; }
body.produkte div.title_en { background: url(../image/en/title_head_produkte.jpg) no-repeat; }
body.service div.title_en { background: url(../image/en/title_head_service.jpg) no-repeat; }
body.impressum div.title_en { background: url(../image/en/title_head_impressum.jpg) no-repeat; }
body.kontakt div.title_en { background: url(../image/en/title_head_kontakt.jpg) no-repeat; }
body.suche div.title_en { background: url(../image/en/title_head_suche.jpg) no-repeat; }

div.kv {
	height: 185px;
	background: transparent url(../image/bg_kv.jpg) no-repeat;
}

body.gruppe div.kv {
	height: 245px;
	background: transparent url(../image/gruppe/bg_kv.gif) no-repeat;
}

body.start div.kv {
	height: 260px;
	background: transparent url(../image/start/bg_kv.jpg) no-repeat;
}

p.logo { padding: 32px 0 0 18px; }

div.menu { padding-left: 26px; }

body.gruppe div.menu { position: absolute; left: 0; top: 270px; padding-left: 0; }

#hm1 a, #hm2 a, #hm3 a, #hm4 a, #hmprint a, #lm1 a, #lm2 a, #lm3 a, #lm4 a { display: block; text-decoration: none; }

#hm1 { background: url(../image/hmenu_b_unternehmen_n.gif) no-repeat; }
#hm1 a { width: 126px; height: 25px; }
#hm1 a:hover { background: url(../image/hmenu_b_unternehmen_o.gif) no-repeat; }
body.unternehmen #hm1 a, body.unternehmen #hm1 a:hover { background: url(../image/hmenu_b_unternehmen_a.gif) no-repeat; }

#hm2 { background: url(../image/hmenu_b_news_n.gif) no-repeat; }
#hm2 a { width: 124px; height: 25px; }
#hm2 a:hover { background: transparent url(../image/hmenu_b_news_o.gif) no-repeat; }
body.news #hm2 a, body.news #hm2 a:hover { background: transparent url(../image/hmenu_b_news_a.gif) no-repeat; }

#hm3 { background: url(../image/hmenu_b_produkte_n.gif) no-repeat; }
#hm3 a { width: 124px; height: 25px; }
#hm3 a:hover { background: transparent url(../image/hmenu_b_produkte_o.gif) no-repeat; }
body.produkte #hm3 a, body.produkte #hm3 a:hover { background: transparent url(../image/hmenu_b_produkte_a.gif) no-repeat; }

#hm4 { background: url(../image/hmenu_b_service_n.gif) no-repeat; }
#hm4 a { width: 124px; height: 25px; }
#hm4 a:hover { background: url(../image/hmenu_b_service_o.gif) no-repeat; }
body.service #hm4 a, body.service #hm4 a:hover { background: url(../image/hmenu_b_service_a.gif) no-repeat; }

#hm1_en a, #hm2_en a, #hm3_en a, #hm4_en a, #lm1_en a, #lm2_en a, #lm3_en a, #lm4_en a { display: block; text-decoration: none; }

#hm1_en { background: url(../image/en/hmenu_b_unternehmen_n.gif) no-repeat; }
#hm1_en a { width: 126px; height: 25px; }
#hm1_en a:hover { background: url(../image/en/hmenu_b_unternehmen_o.gif) no-repeat; }
body.unternehmen #hm1_en a, body.unternehmen #hm1_en a:hover { background: url(../image/en/hmenu_b_unternehmen_a.gif) no-repeat; }

#hm2_en { background: url(../image/en/hmenu_b_news_n.gif) no-repeat; }
#hm2_en a { width: 124px; height: 25px; }
#hm2_en a:hover { background: transparent url(../image/en/hmenu_b_news_o.gif) no-repeat; }
body.news #hm2_en a, body.news #hm2_en a:hover { background: transparent url(../image/en/hmenu_b_news_a.gif) no-repeat; }

#hm3_en { background: url(../image/en/hmenu_b_produkte_n.gif) no-repeat; }
#hm3_en a { width: 124px; height: 25px; }
#hm3_en a:hover { background: transparent url(../image/en/hmenu_b_produkte_o.gif) no-repeat; }
body.produkte #hm3_en a, body.produkte #hm3_en a:hover { background: transparent url(../image/en/hmenu_b_produkte_a.gif) no-repeat; }

#hm4_en { background: url(../image/en/hmenu_b_service_n.gif) no-repeat; }
#hm4_en a { width: 124px; height: 25px; }
#hm4_en a:hover { background: url(../image/en/hmenu_b_service_o.gif) no-repeat; }
body.service #hm4_en a, body.service #hm4_en a:hover { background: url(../image/en/hmenu_b_service_a.gif) no-repeat; }

#hmprint { display:block; width:123px; height:25px; text-align:right; }
#hmprint a { padding-top:4px; }

#lm1 { background: url(../image/lmenu_b_de_n.gif) no-repeat; }
#lm1 a { width: 25px; height: 25px; }
#lm1 a:hover { background: url(../image/lmenu_b_de_o.gif) no-repeat; }

#lm2 { background: url(../image/lmenu_b_en_n.gif) no-repeat; }
#lm2 a { width: 26px; height: 25px; }
#lm2 a:hover { background: url(../image/lmenu_b_en_o.gif) no-repeat; }

#lm3 { background: url(../image/lmenu_b_fr_n.gif) no-repeat; }
#lm3 a { width: 25px; height: 25px; }
#lm3 a:hover { background: url(../image/lmenu_b_fr_o.gif) no-repeat; }

#lm4 { background: url(../image/lmenu_b_es_n.gif) no-repeat; }
#lm4 a { width: 24px; height: 25px; }
#lm4 a:hover { background: url(../image/lmenu_b_es_o.gif) no-repeat; }

#hm1 a b, #hm2 a b, #hm3 a b, #hm4 a b, #hm1_en a b, #hm2_en a b, #hm3_en a b, #hm4_en a b, #lm1 a b, #lm2 a b, #lm3 a b, #lm4 a b { visibility: hidden; }

div.smenu { padding: 10px 0 20px 153px; }

div.smenu table { height: 18px; }

div.smenu a {
	color: #25527B;
	font-weight: normal;
	text-decoration: none;
	padding: 0 6px 0 6px;
}

div.smenu a {
	height: 18px;
	display: block;
	border-right: 1px solid #28507d;
	font-weight: normal;
}
div.smenu a:hover, div.smenu a.act  {
	height: 18px;
	background: transparent url(../image/bg_smenu.gif) repeat-x;
	display: block;
	border-right: 1px solid #28507d;
	text-decoration: none;
	font-weight: normal;
}

div.ssmenu { padding-top: 30px; }

p.ssmenu {
	background: transparent url(../image/ssmenu_bg_n.gif) no-repeat 0 4px;
	width: 125px;
}
p.ssmenu a {
	line-height: 18px;
	padding-left: 8px;
	font-size: 11px;
	font-weight: normal;
	color: #82828c;
	text-decoration: none;
	display: block;
	font-weight: normal;
}
p.ssmenu a:hover, p.ssmenu a.act {
	background: transparent url(../image/ssmenu_bg_o.gif) no-repeat 0 4px;
	color: #28507d;
	text-decoration: none;
	font-weight: normal;
}

div.cmiddle {
	padding-left: 25px;
}

body.gruppe div.cmiddle {
	padding: 15px 0 0 0;
}

div.cmiddle .head, div.cmiddle h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}

div.suche {
	position: absolute;
	left: 640px; top: 8px;
}

body.gruppe div.cmiddle .head {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFF400;
}

body.gruppe div.cmiddle p {
	color: #fff;
}

div.clinie {
	position: absolute;
	left: 150px; top: 280px;
	width: 1px; height: 85px;
	background: transparent url(../image/bg_linie.gif) no-repeat;
}

input.suche {
	width: 140px; max-width: 140px;
}

a { font-weight: bold; 
    color: #28507D;
    text-decoration: none;
}


div.teaser {
	width: 191px;
	background: transparent url(../image/teaser_bg.gif) repeat-y;
	margin-bottom: 10px;
}

div.teaser .head {
	padding: 5px 20px 0 20px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #28507d;
}

div.teaser .text {
	padding: 5px 20px 0 20px;
	font-size: 11px;
	line-height: 13px;        
}

div.teaser .graph {
	padding: 5px 0 0 20px;
}

/* Formatierung der Überschriften innerhalb des Templates (Added by Philip Pracht, 30.09.2006) */

div.teaser .text a {
	color: #25527B;
        font-size: 11px;
	text-decoration: none;
}

div.teaser .text a:hover {
	color: #25527B;
        font-size: 11px;
	text-decoration: underline;
}

/*-------------------------------------------end---------------------------------------------*/


td.teaser { padding-left: 20px; }

div.start_teaser1 {
	width: 204px; height: 224px;
	background: transparent url(../image/start/teaser_bg_01.gif) no-repeat;
}

div.start_teaser2 {
	width: 204px; height: 224px;
	background: transparent url(../image/start/teaser_bg_02.gif) no-repeat;
}

div.start_teaser1 .head, div.start_teaser2 .head {
	padding: 5px 10px 0 10px;
}

div.start_teaser1 .head .inner, div.start_teaser2 .head .inner {
	height: 26px;
	color: #27527D;
	font-size: 14px;
	font-weight: normal;
}

div.start_teaser1 .text, div.start_teaser2 .text, div.start_teaser1 .text a, div.start_teaser2 .text a {
	font-size: 11px;
	line-height: 13px;
}

div.start_teaser1 .text a, div.start_teaser2 .text a {
	color: #25527B;
	text-decoration: none;
}

div.start_teaser1 .text a:hover, div.start_teaser2 .text a:hover {
	text-decoration: underline;
}

.bildu {
	padding: 5px 5px 0 5px;
	font-size: 11px;
	color: #28507d;
	line-height: 13px;
	border-bottom: 1px solid #28507d;
}

.lupe {
	border-bottom: 1px solid #28507d;
	text-align: right;
}

.va_m { vertical-align: middle; }
.va_u { vertical-align: bottom; }
.pl_2 { padding-left: 2px; }

.csc-mailform {
        border: 0px;
        background: url(../image/leuchtturm.gif) no-repeat;
        width:494px;
        padding-top:30px;
}

.csc-mailform-field {
	margin-bottom:10px;
}
 
.csc-mailform-field label {
	display:inherit;
	width:160px;
	float:left;
	text-align: left;
	font-size: 12px;
}
 
.csc-mailform-submit {
        width:200px;
        margin-left:160px;
}

/* Formatierung News (Added by Zeus, 02.09.2006) */
.news-list-container {
	font-size:11px;
	border:#DBE2EA 1px solid;
}
.news-list-item {
        margin-bottom:10px;
        border-bottom:#DBE2EA 1px solid;
}
.news-list-item-alt {
        margin-bottom:10px;
	background:#DBE2EA;
}
.news-list-date {
        font-size:10px;
        font-weight:bold;
        color:#26517d;
}
span.news-list-subheader {
	font-size:10px;
}

.bodytext {                            /*  bodytext    */
	font-size:12px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
        color:#666666;
}

.bodytext img {                            /*  bodytext    */
	padding-right:10px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}


.news-single-title {
	font-size:16px;
	font-weight:bold;
	color:#003366;
}
.news-single-backlink {
	display:block;
	width:100%;
	border-top:# #26517d 1px solid;
}

/* Formatierung Sitemap (Added by Zeus, 02.09.2006) */
.csc-sitemap {
	display:block;
	width:589px;
	margin:0;
	padding:0;
}

.csc-sitemap a {
	display:block;
	width:98%;
	padding-left:10px;
}

.csc-sitemap a:hover {
	background:#fffa7f;
}

.csc-sitemap ul {
	display:block;
	margin:0;
	padding:2px;
	list-style:none;
}

.csc-sitemap li {
	display:block;
}

.csc-sitemap ul li {
	display:block;
	margin:5px;
	margin-left:20px;
	background:#c6d1dc;
}

.csc-sitemap ul li ul li {
	display:block;
	margin:5px;
	margin-left:20px;
	background:#dae3eb;
}


.csc-sitemap ul li ul li ul li{
	display:block;
	margin:2px;
	margin-left:30px;
	/*background:#ebf1f7;*/
}

/* Formatierung Dateilinks (Added by Zeus, 26.09.2006) */
.csc-uploads {
	width:600px;
	margin-bottom:30px;
}

.csc-uploads td {
	margin-bottom:5px;
	border-bottom:#26517d 1px solid;
	padding-top: 5px;
        padding-right:5px;
}

.csc-uploads-icon td {
	width:22px;
	padding-top: 4px;
	padding-right: 4px;
}


.csc-uploads-icon{
	
	padding-right: 20px;
}

.csc-uploads-fileName {
	width:500px;
}

.csc-uploads-fileSize {
	width:78px;
	text-align:right;
	font-weight: bold;
	color: #33FFF;
}


/* Formatierung der Teaser innerhalb des Templates (Added by Philip Pracht, 27.09.2006) */

.Teaser-Startseite {
	display:block;
	float:left;
	width:204px;
	height:224px;
	margin-right:20px;
	background:url(http://p21940.typo3server.info/fileadmin/template/main/image/start/teaser_bg_01.gif) no-repeat top left;
}


.Teaser-GrossHead {
	display:block;
	float:left;
	width:620px;
	height:32px;
	margin-right:20px;
	background:url(http://p21940.typo3server.info/fileadmin/template/main/image/start/teaserheadnews.gif) no-repeat top left;
}



.Teaser-Gross {
	display:block;
	float:left;
	width:620px;
	height:161px;
	margin-right:20px;
	background:url(http://p21940.typo3server.info/fileadmin/template/main/image/start/teasercontentnewsgross.gif) no-repeat top left;
}



.TeaserHead {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: -12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #28507d;
	display:block;
	float:left;
	width:620px;
	height:35px;
	margin-right:20px;
	margin-bottom:-4.5px;
	background:url(http://p21940.typo3server.info/fileadmin/template/main/image/start/teaserhead.gif) no-repeat top left;
}

.TeaserContent {
	padding: 5px 20px 0 20px;
	font-size: 11px;
	line-height: 13px;
	display:block;
	float:left;
	width:600px;
	height:200px;
	margin-top:20px;
	margin-bottom: 20px;
	margin-right:-40px;
	background:url(http://p21940.typo3server.info/fileadmin/template/main/image/start/teaser100.gif) no-repeat top left;
}


/*max*/

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: medium 1px #003366;
 border-bottom: solid 1px #003366; /* Für I.Explorer  */
}

.csc-textpic-imagewrap {
     margin-top: 51px;
}

.Text-tabelle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	hr:1px dashed #181515;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}

.Text-inhalte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	hr:1px dashed #181515;
	align: justify;
}

.tx-indexedsearch { width: 605px; max-width: 605px; }



.kasten { 
	border-bottom: 1pt dashed Background; 
	border-width:1px;
 	border-style:solid;
 	border-color: #003366;
 	width: 150px;
 	margin-top: 0px;
}

.Textzeile { 
	background-color:#003366;
	text-transform: uppercase;
	border-bottom: 1pt dashed Background; 
	border-width:1px;
 	border-style:solid;
 	border-color:#003366;
 	width: 150px;
 	margin-top: 0px;
}


.boxright {
	border: 1px solid #26517d;
	padding: 0px 10px 0px 10px;
        margin-bottom: 0px;
	color: white;
	background:url(http://p21940.typo3server.info/fileadmin/template/main/image/start/box-right-headline.jpg);
	background-repeat: no-repeat;
	
	
}

* html .boxright {
  width: 600px;
  w\idth: 600px;
} 


.boxright h8 {
	color: white;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 8px;
	font-weight: bold;
	text-transform: uppercase;
}
	


.boxright ul {
	list-style-type: none;
	margin: 6px 0px 8px 0px;
}

.boxright ul li {
	padding-left: 7px;
	background-image: url(http://p21940.typo3server.info/fileadmin/template/main/image/ssmenu_bg_o.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.boxright ol {
	margin: 6px 0px 8px 0px;
}

.boxright p {
	margin-bottom: 5px;
	text-decoration: none;
}
.boxright a {
       	text-decoration: none;
}

.leuchtenbilder {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom:10px;
}

/*   Druck  */

#print {
	position:absolute;
	width:51px;
	height:29px;
	z-index:12;
	left: 726px;
	top: 261px;
}


/* Produktübersicht */


div.produkte  a {
        text-decoration:none;
        color: #666666;
        font-size: 12px;
        font-weight: normal;
}

div.produkte a:link {
        text-decoration:none;
        color: #666666;
        font-size: 12px;
        font-weight: normal;
        border: 0px;
}

div.produkte  a:visited {
        text-decoration:none;
        color: #9cadbf;
        font-size: 12px;
}

div.produkte a:focus {
        text-decoration:none;
        color: #666666;
        font-size: 12px;
 	border: 0px;        
}

div.produkte  a:hover {
        text-decoration:none;
        color: #28507D;
        font-size: 12px;
        font-weight: normal;
	border: 0px;
}

div.produkte a:active {
        text-decoration:none;
        color: #28507D;
        font-size: 12px;
        font-weight: normal;
	border: 0px;
}

div.produkte img {
       border:1px solid #003366;
}

div.csc-textpic-border{ border-color: #003366;}

/*  dateiliste 02.07.07*/

.tx-filelist-pi1-filename {
	padding-right: 10px;
	padding-left: 10px;
} 
.tx-filelist-pi1-last_modification {
	padding-right: 10px;
	padding-left: 10px;
}
 
#lab {
	position:absolute;
	left:280px;
	top:620px;
	width:631px;
	height:285px;
	z-index:1;
}

/* Ansprechpartner Vertrieb*/
.address_pl {font-weight: bold;
color:#666666;
font-size:12px;
display:block;
margin-bottom:10px;
padding-right:5px;
	
}

.address_pl a {
	font-weight: bold;
	color:#666666;
	font-size:12px;
	text-decoration:none;
	padding-right:5px;
	
}

.address_pl a:link {font-weight: bold;
color:#666666;
font-size:12px;
padding-right:5px;
	
}

.address_pl a:hover {font-weight: bold;
color:#28507D;
font-size:12px;
}

.project_back2list {display:block;margin-top:10px;}


/*max 04.02.2011*/

.news-single-imgcaption {font-size:10px;margin-bottom:15px;}

.start_teaser2 p {padding:2px;}
.news-list-item img {display:none;}
