/* 
Stylesheet-Design by www.buescher-media.de 
*/
/* body, html { height: 100%; } */


body {
	background-color: rgb(204,219,233);
background-image:url(../screen/scharnier_head.gif);
background-repeat: repeat-x;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

body,td,th,p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}



/********************************************/

#page {
position: relative; 
/* width: 986px; */
width: 100%; /* ie6 */
min-width: 735px;
max-width: 986px;
background-color: #FFFFFF;
background-image: url(../screen/bg_subnav.gif);
background-repeat: repeat-y;
text-align: left; 
margin: 0px auto; 
padding: 0px;
margin-top: 50px;
padding-top: 0px;
margin-bottom: 0;
height: auto;
}

#conContent {
/* position: relative; */
/* float: right; */
min-width: 472px;
max-width: 720px; /* 540px gesamt */
height: auto;
min-height: 300px; 
padding: 5px 5px 0px 10px; 
margin: 8px 0 0px 230px;
/*border: 1px solid #000;*/
/*left: 240px;*/
}

#since {
width: 100%;
display: block;
clear: both;
height: 50px;
}

#content {
position: relative;
float: left;
/*border: 1px solid #000000; */
width: 100%;
min-width: 277px;
max-width: 700px;
min-height: 300px; 
padding: 0; 
margin: 0 0;
text-align: left;
}


.conTeaser {
position: relative;
float: right;
width: 230px;
min-height: 300px; 
padding: 0 5px; 
margin: 0;
text-align: left;
}

.contentWide {
position: relative;
float: left;
width: 735px;
min-height: 200px; 
padding: 0; 
margin: 0 10px 0 0;
text-align: left;
}

.content50left {
position: relative;
float: left;
width: 350px;
min-height: 200px; 
padding: 0; 
margin: 0 10px 0 0;
text-align: left;
}

.content50right {
position: relative;
float: right;
width: 350px;
min-height: 200px; 
padding: 0; 
margin: 0 10px 0 0;
text-align: left;
}


#conFooter {
position: relative;
min-width: 735px;
max-width: 986px; /* 762 */
height: 20px; 
padding: 5px 0 0 0; 
margin: 0;
text-align: center;
clear: both;
background-color: rgb(178,201,222);
}


#conMainnavi {
position: relative;
background-color: rgb(178,201,222);
top: 0px;
left: 0px;
min-width: 735px;
max-width: 986px;
height: 24px; 
padding: 0; 
margin: 0;
text-align: left;
z-index: 10;
}

#mainnavi ul{
margin: 0;
padding: 0;
margin-left: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

#mainnavi li {
list-style: none;
float: left;
padding: 0;
margin: 0;
padding-right: 8px;
}


#conSubnavi {
position:relative;
float: left;
width: 220px;
height: 300px;
height: auto;
min-height: 300px; 
padding: 0; 
margin: 130px 0 0 0;
text-align: left;
/* background-color: rgb(0,237,244); */
z-index: 10;
}

.subnavi {
margin: 0 0 5px 5px;
padding: 0;
display: block; 
}

.subnavi ul {
margin: 10px 0 5px 0;
padding: 0;
display: block;
}

.subnavi li {
list-style: none;
padding: 1px;
margin: 0 0 10px 0;
display: block;
}


#conServicenavi {
position: absolute;
top: 34px;
left: 4px;
width: 216px;
height: 20px; 
padding: 0; 
margin: 0;
text-align: center;
z-index: 20;
}

#servicenavi {
/* float: right; */
}

#servicenavi ul {
margin: 0;
padding: 0;
}

#servicenavi li {
list-style: none;
float: left;
padding: 0;
margin: 0;
padding-right: 8px;
}

/*
#conHeader {
position: absolute;
top: 0px;
left: 0px;
height: 50px;
width: 100%;
padding: 0; 
margin: 0;
background-image:url(../screen/scharnier_head.gif);
background-repeat: repeat-x;
z-index: 10000;
}
*/

#conSearch {
position: absolute;
top: 3px;
/*left: 700px;*/
right: 80px;
text-align: right;
width: 155px;
height: 22px; 
padding: 0; 
margin: 0;
z-index: 20;
}

#conLangmenu {
position: absolute;
top: 4px;
/*left: 875px;*/
right: 4px;
width: 70px;
height: 12px;
padding: 0; 
margin: 0;
text-align: right;
z-index: 20;
}

#conLogo {
position: absolute;
top: 70px;
left: 15px;
width: 189px;
height: 68px;
padding: 0; 
margin: 0;
z-index: 20;
}

/*****************************************************************************************/

p { margin: 0 0 1em 0; padding: 0; }

hr { 
border: 0px; /* FÃ¼r Firefox und Opera */
border-top: solid 1px rgb(0,77,145);
border-bottom: solid 1px #FFFFFF; /* FÃ¼r I.Explorer (Seiten-Hintergrundfarbe!) */
}

hr.clearer { 
clear: both;
width: 220px;
border: 0px; /* FÃ¼r Firefox und Opera */
border-top: solid 1px rgb(229,237,244);
border-bottom: solid 1px rgb(229,237,244); /* FÃ¼r I.Explorer (Seiten-Hintergrundfarbe!) */
margin: 0;
padding: 0;
}

img { border: 0; }

a:link
{
	color: rgb(0,77,145); 
}
a:visited
{
	color: #551a8b;
}
a:active
{
	color: rgb(226,10,22); 
	text-decoration: none;
}
a:hover
{
	color: rgb(226,10,22); 
	text-decoration: none;
}

