/* 
Stylesheet-Design by www.buescher-media.de 
*/

body, html { height: 100%; }
body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
	background-color: #F2F5F7;
	background-image:url(../screen/liniatur.jpg); 
	background-repeat: repeat;
	background-attachment: fixed;
}

body,td,th,p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	/* color: #404040; */
	color: rgb(0,68,137);
}

p { margin: 0 0 1em 0; padding: 0; }

hr { 
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px rgb(143,212,0);
border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

hr.hrClearRight {
clear: right; 
border: 0; 
border-top: 1px solid #FFFFFF; 
border-bottom: 1px solid #FFFFFF;
margin: 0;
}

img { border: 0; border-color: #404040; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
		border: 1px solid rgb(217, 224, 238); /*rgb(0,68,137);*/
		padding: 0px 0px;
	}

a:link
{
	color: #404040;
	color: rgb(0,68,137);
}
a:visited
{
	color: #404040; 
	color: rgb(0,68,137);
}
a:active
{
	color: rgb(0,68,137); 
	text-decoration: none;
}
a:hover
{
	color: rgb(0,68,137); 
	text-decoration: none;
}


.nav1 {
	font-size: 9pt;
	color: #000000;
	display: block;
	padding: 2px 0 2px 4px;
}

.nav1:link
{
	color: #000000; 
	text-decoration: none;
}
.nav1:visited
{
	color: #000000; 
	text-decoration: none;
}
.nav1:active
{
	color: #000000; 
	text-decoration: none;
}
.nav1:hover
{
	color: #000000; 
	text-decoration: none;
	background-color: #FFFFFF;
}


.nav2 {
	font-size: 8pt;
	color: rgb(0,68,137);
	display: block;
	padding: 1px 0 1px 4px;
}

.nav2:link
{
	color: rgb(0,68,137); 
	text-decoration: none;
}
.nav2:visited
{
	color: rgb(0,68,137); 
	text-decoration: none;
}
.nav2:active
{
	color: rgb(0,68,137); 
	text-decoration: none;
}
.nav2:hover
{
	color: rgb(0,68,137); 
	text-decoration: none;
	background-color: #FFFFFF;
}

.navmainlink {
	font-size: 9pt;
	color: rgb(100,100,100);
	padding: 1px 4px;
	margin: 0;
	margin-right: 12px;
}

.navmainlink:link {
	color: rgb(100,100,100); 
	text-decoration: none;
}

.navmainlink:visited {
	color: rgb(100,100,100); 
	text-decoration: none;
}

.navmainlink:active
{
	color: rgb(100,100,100); 
	text-decoration: none;
}
.navmainlink:hover
{
	color: rgb(0,68,137); 
	text-decoration: none;
	background-color: rgb(217, 224, 238);
}


.small {
	font-size: 8pt;
}

.tiny {
	font-size: 7pt;
}

.smallnav {
	font-size: 9pt;
	color: #404040;
	text-decoration: none;
}

.smallnav:visited
{
	color: #404040; 
	text-decoration: none;
}
.smallnav:active
{
	color: rgb(0,68,137); 
	text-decoration: none;
}
.smallnav:hover
{
	color: rgb(0,68,137);
	text-decoration: none;
}

.headline1 {
	font-size: 16pt;
	color: rgb(0,68,137);
	margin-bottom: 12px;
}

.headline2 {
	font-size: 14pt;
	color: #404040;
}

.headline3 {
	font-size: 12pt;
	color: rgb(0,68,137);
}

.teaserHeadline {
	font-size: 8pt;
	color: rgb(0,68,137);
	margin-bottom: 4px;
}



h1 { font-size: 12pt; margin-top: 0; }
h2 { font-size: 12pt; margin-top: 0; }
h3 { font-size: 10pt; margin-top: 0; }
h4 { font-size: 9pt; margin-top: 0; }
h5 { font-size: 8pt; margin-top: 0; }

h1.csc-header, h1.csc-firstHeader {
/* z-index: 3000; */
color: rgb(0,68,137);
}



#page {
position: relative; 
width: 980px;
text-align: left; 
/* background-color: #FFFFFF; */
background-image: url(../screen/liniatur_70.jpg);
background-attachment: fixed;
/*background-position: 50% -13px;*/
background-repeat: repeat;
margin: 0px auto; 
padding: 0px;
min-height: 90%;
top: 16px;
-moz-box-shadow: 2px 2px 6px #999;
-webkit-box-shadow: 2px 2px 6px #999;
box-shadow: 2px 2px 6px #999;
}

