@charset "UTF-8";
@media all
{/**
  * @section browser reset
  */

  /* Global reset of paddings and margins for all HTML elements */
  *{margin:0; padding:0}

  /* Correction:margin/padding reset caused too small select boxes. */
  option{padding-left:0.4em}

 /**
  * Global fix of the Italics bugs in IE 5.x and IE 6
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body *{overflow:visible}
  * html iframe, * html frame{overflow:auto}
  * html frameset{overflow:hidden}

  /* Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html{height:100%; margin-bottom:1px}
  body{
	font:100.01% Verdana, Arial, Helvetica, sans-serif;

    /* Standard values for colors and text alignment */
    color:#434343;
    background:#fff;
    text-align:left;
 }

  /* Clear borders for <img> element */
  img{border:0 solid}

  /* new standard values for lists, blockquote and cite */
  ul, ol, dl{margin:0 0 1em 1em}
  li{margin-left:1.5em; line-height:1.5em}

  dt{font-weight:bold}
  dd{margin:0 0 1em 2em}

  blockquote{margin:0 0 1em 1.5em}
 /**
  * @section base layout | Basis Layout
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header{position:relative}

  /* Text Alignment for #logo content */
  #logo{text-align:right; color:#a12c25}
  #logo a{font-size:20px; font-weight:bold; color:#454545; text-decoration:none; display:inline}
  #logo a:hover{color:#a12c25}
  #logo span{font-size:8px; color:#AAA}

  /* Text Alignment for #topnav content */
  #topnav{text-align:right} 

  /* Absolute positioning only within #header */
  #header #topnav{
    position:absolute;
    top:10px;
    right:10px;
 }

  /* Absolute positioning only within #header */
  #header #logo{
    position:absolute;
    top:5px;
    left:10px;
 }

  /* Backup for correct positioning */
  #header, #nav, #main, #footer{clear:both}

  /* Standard:200 Pixel */
  #col1{float:left; width:200px}
  /* Standard:200 Pixel */
  #col2{float:right; width:200px}
  /* Standard:center column with flexible width */
  #col3{width:auto; margin:0 200px}

  /* Preparation for absolute positioning within content columns */
  #col1_content, #col2_content, #col3_content{position:relative}
 /**
  * @section generic classes for layout switching
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3{margin-left:0; margin-right:0}
  .hidecol1 #col3{margin-left:0; margin-right:200px}
  .hidecol2 #col3{margin-left:200px; margin-right:0}

  .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2{display:none}
 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* clearfix method for clearing floats */
   .clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
 }

  /* essential for Safari browser !! */
  .clearfix{display:block}

  /* overflow method for clearing floats */
  .floatbox{overflow:hidden}

  /* IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing{display:none}
 /**
  * @section subtemplates
  */

  .subcolumns{width:100%; overflow:hidden}

  /* alternative class for optional support of old Mozilla/Netscape browers */
  .subcolumns_oldgecko{width:100%; float:left}

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l{float:left}
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r{float:right; margin-left:-5px}

  .c25l, .c25r{width:25%}
  .c33l, .c33r{width:33.333%}
  .c50l, .c50r{width:50%}
  .c66l, .c66r{width:66.666%}
  .c75l, .c75r{width:75%}
  .c38l, .c38r{width:38.2%}
  .c62l, .c62r{width:61.8%}

  .subc{padding:0 0.5em}
  .subcl{padding:0 1em 0 0}
  .subcr{padding:0 0 0 1em}
 /**
  * @section hidden elements
  * skip links and hidden content
  */

  /* classes for invisible elements in the base layout */
  .skip, .hideme, .print{
    position:absolute;
    top:-1000em;
    left:-1000em;
    height:1px;
    width:1px;
 }

  /* make skip links visible when using tab navigation */
  .skip:focus, .skip:active{
    position:static;
    top:0;
    left:0;
    height:auto;
    width:auto;
 }
}