ul{
margin: 0;
padding: 0 0 0 14px;
}

.nav1 {
	font-size: 10pt;
	color: rgb(0,77,145);
	display: block;
	padding: 2px 0 2px 4px;
}

.nav1:link
{
	color: rgb(0,77,145); 
	text-decoration: none;
}
.nav1:visited
{
	color: rgb(0,77,145); 
	text-decoration: none;
}
.nav1:active
{
	color: rgb(226,10,22); 
	text-decoration: none;
}
.nav1:hover
{
	color: rgb(226,10,22); 
	text-decoration: none;
}


.nav2 {
	font-size: 9pt;
	color: rgb(0,77,145));
/*	display: block; */
	padding: 0;
}

.nav2:link
{
	color: rgb(0,77,145); 
	text-decoration: none;
}
.nav2:visited
{
	color: rgb(0,77,145); 
	text-decoration: none;
}
.nav2:active
{
	color: rgb(226,10,22); 
	text-decoration: none;
}
.nav2:hover
{
	color: rgb(226,10,22); 
	text-decoration: none;
}


.nav3 {
	font-size: 8pt;
	color: rgb(0,77,145);
	display: block;
	padding: 1px 0 1px 4px;
}

.nav3:link
{
	color: rgb(0,77,145); 
	text-decoration: none;
}
.nav3:visited
{
	color: rgb(0,77,145); 
	text-decoration: none;
}
.nav3:active
{
	color: rgb(226,10,22); 
	text-decoration: none;
}
.nav3:hover
{
	color: rgb(226,10,22); 
	text-decoration: none;
}

.footer {
	font-size: 8pt;
	color: rgb(0,77,145);
}

.small {
	
	font-size: 9pt;
}

.tiny {
	font-size: 8pt;
}

.smallnav {
	font-size: 9pt;
	color: #404040;
	text-decoration: none;
}

.smallnav:visited
{
	color: #404040; 
	text-decoration: none;
}
.smallnav:active
{
	color: #597F9B; 
	text-decoration: none;
}
.smallnav:hover
{
	color: #597F9B;
	text-decoration: none;
}

.headline1 {
	font-size: 14pt;
	color: rgb(0,77,145);
	margin-bottom: 12px;
}

.headline2 {
	font-size: 12pt;
	color: #404040;
}

.headline3 {
	font-size: 11pt;
	color: rgb(0,77,145);
}

.teaserbox {
border: 1px solid rgb(0,77,145);
padding: 5px 5px 10px 5px;
margin-bottom: 10px;
}

.teaserbox, .teaserbox p {
font-size: 8pt;
color: #000000;
}

.bild, .rte_image {
border: 1px solid rgb(0,77,145);
}

h1 { font-size: 11pt; margin-top: 0; color: rgb(0,77,145); }
h2 { font-size: 10pt; margin-top: 0; color: rgb(0,77,145); }
h3 { font-size: 9pt; margin-top: 0; color: rgb(0,77,145); }
h4 { font-size: 12pt; margin-top: 0; color: rgb(0,77,145); }
h5 { font-size: 14pt; margin-top: 0; color: rgb(0,77,145); }
h6 { font-size: 16pt; margin-top: 0; color: rgb(0,77,145); }


.boxheadline  { 
padding: 0 2px; 
margin-bottom: 5px;  
}

.boxbody  { 
margin-bottom: 10px; 
}


.red {
	color: rgb(226,10,22);
}

.grey {
	color: #666666;
}

.blue {
	color: rgb(0,77,145);
}

.bold {
font-weight: bold;
}

.underline, .underline:link, a.underline, .underline a {
text-decoration: underline;
}

.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-justify {
text-align: justify;
}

/* produkt */

.produktListe {
width: 100%;
min-width: 480px;
max-width: 700px;
height: auto;
border: 0px solid rgb(255,255,255);
margin-bottom: 16px;
}

.produktListe h3{
margin-bottom: 6px;
}

.produktBlock {
position: relative;
width: 100%;
min-width: 480px;
max-width: 700px;
height: auto;
border: 0px solid rgb(255,255,255);
}


.produktBild {
width: 82px;
height: 82px;
float: left;
margin: 0;

}

.produktBild img {
border: 1px solid rgb(0,77,145);
}

.produktContentOuter {
border: 0px solid rgb(255,255,255);
margin: 0 100px 0 100px;
height: auto;
}

.produktContentOuterBreit {
border: 0px solid rgb(255,255,255);
margin: 0 0 0 100px;
height: auto;
}

.produktContentBut {
padding-bottom: 2px;
display: block;
margin: 0 0 22px 0;
}

.produktContent {
padding: 0;
display: block;
margin: 0;
}

.produktButDatenblatt {
position: absolute;
width: 99px;
height: 22px;
bottom: 2px;
}


.produktCad {
width: 82px;
height: 82px;
float: right;
}

.produktCad img {
border: 1px solid rgb(0,77,145);
}

.produktListe hr { 
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px rgb(0,77,145);
border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
width: 100%;
margin-bottom: 4px;
padding: 0;
}


.produktClearer {
width: 100%;
height: 1px;
clear: right;
clear: both;
font-size: 1px;
size: 1px;
}

h1.produktHeadline, h2.produktHeadline  {
margin-bottom: 0.5em;
}

div.box_level3 {
padding-left:8px;
}


/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid rgb(0,77,145);
		padding: 0px 0px;
		margin: 0 0 6px 0;
	}