#head {
background-color: rgb(217, 224, 238);
background-image: url(../headerfoto/head_basis.jpg);
background-position: 190px;
background-repeat: repeat-x;
height: 60px; 
width: 980px;
margin: 0;
padding: 0;
text-align: left;
/* z-index: 2000; */
display: block;
/* border: 1px solid black; */
}

#headright {
position: absolute;
right: 0px;
width: 190px;
height: 60px; 
padding: 0;
margin: 0;
text-align: center;
background-color: rgb(217, 224, 238);
clear: none;
}

/*
.tx-macinasearchbox-pi1 {
width: 208px;
height: 60px; 
max-height: 60px;
padding: 0;
margin: 0;
text-align: center;
}
*/


#headleft { 
float: left;
width: 190px;
height: 60px;
max-height: 60px; 
padding: 0; 
margin: 0;
background-color: rgb(217, 224, 238);
text-align: center;
clear: none;
}

#languagemenu {
position: absolute;
left: 790px;
top: 61px;
width: 186px;
background-color: #FFFFFF;
height: 14px;
color: rgb(0, 68, 137);
font-size: 7pt;
text-decoration: none;
padding: 4px 2px 4px 2px;
z-index: 89;
}

#linkpath a {
text-decoration: none;
}


#main { 
position: relative;
margin: 40px 0 50px 233px;
padding: 10px 4px 0 12px;
/* width: 518px; *//* Breite 530 gesamt */
/* border: 1px solid #444444; */
/* z-index: 1000; */
}

#content {
float: left;
width: 490px;
display: block;
}

#content {
float: left;
width: 490px;
display: block;
}

#teaser {
float: right;
width: 184px;
}

#teaserblock1 { 
position: relative;
width:176px; /* auf Breite 580 gesamt */
margin: 0 4px; 
padding: 4px;
overflow: auto; 
background: #D9E2E8; 
float: right;
display: block; 
font-size: 8pt;
}

#teaserblock2 { 
position: relative;
width:176px;
margin: 6px 4px 0 4px; 
padding: 4px;
overflow: auto; 
background: #D9E2E8; 
float: right;
display: block;
clear: right;
font-size: 8pt;
}

#teaserblock3 { 
position: relative;
width:176px;
margin: 6px 4px 0 4px; 
padding: 4px;
overflow: auto; 
background: #D9E2E8; 
float: right;
display: block;
clear: right;
font-size: 8pt;
}

.teaserBody {
font-size: 8pt;
}

.teaserBody p, .teaserBody td, .teaserBody th {
font-size: 8pt;
}

#contentfoot {
position: relative;
left: 253px;
top: -26px;
font-size: 10pt;
background-color: transparent;
padding: 0 1px; 
width: 509px;
clear: both; 
}

#foot {
height:10px; 
padding: 0; 
margin: 0; 
background-color: transparent; 
font-size: 1px;
clear: both;
}

.clearer {
font-size: 1px;
height: 1px;
background-color: transparent;
color: #FFFFFF;
clear: both; 
}

a.linkbutton {
padding: 1px 6px; 
border: 1px solid rgb(143,212,0);
background-color: rgb(255,255,255);
text-decoration: none;
color: rgb(0,68,137);
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
box-shadow: 2px 2px 4px #999;
}

a.linkbutton:hover {
color: rgb(0,0,0);
border: 1px solid rgb(0,0,0);
background-color: rgb(217, 224, 238);
}


.tinylink, a.tinylink  {
font-size: 7pt;
text-decoration: none;
color: rgb(143,212,0);
}

a.tinylink:hover {
color: rgb(0,68,137);
}


.red {
	color: rgb(191,18,56);
}

.white {
	color: #FFFFFF;
}

.blue {
	color: rgb(0,68,137);
}


.grey {
	color: #666666;
}

.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-justify {
text-align: justify;
}

.bild, .rte_image {
border: 1px solid rgb(0,68,137);
box-shadow: 2px 2px 4px #999;
-moz-box-shadow: 2px 2px 4px 0 #999;
-webkit-box-shadow: 2px 2px 4px #999;
}

/* ct = Content-Teaser */
.ct_clear {
clear: right;
border: 0; 
height: 1px;
font-size: 1px;
}

.ct_image {
width: 75px;
float: left;
margin: 12px 0 0px 0;
}

.ct_image IMG {
border: 1px solid rgb(143,212,0);
}

.ct_entry {
margin-bottom: 12px;
text-align: left;
}

.ct_outercontent {
/* float: right; */
min-width: 350px;
margin: 12px 0 0px 120px;

}


.ct_content H4 { 
color: rgb(0,68,137);
}
		
.ct_content H4 A {
color: rgb(0,68,137);
text-decoration: none;
}

