/*  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;
}

* {overflow:visible !important}  /*Activated Firefox print problems for 2nd page on box with overflow*/

/*--------------------------------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;}

.blau {color:#004983 }
.lavendel {color:#7994bb}
.hellblau {color:#c9d1e3 }
.grau  {color:#535353}


/* 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}
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 {margin:0 0 0.6em 20px;background-color: #c9d1e3;padding: 12px;font-family:"Times New Roman", Times, serif;
	font-size:15px;}
.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: 30px;}


/* HEADER 
---------------------------------------------------------------------------------------------------------------------*/
.header, .headerMiddle,.headerImage, .main, .page-container  {width:900px;}
.header {border-bottom:1px solid #535353;}
.headerMiddle {height:150px;overflow:visible /*IE6*/;position: relative;z-index: 1;}
.headerImage {display:none;height:360px;overflow: visible;position: absolute;top: 0px;left: 0px;z-index: 2;}
.siteLogoLinkTop {display:none;z-index: 3;position: absolute;top: 0px;left: 0px; }
.siteLogoLinkLeft{display:none;z-index: 3;clear: left;position: absolute;left: 0px;top: 86px;}
.siteLogoPrint {position:relative;left: 0px;top: 5px;background:url(../img/OrconLogoPrint.png) top left no-repeat;width: 270px;height: 100px;z-index:1}

.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;display:inline;position:relative;overflow:visible !important}
.mainMiddle {float:left;width: 440px;display:inline;/*IE6*/;position:relative;overflow:visible !important /*Activate if Ff print problems*/}
.mainRight {float:right;width:185px;display:inline;;position:relative;overflow:visible !important}



/* Main Template, News Seite - 3colTemplate
-----------------------------------------------------*/
.mainBoxLeft {padding-bottom: 20px;}
.mainBoxRight {padding-bottom:20px;	padding-top:40px;}
.partnerlogo {padding: 30px 0px 20px 15px;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;}
.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;overflow:hidden}
.main-col-1-box-left {float:left; width:400px;/;display:inline;/*IE6*/;overflow:hidden}
.main-col-1-box-right {float:right; width:400px; display: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: 0; margin-left: 0; }
.mainBoxMiddle ul li {list-style-position:inside;list-style-image: url(../img/square.gif);padding:0px 0px 0px 15px; line-height:1.5em;}
.mainBoxMiddleGrau {margin:25px 0px !important /*NON-IE6*/ margin:12px 0 /*IE6*/ ;padding:7px;background-color: #E6E8F1;font-size:0.85em;}
.mainBoxMiddleBlau {width:400px;margin:0,auto;padding:30px 0 10px 0;background-color: #E6E8F1;}
.mainBoxMiddleLav {width:400px;margin:0,auto;padding:30px 0 10px 0;background-color: #D9DDEA;}
.mainBoxMiddleGrau h1, .mainBoxMiddleBlau h1,.mainBoxMiddleLav 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: 5px; margin-left: 0;}
.mainBoxMiddleGrau ul li {list-style-position:inside;list-style-image:url(../img/square.gif);padding:5px 0px 5px 5px;} 
.mainBoxMiddleGrau p {padding: 0px 5px}
.grey {background-color: #f4f4f4;}
.blue  {background-color:#E6E8F1;}
.lav{background-color: #D9DDEA;}
.clear-content-unit {clear:both}


/* NAVIGATION 
------------------------------------------------------------------------------------------------------------------*/

/*Top Navigation - Drop-down menu
  --------------------------------------------------------------------*/
div#topMenuWrapper {display: none; width: 750px;position: absolute;left: 120px;top: 90px;z-index: 3;}
ul.menu * {margin:0; padding:0;}
ul.menu {display:none; font-size:10pt;text-align: center;	font-family: Arial, Helvetica, sans-serif;width: 750px;}
ul.menu, ul.menu ul {display:none;;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)";}

 

/*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 {display:none}
.footerLinks li {display:none}
.footerLinks li a {display:none}
.orconCopyRight { float: left; padding:0 10px; margin-top:10px!important; margin-top:5px;diplay:inline;/*IE6*/}
.footerLinks li, .footerLinks li a {display:none}




/* Contact form
--------------------------------------------------- */
.contactform {font-size:1.2em;color:#535353;}
.contactform span.left {float:left;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; border:solid 1px #c9d1e3; color:#535353 }
.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; 
}


 