@media screen, projection
{
  /* Marginal areas & page background */
  body{background:#fff}

  /* Layout Alignment */
  #page_margins{margin:0 auto}

  /* Layout Properties */
  #page_margins{width:82em;background:#fff}
  #header{padding:25px 2em 1em 20px; color:#000; background:#fff}
  #topnav{color:#aaa; background:transparent}
  #nav{overflow:hidden}
  /* Navigation Menu Starts */
  #nav_main{position:relative;display:block;height:42px;font-size:12px;font-weight:bold; width:100%;background:transparent url(../images/buttons_bckgrnd.jpg) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase}
  #nav_main ul{margin:0px;padding:0px;list-style-type:none;width:auto}
  #nav_main ul li{display:block;float:left;margin:0 1px 0 0}
  #nav_main ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:13px 22px 0 22px;height:28px;background:transparent url(../images/buttons_bckgrnd.jpg) top center}
  #nav_main ul li a:hover,#nav_main ul li a.current{color:#fff;background:transparent url(../images/buttons_hover.jpg) top center}
  /* Navigation Menu Ends */
  #main{margin:1px 0; background:#fff}
  #teaser{clear:both; padding:0 20px; margin:10px 0}
  #footer{padding:10px 20px 0 20px; color:#666; text-align:center; background:#f9f9f9; border-top:5px #efefef solid}
  /**
   * Formatting content container
   */
  #col1{float:left; width:20%;  margin:0}
  #col2{float:right; width:20%;  margin:0}
  #col3{width:auto; margin:0 20% 0 20%}
  #col1_content{padding:0 10px 0 0px}
  #col2_content{padding:0 0px 0 10px}
  #col3_content{padding:0 10px}

  /* set column dividers */ 
  #col3{border-left:1px #ddd solid}
  #col3{border-right:1px #ddd solid}
}

@media all
{
  /**
   * Fonts
   * font-family and font-size selection for headings and standard text elements
   * @section content-fonts
   */

  /* reset font size for all elements to standard (16 Pixel) */
  html *{font-size:100.01%}

  /* reset monospaced elements to font size 16px in Gecko browsers */
  textarea, pre, tt, code{
	font-family:Arial, "Courier New", Courier, monospace;  	
 }

  /* base layout gets standard font size 12px */
  body{
    font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size:75.00%; 
 }
 
  /* set image border 0 with iage loading bg*/
  img{border:0}
  /*.imgPre{background:url(../images/loading.gif) 50% 50% no-repeat transparent}*/
 

  h1,h2,h3,h4,h5,h6{font-weight:bold; margin:0 0 0.25em 0}
  h1{font-size:200%}                        /* 24px */
  h2{font-size:166.67%}                     /* 20px */
  h3{font-size:150%}                        /* 18px */
  h4{font-size:133.33%}                     /* 16px */
  h5{font-size:116.67%}                     /* 14px */
  h6{font-size:116.67%; font-style:italic} /* 14px */

  p{line-height:1.5em; margin:0 0 1em 0; text-align:justify}

  /* ### Lists | Listen  #### */

  ul, ol, dl{line-height:1.5em; margin:0 0 1em 1em}
  li{margin-left:0; line-height:1.5em}
  
  strong.highlight{
	background-color:#FFFFCC;
	color:#000
}
  
  #menu{margin:0.5em 0 1em 0; padding:0}
  
  #menu ul{font-size:12px; margin:0; padding:0; list-style:none;}
  #menu ul li{padding:0 0 2px 5px}
  #menu ul li a{text-decoration:none; display:block; font-weight:bold; color:#757575; padding:0 0 0 10px}
  #menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active, #menu a.selected{text-decoration:none; color:#434343; border-right:#849128 3px solid !important;}
  
  #menu a.hasSub, #menu a.hasSub:visited{border-right:#ddd 3px solid;}
  
  ul.eUl{font-size:12px; margin:0; padding:0; list-style:disc !important; list-style-position:inside !important}
  ul.eUl li{color:#454545 !important; background:none !important; padding:0 0 2px 5px}
  ul.eUl li a{color:#900 !important; font-weight:normal !important; display:inline !important; background:none !important; padding:0 !important}
  ul.eUl li a:hover, ul.eUl li a:focus, ul.eUl li a:active{background-color:#fee !important; text-decoration:underline !important}
  
  div.pagination{padding:0; background-color:#82ccfa; margin:5px 0 0 0; text-align:right; font-size:12px}
  div.pagination a{padding:2px 5px; margin-right:2px; border:1px solid #076cab; text-decoration:none !important; color:#525151 !important; background-color:#3aa0e0}
  div.pagination a:hover, div.pagination a:active{border:1px solid #3d6f92; background-color:#3f759b !important; color:#fff !important;}
  div.pagination span.current{padding:2px 5px; margin-right:2px; border:1px solid #22608b; font-weight:bold; background-color:#3f759b; color:#fff; cursor:default}
  div.pagination span.disabled{padding:2px 5px; margin-right:2px; border:1px solid #f3f3f3; color:#3f7398;}
  

  dt{font-weight:bold}
  dd{margin:0 0 1em 2em}

  /* ### text formatting ### */

  cite, blockquote{font-style:italic}
  blockquote{margin:0 0 1em 1.5em}

  strong,b{font-weight:bold}
  em,i{font-style:italic}

  pre, code{font-family:monospace; font-size:1.1em}

  acronym, abbr{
    letter-spacing:.07em;
    border-bottom:.1em dashed #c00;
    cursor:help;
  }
  
  .noteText{font-size:x-small; color:#666 !important}
  
  br.cb{clear:both}

  /**
   * Generic Content Classes
   * standard classes for positioning and highlighting
   * @section content-generic-classes
   */
  .checking{background:#F7F7F7 url(../images/checking.gif) 4px 50% no-repeat; padding:0.1em 2em; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
  .warning{background:#FFF6BF url(../images/warning.gif) 4px 50% no-repeat; padding:0.1em 2em; border-top:1px solid #ffd324; border-bottom:1px solid #ffd324}
  .info{background:#EBEFF9 url(../images/info.gif) 4px 50% no-repeat; padding:0.1em 2em; border-top:1px solid #b5d4fe; border-bottom:1px solid #b5d4fe}
  .accept{background:#dfd url(../images/accept.gif) 4px 50% no-repeat; padding:0.1em 2em; border-top:1px #79d979 solid; border-bottom:1px #79d979 solid}
  .error{background:#fdd url(../images/error.gif) 4px 50% no-repeat;padding:0.1em 2em; border-top:1px #e59393 solid; border-bottom:1px #e59393 solid}
  .input_error{background:#FFEAEA; border:#FFC1C1 1px solid; border-top:1px solid #C00 !important}
  .highlight{background-color:yellow}

  .float_left{float:left; display:inline; margin-right:1em; margin-bottom:0.15em}
  .float_right{float:right; display:inline; margin-left:1em; margin-bottom:0.15em}
  .center{text-align:center; margin:0.5em auto}

  /**
   * External Links
   * Formatting of hyperlinks
   */
  a.top{background:url(../images/top_arrow.gif) left center no-repeat; text-indent:12px; color:#333 !important; border:0; float:right; text-transform:uppercase; text-decoration:none !important; margin-right:5px; font-size:9px}
  a.top:hover, a.top:focus, a.top:active{background-color:#fff !important}
  
  #main a{color:#2163b7; text-decoration:none}
  #main #col2 a{color:#a12c25; text-decoration:none}
  #main #col2 a:hover{background-color:#fcb8b3; text-decoration:underline}
  #main a:focus, #col3 a:hover, #col3 a:active{background-color:#d4eefe; text-decoration:underline}
  
  #topnav a{color:#757575; font-weight:bold; background:transparent; text-decoration:none}
  #topnav a:focus, #topnav a:hover, #topnav a:active{color:#454545; text-decoration:underline; background-color:transparent}
  
  #footer a{color:#757575; background:transparent; font-weight:bold}
  #footer a:focus, #footer a:hover, #footer a:active{color:#454545; background-color:transparent; text-decoration:underline}
  #footer img{margin-top:.2em}

  #breadCrumbs a{font-weight:bold !important; color:#757575 !important}
  #breadCrumbs a:hover, #breadCrumbs a:focus, #breadCrumbs a:active{color:#434343 !important; text-decoration:underline !important; background-color:#fff}
  
  .sCWrap{border:1px solid #ebebeb; margin:0 0 0.3em 0}
  .sCWrap a{display:block}
  .sCWrap a:hover, .sCWrap a:focus, .sCWrap a:active{background-color:#FFF !important}
  .sCWrap:hover, .sCWrap:focus, .sCWrap:active{border:1px solid #ccc}
  .sCWrap:hover .sCA, .sCWrap:focus .sCA, .sCWrap:active .sCA{background-color:#ebebeb !important}
  .sCA{background-color:#f5f5f5}
  
  /**
   * Tables
   * Generic classes for table-width and design definition
   *
   * @section content-tables
   */
  table.full{width:100%}

  .itemRow{margin:0 0 0.2em 1em}
  .itemRow div{font-weight:bold; margin-right:5px; width:25%; display:inline-block; border-right:2px solid #CCC}
  .itemRow:hover div, .itemRow:focus div,.itemRow:active div{border-right:2px solid #CC2C2A}
  .itemRow:hover, .itemRow:focus, .itemRow:active{color:#202020}
  
  .iTable{padding:0 1em 0 1em}
  .bm{margin-bottom:1em}
  .iTable td{padding-left:0.5em; text-align:left}
  .iTable th{text-align:left}
  .iTable td div{float:right; position:absolute; margin:0 0.5em; display:inline}
  td.iSep{padding:0 !important}
  .iSep{background:#DDD}
  .iType{width:30%}
  .iDes{width:70%}
  .iTable tr:hover td.iSep{background:#CC2C2A}
  .iTable tr:hover td.iSep, .iTable tr:hover th{color:#202020}
  .regForm input[type=text],.regForm input[type=password],.regForm textarea{width:16em}
  .lForm input[type=text],.lForm input[type=password]{width:10em}
  .g_sep{background:url(../images/gray_sep.gif) 50% 0 repeat-y}
  
  /**
   * Sidebars
   * Formatting contents of sidebar
   */
  .sidebar{background:url(../images/left_heding_bckgrnd.jpg) repeat-x 0 0; border:0}
  .sidebar div.sContent{margin:0.5em 0 1em 0}
  .sidebar #menu{margin-bottom:1em}
  .sidebar span input{margin:0.8em}
  .sidebar .head{border:2px #879921 solid; padding-left:1.8em; line-height:2.5em; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-weight:bold}

  /**
   * Sidebars for advertisements
   * Formatting contents of sidebar for advertisements
   */
  .sidebar_ad{background:url(../images/red_heading_bckgrnd.jpg) repeat-x 0 0; border:2px #a12c25 solid}
  .sidebar_ad .head{padding-left:1.8em; line-height:2.5em; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-weight:bold}

  /**
   * Sidebars for Login
   * Formatting contents of sidebar for Login
   */
  .sidebar_lg{background:url(../images/red_heading_bckgrnd.jpg) repeat-x 0 0; border:2px #a12c25 solid}
  .sidebar_lg .head{padding-left:1.8em; line-height:2.5em; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-weight:bold}

  /**
   * Sidebars for Search box
   * Formatting contents of sidebar for search box
   */
  .sidebar_sb{background:url(../images/blue_heading_bckgrnd.jpg) repeat-x 0 0; border:2px #274b65 solid}
  .sidebar_sb .head{padding-left:1.8em; line-height:2.5em; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-weight:bold}
  
  /**
   * Background color for Categories
   * Formatting contents of sidebar for Categories
   */
  .green_bg{background-color:#e1ebc9}
  .red_bg{background-color:#ffd1cd}
  .blue_bg{background-color:#d4eefe}

  /**
   * Main Content headers
   */
  .mainTitle{padding-left:0.5em; border:0; line-height:3.5em; font-family:Arial, Helvetica, sans-serif; color:#256c9a; text-transform:uppercase; font-weight:bold}

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */
  hr{color:#fff; background:transparent; margin:0 0 0.8em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #000 solid}
  div.designer{background:#ddd; margin:0.5em 0; padding:0 0 0.5em 0; border:0; border-left:13.5em #CC2C2A solid}
  
  .errorDiv{background:#f2dddd; border:#992a2a 1px solid; color:#992a2a; font-size:12px; margin:5px}
  .errorDiv h4{margin:0; padding-left:5px; background:#E3C0C0; border-bottom:#992a2a 1px solid; font-weight:bold}
  .errorDiv a{color:#992a2a !important; font-weight:bold}
  .errorDiv p{margin:0; padding:10px}
  .tableLftPad tr td{padding-left:15px}
  .tableLftPad tr:hover td{background-color:#E8ECF9}
  
#banners_normal_back{background:transparent url(../images/slide_bg.jpg) 0 0 no-repeat; width:565px; height:204px; overflow:hidden}
#banners_normal{width:547px; height:204px; margin:0 auto}
#banners_normal div{ height:180px; margin-top:12px; margin-left:12px; background-color:transparent !important}
#banners_normal div p{float:left !important;}
#banners_normal div p a{margin-left:0}
#banners_normal div p a:active, #banners_normal div p a:focus, #banners_normal div p a:hover,
#banners_normal div p a:active img, #banners_normal div p a:focus img, #banners_normal div p a:hover img
{outline:none; background-color:transparent !important}
#banners_normal img{border:5px solid #FFF !important; margin-left:23px;}
/*#banners_normal div p a{float:left;}*/

#banners_premium_back{background:transparent url(../images/buttons_hover.jpg) 0 0 repeat-x; background-color:#e54d40}
#banners_premium{height:560px; border:1px solid #000; overflow:hidden}
#banners_premium div{margin-top:3px; margin-left:3px}
#banners_premium div object{z-index:1px}
/*#banners_premium div p{margin-top:1px}
#banners_premium div p a{padding-left:35px}*/
#banners_premium div p a:active, #banners_premium div p a:focus, #banners_premium div p a:hover,
#banners_premium div p a:active object, #banners_premium div p a:focus object, #banners_premium div p a:hover object
{background-color:transparent !important; outline:none}
/*#banners_premium div p a object{border:5px solid #FFF}*/
/*#banners_normal div p a{float:left;}*/

#col2 input{size:1em; width:9em}
.tb_bg1{background:#D4EEFE url(../images/tb_bg.jpg) repeat-x; height:25px; padding:0 5px 0 10px}
.tb_bg{height:20px; padding:0 5px 0 10px}

#user_info input[type="text"],textarea{width:390px; overflow-x:hidden}

#recaptcha, #recaptcha:link, #recaptcha:visited, #recaptcha:focus{background:transparent url(../images/captcha.gif) 0 0 no-repeat; width:218px; height:55px; display:block; outline:0}
#recaptcha img{margin-top:5px; margin-left:5px}
#recaptcha:hover{background-position:0 -55px; padding:0}
#recaptcha:active{background-position:0 -110px; padding:0}
.cap dl dt{width:225px}

#ffdownload{font-size:12px; background:transparent url(../images/firefox_download.jpg) 0 0 no-repeat; color:#333; width:700px; height:100px; border:#7da2ce 1px solid; border-top:none; position:absolute; left:50%; margin-left:-350px; margin-top:-5px; z-index:100}
#ffdownload div#ffwar{float:left; margin-left:15px; margin-top:10px; text-align:justify; width:480px}
#ffdownload div#ffwar span{color:#C00; font-size:16px; font-weight:bold; border-bottom:#999 1px dotted; display:block}
#ffdownload a:hover{background-color:transparent !important}
a#ffdl{float:left; margin-top:54px; margin-left:5px; line-height:37px; font-weight:bold; text-indent:34px; width:178px; height:37px; display:block; color:#09700B}
#ffdownload div#ffwar a{color:#E32F00; font-weight:bold; display:inline}
a#ffclose{color:#900 !important}
#fdbck tr td{padding:3px; vertical-align:top}
#fdbck tr th{vertical-align:top}
}