HR.ct_hr {
border: 0; 
border-top: 1px solid  rgb(143,212,0); 
border-bottom: 1px solid rgb(143,212,0);
border-bottom: 1px solid transparent;
margin: 0;
}


/************************************ Produkt *********************************/

#prod-headline {
/* z-index: 3000; */
color: rgb(0,68,137);
}

.produktbild, .produktbild img{
border: 1px solid rgb(143,212,0);
margin: 0;
padding: 0;
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
box-shadow: 2px 2px 4px #999;
}

.produktbild:hover {
border: 1px solid rgb(0,68,137);
}

.quaderlist ul, ul.quaderlist {
/* list-style: square; */
list-style-image:url('../screen/quader.jpg');
margin: 0;
margin-left: 18px;
padding-left: 0;
}

table.quaderlist, .quaderlist tr, .quaderlist td {
padding: 0;
margin: 0;
border: 0;
border-collapse: collapse;
}

.quaderlist td {
padding-right: 2px;
vertical-align: top;
}

#prod-block1 {
position: relative;
}

#prod-block1-outer {
padding-bottom: 20px;
margin-bottom: 25px;
}

#prod-block1-bilder {
position: relative; 
float: right; width: 407px; height: 304px; margin-left: 10px;
margin-bottom: 5px;
}

#prod-block1-text {
font-weight: bold;
margin-bottom: 34px;
}


#functionbuttons_produkt {
position: relative; 
width: 280px; 
height: 1px; 
border: 0px;
margin: -24px 0 0 0;
}


#but_handbuch {
float:left;
margin-right: 5px;
}

#but_datenblatt {
float: left;
margin-right: 5px;
}

#but_download {
float: left;
}

input.buttonlink {
width: 80px; 
height: 16px; 
margin: 2px; 
text-align: center;
border: 1px solid rgb(143,212,0);
background-color: rgb(255,255,255);
box-shadow: 2px 2px 4px #999;
-moz-box-shadow: 2px 2px 4px 0 #999;
-webkit-box-shadow: 2px 2px 4px #999;
font-size: 8pt;
text-decoration: none;
color: rgb(0,68,137);
cursor: pointer;
}

input.buttonlink:hover {
border: 1px solid rgb(0,0,0);
background-color: rgb(217, 224, 238);
color: rgb(0,0,0);
}

div.buttonlink {
width: 80px; 
height: 16px; 
margin: 2px; 
text-align: center;
border: 1px solid rgb(143,212,0);
background-color: rgb(255,255,255);
box-shadow: 2px 2px 4px #999;
-moz-box-shadow: 2px 2px 4px 0 #999;
-webkit-box-shadow: 2px 2px 4px #999;
}

div.buttonlink:hover {
border: 1px solid rgb(0,0,0);
background-color: rgb(217, 224, 238);
}


a.buttonlink {
width: 100%; 
display: block; 
margin: 1px;
font-size: 8pt;
text-decoration: none;
color: rgb(0,68,137);
cursor: pointer;
}

.buttonlink a:hover {
color: rgb(0,0,0);
}

.but360 {
width: 280px;
margin-top: -20px;
margin-bottom: 34px;
text-align: center;
}

.tooltip {
	display: none;
	position: relative;
	background-color: rgb(235,247,209); /* rgb(217,224,238); */
	border: 1px solid rgb(143,212,0);
	height:200px;
	padding:20px 20px 10px 20px;
	width:300px;
	margin: 0 0 0 0;
	overflow: auto;
	z-index: 1000;
	-moz-box-shadow: 4px 4px 6px #999;
-webkit-box-shadow: 4px 4px 6px #999;
box-shadow: 4px 4px 6px #999;
}


div.backlink, a.backlink {
font-size: 8pt;
text-decoration: none;
color: rgb(143,212,0);
}

.backlink a:hover {
color: rgb(0,68,137);
/* color: rgb(191,18,56); */
}

div.backlink:hover {
color: rgb(0,68,137);
}




/********************************mainmenu**************************************/

#mainnavi {
position: absolute;
left: 0;
top: 61px;
width: 971px; /* 980 gesamt */
background-color: #FFFFFF;
height: 16px;
color: rgb(0, 68, 137);
font-size: 7pt;
text-decoration: none;
padding: 2px 2px 4px 6px;
z-index: 86;
border-bottom: 1px solid rgb(0,68,137);
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
box-shadow: 2px 2px 4px #999;
}

ul#mainmenu {
	margin: 0;
	padding: 0;
	width: 780px; /* Width of Menu Items */
	border: 0px;
	background: transparent; /* IE6 Bug */
	font-size: 9pt;
	z-index:85;
	}

