/*  Author: Birgit Kern / Red Ruby Web-& Grafikdesign */
/*  Date: 03_2010     */
 

@charset "utf-8";

/* RESET STYLES
   ----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

/*--------------------------------Resetting styles ----------*/
body {font-size:62.5%; /*Font-size: 1.0em = 10px browser default size is 16px*/
	background-color:#E6E8F1;font-family:Arial, Helvetica, sans-serif;color:#535353;
	margin:0 auto;} 

a {color:#004983;text-decoration: none;}
a:hover {color:#7994bb;}

/*inline-text styles
--------------------------------------------------------------------------------------------------------*/
.blau {color:#004983 }
.lavendel {color:#7994bb}
.hellblau {color:#c9d1e3 }
.grau  {color:#535353}
.produkteH1 {margin-bottom:10px !important; margin-bottom:5px ;padding-top:5px;padding-left:7px; border-bottom:1px solid #c4c9df} 


/* text - styles
----------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {color: #7994bb;}
h1 {clear:both;margin:0.5em 0 1.0em 0;font-weight:normal;font-size:2.1em;}
h2 {clear:both;margin:1.0em 0 1.0em 0;font-weight:600;font-size:1.7em;}
h3 {clear:both;margin:1.0em  0 0.5em 0;font-weight:600;font-size:1.5em;}
h4 {margin:1.5em 0 1.0em 0;font-size:1.4em;}
h5 {margin:1.5em 0 1.0em 0;font-size:1.3em;}
h6 {margin:1.2em 0 0.2em 0;font-weight:bold;font-size:1.2em;}
p {margin:0 0 1.0em 0; line-height:1.5em;font-size:1.3em}
p.linie_davor { border-top: 1px solid #D1D1D1; padding-top:25px;}
p.linie_danach {border-bottom: 1px solid #D1D1D1;padding-bottom:25px;clear: both;}
p.ohne_linie {border:none; clear: both;}
p.small_font {font-size:0.95em}
p.center {text-align:center;}
p.right {text-align:right}
p.details {clear:both; margin:-0.25em 0 1.0em 0; }
p.quote {background-color:#E6E8F1;padding:12px;font-family:"Times New Roman", Times, serif;font-size:15px;margin-left:90px;}
p.quoteNews {background-color:#E6E8F1;padding:12px;font-family:"Times New Roman", Times, serif;font-size:15px;}
p.produkte{padding-bottom:10px;background-color: #E6E8F1;color:#646464}
p.produkte ul {list-style-image:url(../img/square.gif)}
p.produkteH1 {margin-bottom:10px !important; margin-bottom:5px;padding-top:5px;padding-left:7px; border-bottom:1px solid #c4c9df} 

ul.liste {list-style-image:url(../img/square.gif);font-size:1.3em; line-height:1.5em;}


/*.mainMiddle ul {list-style-type:square; margin:0.5em 0 1.0em 15px; font-size:1.3em}
.mainMiddle ul li {margin:0 0 0.2em 2px;padding:0 0 0 10px;} */
.mainMiddle blockquote {margin:5px;background-color:#E6E8F1}
.page-container {margin:0 auto;margin-bottom:10px;background-color: #fff;min-height:600px;}
.main {clear:both;padding-bottom:30px;padding-top: 10px;}
.language {
	padding-bottom:10px;
	padding-left: 25px;
	font-size:1.3em;
	width: 875px;
}
.language a {color:#646464; font-weight:bold}
.language a:hover {color:#7994bb;}
.language a:active {color:#535353;}
.language ul {display:inline}
.language ul li {display:inline}



/* HEADER 
---------------------------------------------------------------------------------------------------------------------*/
.header, .headerMiddle,.headerImage, .main, .page-container  {width:900px;}
.header {overflow:visible /*IE6*/;background-color: #FFF;}
.headerMiddle {height:360px;overflow:visible /*IE6*/;position: relative;z-index: 1;}
.headerImage {height:360px;overflow: visible;position: absolute;top: 0px;left: 0px;z-index: 2;}

.siteLogoLinkTop {z-index: 3;position: absolute;top: 0px;left: 0px; }
.siteLogoLinkLeft{z-index: 3;clear: left;position: absolute;left: 0px;top: 86px;}
.siteLogoPrint {z-index: 1;position:relative;left: 0px;top: 5px;background:url(../img/OrconLogoPrint.png) top left no-repeat;width: 270px;height: 100px}

.pageMessage {width:300px;height:20px;color:#7994bb; /*overflow:visible !important /*Activate if Ff print problems*/overflow:hidden /*IE6*/;top: 45px;position: absolute;right: 25px;text-align:right;font-size:1.4em;z-index: 3;}

/* LAYOUTS 
---------------------------------------------------------------------------------------------------------------------*/


/* 3 column layout
----------------------------------------------------*/ 
.mainLeft {float:left;width:175px;margin-left: 25px;display:inline;/*IE6*/overflow:hidden}
.mainLeft a {color:#7994bb}
.mainLeft a:hover {color:#004983}
.mainMiddle {float:left;margin-left:25px;width: 440px;diplay:inline;/*IE6*/overflow:hidden;}
.mainRight {float:right;width:185px;margin-right: 25px;display:inline;/*IE6*/overflow:hidden;}



/* Main Template, News Seite - 3colTemplate
-----------------------------------------------------*/
.mainBoxLeft {padding-bottom: 20px;}
.mainBoxRight {padding-bottom:20px;	padding-top:40px;}
.partnerlogo {padding: 30px 0px 20px 0px;width:175px; overflow:hidden;}


/* 2 column layout 
----------------------------------------------------- */
.main-col-2 {display:inline;/*IE*/float:left;width:640px;margin:0 0 0 25px !important/*Non-IE6*/;margin:0 0 0 12px ;overflow:hidden;}
.main-col-2 ul {padding-left:20px;padding-bottom:4px;list-style-image:url(../img/square.gif);font-size:1.35em; line-height:1.5em; }
.left-col-box {display:inline;/*IE*/float:left;width:150px;overflow:visible !important /*Ff*/;	padding-top: 20px;overflow:hidden;}


/* 1 column layout
-----------------------------------------------------*/ 
.main-col-1 {display:inline;/*Fix IE*/float:left;width:840px;margin:0 0 0 25px;overflow:hidden}
.main-col-1-box-left {float:left; width:400px; margin:0 0 10px 25px !important /*Non-IE6*/; margin:0 0 5px 12px /*IE6*/;diplay:inline;/*IE6*/;overflow:hidden}
.main-col-1-box-right {float:right; width:400px; margin:0 25px 10px 0 !important /*Non-IE6*/; margin:0 12px 5px 0 /*IE6*/;diplay:inline;/*IE6*/;overflow:hidden}



/*  Main - Right Column - Front
------------------------------------------------------*/
.mainBoxFrontRight {width:185px;padding-bottom:10px;font-size:0.85em;background-color: #E6E8F1;color:#646464}
.mainBoxFrontRight h1 {margin-bottom:10px !important; margin-bottom:5px ;padding-top:5px;padding-left:7px; border-bottom:1px solid #c4c9df} 
.mainBoxFrontRight p {padding-left:7px; padding-right:7px;}
.mainRight h1 {font-size:1.5em;color:#646464}

/*  Main - Middle Column
-----------------------------------------------------------------------------*/
.mainBoxMiddle {width:440px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.mainBoxMiddleDetail {width:440px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.mainBoxMiddle ul {list-style-type: none; padding-left: 15px; margin-left: 0; }
/*.mainBoxMiddle ul li {list-style-position:inside;list-style-image: url(../img/square.gif);padding-left:15px;background-position: 0px 5px;background-repeat: no-repeat; line-height:1.5em;} */
/*.mainBoxMiddle ul li {list-style-type:none; background: url(../img/square.gif) left center no-repeat;padding-left:15px;line-height:1.5em;} */

.mainBoxMiddleGrau {margin:30px 0px !important /*NON-IE6*/ margin:15px 0 /*IE6*/ ;
	padding:5px 7px 7px 7px;background-color: #E6E8F1;font-size:0.85em;display: inherit;} 
.mainBoxMiddleGrau h1{margin:0 0 10px 0!important /*NON-IE6*/ margin: 0 0 5px 0 /*IE6*/ ;padding:4px 5px 0px 5px;color:#535353;font-size:1.6em;border-bottom: 1px solid #c4c9df;background: url(../img/box_top_blue_lang.gif) bottom right repeat-x;font-weight: bold;}
.mainBoxMiddleGrau ul {padding-left:20px;padding-bottom:4px;list-style-image:url(../img/square.gif);font-size:1.35em; line-height:1.5em; }
.mainBoxMiddleGrau p {padding: 0px 5px}
.clear-content-unit {clear:both}


/* NAVIGATION 
------------------------------------------------------------------------------------------------------------------*/

/*Top Navigation - Drop-down menu
  --------------------------------------------------------------------*/
div#topMenuWrapper {width: 750px;position: absolute;left: 120px;top: 90px;z-index: 3;}
ul.menu * {margin:0; padding:0;}
ul.menu {font-size:10pt;text-align: center;	font-family: Arial, Helvetica, sans-serif;width: 750px;}
ul.menu, ul.menu ul {list-style:none;opacity: 0.8;filter:alpha(opacity=80);-moz-opacity:0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-khtml-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
ul.menu li {position:relative; float:left; margin-right:2px;font-weight: bold;diplay:inline;/*IE6*/}
ul.menu li a {display:block;color:#535353;text-decoration:none; }
ul.menu ul {position:absolute;top:26px /*25 for touching*/ ;left:0;background:#ededed;display:none;list-style:none;text-align: left;width:181px;}
ul.menu ul li {position:relative;border-left:1px solid #afafaf;border-bottom:1px solid #afafaf;width:180px;margin:0;font-weight:400;}
ul.menu li a:hover  {background-color:#c9d1e3; color:#535353;} 
ul.menu ul li a {display:block; padding:3px 7px 5px 7px;}
ul.menu ul li a:hover {background-color:#c9d1e3; color:#535353}
ul.menu .menulink {padding:4px 7px 5px 7px;width:90px;font-weight: bold;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color: #c9d1e3;color:#535353}
 

/*Left Menu - column and left navigation
  -------------------------------------------*/
.mainLeft h1 {clear:both;margin:30px 0 20px 0 !important; margin: 15px 0 10px 0;padding:4px 20px 3px 20px;}
.mainLeft h2 {clear:both;margin:20px 10px 10px 20px!important; margin: 10px 5px 5px 10px;color: #505050;}
.mainLeft h3 {clear:both;margin:10px 10px 5px 20px!important; margin: 5px 5px 2px 10px;font-style: normal;} 
/*.mainLeft p {clear:both;margin:0 10px 10px 20px;} */

div#leftMenu {width:175px;margin-bottom: 20px!important; margin-bottom:10px;font-size:1.05em;margin-top: 10px;}
div#leftMenu ul {position:relative;list-style: none;margin:5px 5px 5px 0px!important; margin: 2px 2px 2px 0;display: block;}
div#leftMenu ul ul {position:relative;list-style: none;margin: 5px 5px 5px 10px!important; margin: 2px 2px 2px 0;display: block;}
div#leftMenu li {display: block;list-style: none;display: block;}
div#leftMenu ul li {list-style: none;border-bottom:none;display: block;}
div#leftMenu ul li a {padding: 5px 5px 5px 10px;display: block; background:none;}
div#leftMenu li.current, div#leftMenu ul li.current {color: #505050;}
div#leftMenu li.current a {color: #505050;background:transparent url(../img/arrow_grau_small.gif) no-repeat left;}
div#leftMenu li.current a:hover {color: #004983;background:transparent url(../img/arrow_db_small.gif) no-repeat left;}
div#leftMenu li.normal {color: #7994bb;}
div#leftMenu li.normal a{color: #7994bb;background:transparent url(../img/arrow_lav_small.gif) no-repeat left;}
div#leftMenu li.normal a:hover {color: #004983;background:transparent url(../img/arrow_db_small.gif) no-repeat left;}	


/*Left Menu - News
--------------------- ------------*/
div#leftMenuNews {width:175px;margin: 10px 25px 20px 0px!important /*Non-IE6*/; margin:5px 12px 10px 0 /*IE6*/;;font-size:1.08em;}
div#leftMenuNews ul {position:relative;list-style: none;margin:5px 5px 5px 0 !important; margin:2px 2px 2px 0;display: block;}
div#leftMenuNews ul li {list-style: none;border-bottom:none;display: block;}
div#leftMenuNews ul li a {padding: 5px 5px 5px 0px;display: block; background:none;}
div#leftMenuNews ul li .current {color: #505050;}
div#leftMenuNews li.current a {color: #505050;}
div#leftMenuNews li.current a:hover {color: #004983}
div#leftMenuNews li.normal {color: #7994bb;}
div#leftMenuNews li.normal a{color: #7994bb;}
div#leftMenuNews li.normal a:hover {color: #004983;}

		
/*Left Menu - News Archive
-----------------------------------*/
div#leftMenuNewsArchive {width:840px;margin:10px 25px 20px 25px!important/*Non-IE6*/;margin:5px 12px 10px 12px /*IE6*/;font-size:1.2em;}
div#leftMenuNewsArchive ul {position:relative;list-style: none;margin:5px 5px 5px 0px !important; margin 2px 2px 2px 0;display: block;}
div#leftMenuNewsArchive ul li {list-style: none;border-bottom:none;display: block; padding: 5px 5px 5px 0px}
div#leftMenuNewsArchive ul li a {display: block; background:none;color: #7994bb;}
div#leftMenuNewsArchive ul li a:hover {color: #004983}


 
/* FOOTER 
-------------------------------------------------------------------------------------------------------------- */
div#footer {clear:both;font-size: 14px;}  

.footerLinks {padding:10px;clear: both;border-top: 1px solid #c4c9df;margin: 0px 25px !important; margin: 0 12px;}
.footerLinks ul {padding: 10px;text-align: right;margin: 0px 20px !important; margin: 0px 10px;}
.footerLinks li {display: inline;position: relative;line-height: 1.2;background: none;}
.footerLinks li a {border-left: 1px solid #999;padding: 0 10px;margin-bottom: 5px !important; margin-bottom: 2px;}
.orconCopyRight { float: left; padding:0 10px; margin-top:10px!important; margin-top:5px;diplay:inline;/*IE6*/}
.footerLinks li, .footerLinks li a, .orconCopyRight {color: #999;text-decoration: none;}
.footerLinks li a:hover {text-decoration: underline;color: #666;}
.footerLinks li.first a {border: none;}


/* Contact form
--------------------------------------------------- */
.contactform {font-size:1.2em;color:#535353;}
.contactform span.left {float:left;clear:right;width:100px;margin:0px 0 5px 10px!important;margin: 0px 0px 2px 5px;padding:2px;diplay:inline;/*IE6*/}
.contactform {width:418px; margin:2.0em 0 3.0em 0; padding:10px; color:#535353}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #c9d1e3;}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px *//*IE6*/; padding:0 2px 0 2px; color:#535353; font-size:1.1em;}
.contactform label.left {float:left; width:100px; margin:0 0 0px 0px; padding:2px; diplay:inline;/*IE6*/}
.contactform select.combo {width:175px; padding:2px; margin-right:128px; border:solid 1px #c9d1e3; color:#535353; float:right; }
.contactform input.field {width:275px; padding:2px; margin-top:5px;border:solid 1px #c9d1e3; }
.contactform textarea {width:275px; padding:2px; margin-top:5px;border:solid 1px #c9d1e3;  }
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#f4f4f4; border:solid 1px #7994bb; text-align:center;color:#004983;font-size:1.1em;diplay:inline;/*IE6*/}
.contactform input.button:hover {cursor: pointer; border:solid 1px #637999; background:#efefef; color:#7994bb;}


/* Clearing floats
--------------------------------------*/

.mainLeft:after,
.mainMiddle:after,
.mainRight:after,
.main-col-2:after,
.left-col-box:after,
.main-col-1:after,  
.main-col-1-box-left:after,  
.main-col-1-box-right:after,  { 
     content: "."; display: block; height: 0; ;clear: both; visibility:hidden; 
}


 
/* MAIN CONTENT RIGHT */


.mainRight h2 {
	margin:0 0 10px 0;
	padding:4px 10px 2px 0px;
	color:#646464;
	font-size:140%;
	border-bottom: 1px solid #c4c9df;
}


.mainRight ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.mainRight ul li {margin:5px 0 0.2em 2px;padding:0 0 0 11px;background:url(../img/arrow_db_small.gif) no-repeat 0.4emline-height:1.2em;
	font-size:110%;
}
*/

/* tables
--------------------------------------*/

table.kundenlogos {
	width: 640px;
	border:none
	}
	
table.kundenlogos td {
	vertical-align:middle;
	text-align: left;
}

td.tabellenzelle {
	vertical-align:middle;
	width: 160px;
	padding: 15px 0 15px 0px;
}

/* sitemap
--------------------------------------*/
div.csc-sitemap li {padding-left:25px;font-size:1.35em;line-height:1.4em;font-weight: 700;}
div.csc-sitemap li li {padding-left:25px;font-size:0.9em;line-height;1.1em;list-style-image:url(../img/arrow_db_small.gif);list-style-position: inside;font-weight: 400;}
div.csc-sitemap li li li {padding-left:25px;font-size:0.9em;line-height:1.2em;}