/*##########################################################################################
##  style: v.0.2
##  copyright: 
##  development: http://www.too-creative.de
##  design: too|creative
########################################################################################*/

/***************************************
 allgemeine styles  
 ***************************************/
* { margin: 0; padding: 0; }
/* body { font: normal 12px Tahoma,Verdana,Sans-Serif; background-color: #C0C0C0; } */
body { font: normal 12px Tahoma,Verdana,Sans-Serif; background-color: #006C8D; }

/* p { padding: 8px 15px 0 15px; line-height: 16px; } */
p { padding: 8px 15px 0 0; line-height: 20px; } 
p.v2 { font-size: 11px; }

img { border: none; }
hr { border: 0; color: #C0C0C0; background-color: #C0C0C0; height: 1px; margin: 10px 0 10px 0; clear: both; }

fieldset { border: none; }
input, textarea, field select {}

blockquote { padding-left: 20px; }
ul { list-style: none; }

h1 { font-size: 18px; padding: 5px 0 20px 0; color: #0298CD; }
h2 { font-size: 14px; padding: 15px 0; color: #000; }

a { color: #000; text-decoration: none; }
a:hover { color: #0298CD; text-decoration: underline; }

/***************************************
 layout
 ***************************************/
#wrapper { width: 1001px; margin: 10px auto; background: #FFF url(../images/bg-content.gif) repeat-y right top; }
  #head { background-color: #FFF; }
   #logo { height:175px; width: 190px; float: left; border-right: 1px solid #C0C0C0; }
   #teaser { height: 125px; width: 808px; float: left; margin: 1px; margin-bottom: 0px; }

   /* #nav1 ul { height: 47px; width: 808px; float: left; margin: 1px; background: #0298CD url(../images/bg-nav1.gif) repeat-x bottom left; } */
   #mainmenu { height: 47px; width: 808px; float: left; margin: 1px; background: #0298CD url(../images/bg-nav1.gif) repeat-x bottom left;  } 
    #mainmenu li { float: left; }
     #mainmenu li a { display: block; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #FFF; padding: 15px 10px; }
     #mainmenu li a:hover,
     #mainmenu li.active a { background: #0298CD url(../images/bg-nav1-2.gif) repeat-x top left; text-decoration: none; }

     #mainmenu li ul { position: absolute; width: 10em;	left: -999em; }
     #mainmenu li:hover ul,
     #mainmenu li.sfhover ul { left: auto; width: 225px; border: 1px solid #006C8D; }
     #mainmenu li:hover ul li,
     #mainmenu li.sfhover ul li { width: 100%; background-color: #0298CD; border-top: 1px solid #FFF; }
     #mainmenu li:hover ul li a,
     #mainmenu li.sfhover ul li a { text-transform: normal; font-size: 10px; padding: 10px 5px; background-image: none; }

     #mainmenu li:hover ul li a:hover,
     #mainmenu li.sfhover ul li a:hover { background: #0298CD url(../images/bg-nav1-2.gif) repeat-x top left; text-decoration: none; }

  #body { clear: both; border-top: 1px solid #C0C0C0; }
   #contentleft { width: 190px; }
   
    #contentleft #submenu { margin: 5px; border-top: 1px solid #FFF; }
     #contentleft #submenu li { border: 1px solid #FFF; border-top-width: 0px; background: #0298CD url(../images/nav2-bg.gif) repeat-y top left; }
      #contentleft #submenu li a { padding: 5px; display: block; color: #FFF; padding-left: 15px; }
      #contentleft #submenu li a:hover,
      #contentleft #submenu li.active a { background: #0298CD url(../images/nav2-bg-over.gif) repeat-y top left; text-decoration: none; }

     #contentleft #submenu li#F43 { background: #0298CD url(../images/nav2-bg-logout.gif) repeat-y top left; }
     #contentleft #submenu li#F43 a:hover,
     #contentleft #submenu li#F43.active { background: #FF0000 url(../images/nav2-bg-logout-over.gif) repeat-y top left; }

    #contentleft #certified { padding: 5px; margin: 5px; border: 1px solid #C0C0C0; text-align: center; }
    #contentleft #address { padding: 5px; margin: 5px; font-size: 8pt; /* background: transparent url(../images/box-bg.gif) repeat-x top center; */ }
    #contentleft #nav3 { padding: 5px; margin: 5px; border: 1px solid #C0C0C0; font-size: 8pt; /* background: transparent url(../images/box-bg.gif) repeat-x top center; */ }
     #contentleft #nav3 ul li { background: transparent url(../images/icon-list.gif) no-repeat left 4px; padding-left: 10px;  }
     #contentleft #nav3 ul li a { color: #000; }
     #contentleft #nav3 ul li a:hover { color: #0298CD; }

    #contentwrapper { width: 700px; padding: 5px; }
     #content { padding: 0 0 15px 15px; }
     #content h1 { padding-left: -15px; }
     #content a { color: #0298CD; }
     #content dl.csc-textpic-image img { margin-bottom: 10px !important; }

    /*
     #content #upnav { margin-top: 10px; }
      #content #upnav a { color: #0298CD; }
      #content #upnav a.upleft { background: transparent url(../images/icon-upleft.gif) no-repeat left top; padding-left: 20px; }
      #content #upnav a.upright { background: transparent url(../images/icon-upright.gif) no-repeat right top; padding-right: 20px; }
    */

    #footer { clear: both; text-align: right; background-color: #FFF; padding: 5px; border-top: 1px solid #c0c0c0; }
     #footer a.active { color: #0298CD; }

/***************************************
 langselect
 ***************************************/
 #langselect ul  { margin-left: 50px; margin-top: 15px; }
 #langselect ul li { display: inline; padding-left: 10px; }

/***************************************
 tables
 ***************************************/
 table.listing        { width: 100%; border-collapse: collapse; }
  table.listing th,
  table.listing td    { padding: 2px; border: 1px solid #C0C0C0; }
  table.listing th    { background-color: #F0F0F0; font-weight: bold; }

 table.cListing        { width: 100%; border-collapse: collapse; }
  table.cListing th,
  table.cListing td    { padding: 2px; border: 1px solid #C0C0C0; text-align: center; }
  table.cListing th    { background-color: #F0F0F0; font-weight: bold; }

/***************************************
 other styles
 ***************************************/
 .error { background-color: #CC0000; color: #FFF; }
 div.error { padding: .5em 1em; font-weight: bold; border: 2px solid #AA0000; }

/***************************************
 contact form
 ***************************************/
fieldset.contact { padding: 5px; border: 1px solid #cccccc; margin: 5px 0; }
 legend { padding: 0 2px; color: #999999; font-weight: bold; }
 fieldset.contact .label,
 fieldset .field { float: left; margin-top: 2px; }
 fieldset.contact .label { clear: left; width: 30%; }
 fieldset.contact .field { width: 67%; /* 100% - label.width - submit.padding-right */ }
  fieldset.contact .field input,
  fieldset.contact .field textarea,
  fieldset.contact .field select { width: 100%; border: 1px solid #999999; padding: 2px 0; }
  fieldset.contact .field input.error,
  fieldset.contact .field textarea.error { }
  fieldset.contact .submit { clear: left; float: left; width: 97%; /* label.width + field.width */ text-align: right; padding-right: 3%; /* 100% - width */ margin-top: 2px; }

/***************************************
 helper
 ***************************************/
.clear { clear: both; color: #FFF; height: 0; }
.clearB { clear: both; }

.fL { float: left; }
.fR { float: right; }

.blue { color: #0298CD; }
/* .error { color: #F00; } */

/***************************************
 browserspecific
 ***************************************/
 * html #teaser { width: 795px; }
 * html #nav1 { \width: 807px; }
 * html #content { \width: 710px; w\idth:700px; }

/***************************************
 clearfix
 ***************************************/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/***************************************
 dev / debug
 ***************************************/
.dev-bb { border: 1px solid black; }
.dev-by { border: 1px solid yellow; }
.dev-bp { border: 1px solid pink; }
.dev-bg1 { background-color: pink; }
.dev-bg2 { background-color: yellow; }
.dev-bg3 { background-color: lightgrey; }
.dev-bg4 { background-color: white; }