ul#mainmenu li {
	position: relative;
	list-style: none;
	float: left; /* !!! horizontale ausrichtung */
	width: 110px;
	background: transparent;
	}

ul#mainmenu li li{
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
box-shadow: 2px 2px 4px #999;
}

ul#mainmenu li a {
display: block;
font-size: 9pt;
text-decoration: none; 
color: rgb(100,100,100); 
width:99px; 
height:18px; 
border:1px solid rgb(217, 224, 238); /* #fff; */
border-width: 1px 1px 0 0; 
background: #fff; 
padding-left: 10px; 
line-height: 18px;
margin: 0;
	}
	
ul#mainmenu li li a, ul#mainmenu li li li a {
font-size: 8pt;
color: rgb(172,172,164);
border:1px solid rgb(1, 9, 82);
border-width: 1px 1px 0 0; 
}


ul#mainmenu ul {
	position: absolute;
	display: none;
	left: 0px;
	top: 20;
	margin: 0;
	padding: 0;
	width: 110px; /* Width of Menu Items */
	background: rgb(172,172,164);
	background: rgb(100,100,100);
	
	}


ul#mainmenu ul ul {
	position: absolute;
	display: none;
	left: 109px; /* Set 1px less than menu width */
	top: -1px; 
	display: block;
	
	}


ul#mainmenu li li,
ul#mainmenu li li li{ 
	float:none; /* !!! vertikale ausrichtung */
	background: #FFFFFF;
	margin: 1px 0 0 0;
	}  
	

ul#mainmenu li li a { /* Sub links Styles */
	/* border: 1px solid rgb(217, 224, 238); */
	background: rgb(1, 9, 82);
	border-top: 0px;
	} 


/* Hide sub-menus */
ul#mainmenu li:hover ul ul,
ul#mainmenu li:hover ul ul ul,
ul#mainmenu li.over ul ul,
ul#mainmenu li.over ul ul ul { display: none; } 

/* display sub-menus */
ul#mainmenu li:hover ul,
ul#mainmenu li li:hover ul,
ul#mainmenu li li li:hover ul,
ul#mainmenu li.over ul,
ul#mainmenu li li.over ul,
ul#mainmenu li li li.over ul { display: block; } /* The magic */


ul#mainmenu li a:hover, ul#mainmenu ul ul a:hover {
color: rgb(255,255,255); 
background: rgb(1, 9, 82);
}

/* first level */
ul#mainmenu :hover > a {
color: rgb(172,172,164);
background: rgb(1, 9, 82);
border:1px solid rgb(1, 9, 82);
border-width: 1px 1px 0 0;
}

/* other levels */
ul#mainmenu ul :hover > a {
color: rgb(255,255,255);
background: rgb(1, 9, 82);
border:1px solid rgb(1, 9, 82);
border-width: 0 1px 0 0;
}

ul#mainmenu ul li.menuparent { background: rgb(255,255,255); }

ul#mainmenu ul li:hover,
ul#mainmenu ul li.over { background-color: rgb(255,255,255); } /* hover ab 2. ebene */



/*********************************************** subnavi *********************************************************/

#consubnavi {
position: relative;
left: 0;
top: 50px;
width: 182px; 
max-width: 182px;
padding: 0px 0 0 4px; 
margin: 0 0 50px 0; 
display: block;
float: left;
}

#subnavi ul {
list-style: none;
margin: 0;
padding: 0;
}

#subnavi ul a {
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
box-shadow: 2px 2px 4px #999;
}




.link-level1 {
width: 175px;
font-size: 9pt;
text-decoration: none;
border: 1px solid rgb(255,255,255);
/* border: 1px solid transparent; */
padding: 1px;
padding-left: 5px;
display: block;
margin-bottom: 6px;
}

.link-level1:hover {
background-color: rgb(255,255,255);
border: 1px solid rgb(84,133,184);
}

.link-level1-active {
border: 1px solid rgb(0,0,0);
}

.link-level2 {
width: 146px;
font-size: 8pt;
text-decoration: none;
border: 1px solid rgb(255,255,255);
/* border: 1px solid transparent; */
padding: 1px;
padding-left: 4px;
display: block;
margin: 0 0 5px 70px;
}

.link-level2:hover {
background-color: rgb(255,255,255);
border: 1px solid rgb(143,212,0);
}

.link-level2-active {
border: 1px solid rgb(0,0,0);
}


.link-level1-0, a.link-level1-0 { background-color:rgb(217, 224, 238); color: rgb(0,0,0); }
.link-level2-0, a.link-level2-0 { color: rgb(0,68,137); background-color: rgb(222,243,179); }


/**************** pre subnavi *********************************/

#presubnavi ul {
list-style: none;
margin: 0 0 22px 0;
padding: 0;
}

#presubnavi ul a {
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
box-shadow: 2px 2px 4px #999;
}

#presubnavi ul ul {
list-style: none;
margin: 0;
padding: 0;
}

/**************** downloadcenter *********************************/

.user-downloadcenter-pi1 {
background-color: #ffffff;
border: 1px solid rgb(143,212,0);
padding: 14px;
}

.downloadcat {
border: 1px solid rgb(143,212,0);
margin: 0 0 20px 0;
padding: 14px;
background-color: rgb(217, 224, 238);
}

div.downloadcat_icon {
width: 75px;
height: 75px;
float: left;
display: inline;
margin: 0 20px 0 0;
}

.downloadcat_icon img {
border: 1px solid rgb(143,212,0);
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
box-shadow: 2px 2px 4px #999;
}

.downloadcat_right div {
float: right;
width: 100%;
display: inline;
margin: 0 0 0 20px;
}

.downloadcat_group {
border: 0;
margin: 0 0 5px 0;
}

.downloadcat_clearer {
clear: both;
border: 0; 
border-top: 1px solid  rgb(217, 224, 238); 
border-bottom: 1px solid rgb(217, 224, 238);
border-bottom: 1px solid transparent;
margin: 0;
}

.download_layoutleft {
width: 160px;
height: 344px;
display: inline;
float: left;
border: 1px solid rgb(217, 224, 238);
margin: 0 0 20px 0;
}

.download_layoutright {
width: 280px;
height: 344px;
display: inline;
float: right;
border: 1px solid rgb(217, 224, 238);
margin: 0 0 20px 0;
scrolling: auto;
}


ul.download_ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}

ul#.download_ul li {
	position: relative;
	list-style: none;
	}


ul.download_ul li a {
display: block;
text-decoration: none; 
color: rgb(100,100,100);  
border:1px solid rgb(217, 224, 238); /* #fff; */
border-width: 1px 0 0 0; 
padding-left: 10px; 
line-height: 18px;
margin: 0;
}

ul.download_ul li a:hover {
text-decoration: underline; 
color: rgb(30,30,30);  
}

.downloadli_active {
background-color: #d9e0ee; 
}


.download_searchbox {
border: 1px solid rgb(143,212,0);
background-color: rgb(255,255,255);
box-shadow: 2px 2px 4px #999;
-moz-box-shadow: 2px 2px 4px 0 #999;
-webkit-box-shadow: 2px 2px 4px #999;
text-decoration: none;
color: rgb(0,68,137);
}




/* Produkt neu */

#produkt-outer-element {

}


#produkt-block1-outer {
margin: 0 0 20px 0;
}

#produkt-block1-bilder {
position: relative; 
float: right; 
width: 304px; 
height: 407px; 
margin-left: 10px;
}

#produktbildgross {
width:302px; 
height:302px; 
z-index:1; 
left: 0; 
top: 0;
}

#produktthumbblock {
display: block;
width: 304px;
height: 95px;
margin: 15px 0 0 0;
overflow: auto;
}

#produktthumbcon {}

.produktthumbnail {
float: left;
margin: 0 12px 5px 0;
}

#produkt-block1content-outer {
}

#produkt-headline {
}

#produkt-block1-text {
margin: 0 0 15px 0;
}


#produkt_functionbuttons {
position: relative; 
width: 280px; 
height: 1px; 
border: 0px;
margin: 0 0 0 0;
}


#produktbut_handbuch {
float:left;
margin-right: 5px;
}

#produktbut_datenblatt {
float: left;
margin-right: 5px;
}

#produktbut_download {
float: left;
}


.produktbut360 {
width: 280px;
margin: 0 0 10px 0;
text-align: center;
}

.produkt_download_tooltip {
	display: none;
	position: relative;
	background-color: rgb(235,247,209); /* rgb(217,224,238); */
	border: 1px solid rgb(143,212,0);
	height:200px;
	padding:20px 20px 10px 20px;
	width:300px;
	margin: 0 0 0 0;
	overflow: auto;
	z-index: 1000;
	-moz-box-shadow: 4px 4px 6px #999;
-webkit-box-shadow: 4px 4px 6px #999;
box-shadow: 4px 4px 6px #999;
}



#produkt-block2-outer {
display: block;
}

#produkt-block1-outer ul.quaderlist, #produkt-block2-outer ul.quaderlist{
margin: 0 0 1em 18px;
}


@media print {
  a[href]:after {
    content: none !important;
  }
}