@charset "utf-8";
/* CSS Document */




/**********************************************/

#navigation1 { background-color: #fff; height: 0px; padding: 0px 0em;}

#navigation2 { float: left; width: 160px; padding: 1em;}

/**************************************************/


/*************************************************************************** 
FOLLOWING CSS STYLES DEFINE LAYOUT OF THE TOP MENUE (DISCLAIMER, CONTACT)* POSITION, NO LIST SYMBOLS, COLOR
***************************************************************************/

#navigation ul li {display: block;}

#navigation ul li a {color: #adf;float: right;font-size: 85%;font-weight: 700;text-decoration: none;padding: 0 1em;}

#navigation ul li a.aktiv,#navigation1 ul li a:hover,#navigation1 ul li a:active {color: #fff;padding: 0 1em;}

/*************************************************************************** 
FOLLOWING CSS STYLES DEFINE LAYOUT OF THE MAIN MENUE* POSITION, NO LIST SYMBOLS, COLOR, PADDING
**************************************************************************/


html, body {margin:0; padding:0; border:0;}

* {  margin: 0;  padding: 0;}


html, body { 
color:#333333;
background: #fff; 
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
background:url(images/body_bg.jpg) no-repeat;
}

p {margin-top: 0.6em; line-height:1.4em;}


.toplogo {
	position: relative;
	width: 880px;
	margin: 0 auto;
	height: 60px;
	padding: 20px 0 0 20px;
	background: #FFFFFF url(images/logo_bg2.gif) no-repeat;
}

.search_top {
z-index:100;
float:right;
padding-top:20px;
padding-right:200px;
background:url(images/search_box_white.gif) no-repeat;
}

.banner {
background: #99cc00; /*url(../images/header_bg.jpg);*/
height:200px;
background:url(images/banner_bg.jpg);

}

.banner_popular {
position: absolute;
margin-left:560px;
margin-top:5px;
}

.banner_slideshow {
position: absolute;
width:500px;
background:#990000;
}

.clear { clear: both; }

.wide {
background: #fff;
width:100%;
}

.bottom {border-top: 1px solid #cccccc; position: relative;}

.wrapper_shadow {
margin:0 auto;
width:1000px;
background:#ccc url(images/bg_shadow.png) repeat-y 0;
}


.wrapper {
margin:0 auto;
width: 900px;
text-align:justify;
background:#fff; /*url(images/background.jpg) repeat-y 0;*/
/*border: 1px solid #CCCCCC;*/
}


* html .wrapper { /*** IE5.X/win box model fix *****/
width: 902px;
wid\th:900px;
}

.innertube {
padding: 20px;
}

.innertube_b {
padding-left:20px;
padding-right:20px;
color:#F2C50D;
}

.outer {
position:relative; /*** for IE to show contents outside the parent container ***/
margin-left:180px; /**** critical left col value ***/
width:536px; /*** critical left and right col/divideer dimension value ****/
background: #fff;/*#e8eeff;  background center col ***/
/*border-left: 1px solid #CCCCCC; ** critical left divider dimension value ***/
/*border-right: 1px solid #CCCCCC; ** critical riight divider dimentison value ***/
}

.outer2 {
position:relative; /*** for IE to show contents outside the parent container ***/
margin-left:0px; /**** critical left col value ***/
width:618px; /*** critical left and right col/divideer dimension value ****/
background: #fff;/*#e8eeff;  background center col ***/
border-left: 10px solid #355287;  /** critical left divider dimension value ***/
/*border-right: 1px solid #CCCCCC; ** critical riight divider dimentison value ***/
}

* html .outer { /*** IE5.x/win box model fix ***/
width:538px; /*** critical left and right col/divider dimmension value ***/
wid\th:536px; /*** critical left and rigth col/divider dimension ***/
}

* html .outer2 { /*** IE5.x/win box model fix ***/
width:620px; /*** critical left and right col/divider dimmension value ***/
wid\th:618px; /*** critical left and rigth col/divider dimension ***/
}


.float-wrap {
float: left;
width: 536px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.float-wrap2 {
float: left;
width: 618px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 536px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.center2 {
float: right;
width: 618px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}


.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 180px;    /*** Critical left col/divider dimension value ***/
margin-left: -181px;    /*** Critical left col/divider dimension value ***/
/*background-color:#99CC33;*/
}

* html .left {
float:left;
}

*>html .left {width:181px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 180px;    /*** Critical left col dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 182px;    /*** Critical right col/divider dimension value ***/
margin-right: -180px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -182px;
}
/* */


/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 180px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 100px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}

/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


#footer {
clear:both;
color:#333333;
font-size: x-small;
text-align:center;
background: #fff;/*#f0eadb;*/
border-top: 1px solid #ccc;
height:30px;
}



.fontfooter {font-size:12px;}

img {border-style: none;}

ul.bullets{
margin-left:40px;
list-style-image: url(images/bullet.jpg);
}
ul.bullets li{
padding-bottom:10px;
}

/* BOXES */

/*box 1*/
.bl {background: url(images/bl_y.gif) 0 100% no-repeat #F2C50D; width: 170px;}
.br {background: url(images/br_y.gif) 100% 100% no-repeat}
.tl {background: url(images/tl_y.gif) 0 0 no-repeat}
.tr {background: url(images/tr_y.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 


.box_text {
font-size:10px;
}

/*box 2*/

.bl2 {background: url(images/bl_y.gif) 0 100% no-repeat #F2C50D; width: 170px;}
.br2 {background: url(images/br_y.gif) 100% 100% no-repeat}
.tl2 {background: url(images/tl_y.gif) 0 0 no-repeat}
.tr2 {background: url(images/tr_y.gif) 100% 0 no-repeat; padding:5px}
.clear2 {height: 1px} 

/*box 3*/

.bl3 {background: url(images/bl_.gif) 0 100% no-repeat #F2C50D; width: 170px;}
.br3 {background: url(images/br_.gif) 100% 100% no-repeat}
.tl3 {background: url(images/tl_.gif) 0 0 no-repeat}
.tr3 {background: url(images/tr_y.gif) 100% 0 no-repeat; padding:5px}
.clear3 {font-size: 1px; height: 1px} 


.h1 {
color: #571C7B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align:left;
padding-top:10px;
}

.h2 {
color: #9fbc2e; /*#003366;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 16px;
font-weight: bold;
padding-top:10px;
}

.h3 {
color: #9fbc2e; /*#003366;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 12px;
font-weight: bold;
}

a.linkh2:link {color:#b55332; text-decoration:none}
a.linkh2:visited {color:#b55332; text-decoration:none}





/* MENU */

/* MAIN MENU - Copyright - Creative Commons - http://creativecommons.org */



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #b55332; /*Red color theme*/
background: #355287;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
/*text-transform:uppercase;*/
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: #B9CFF9; /*Default menu color on tab*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown ul li a:hover{
background-color: #063366; /*blue color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown ul li a.menu_current{ /** currently selected menu item **/
background-color: #b55332; /*red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}


/********************* MENU TOP *****************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu{
margin: 0;
/*background:url(media/header_logo.jpg) no-repeat;*/
height:100px;
float:right;
border-bottom: 1px medium #3d7aed;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-top:50px;
padding-right:10px;
float: right;
font-weight: bold;
width: 100%;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
color: white;
font-weight: normal;
padding: 2px 6px 4px 6px;
text-decoration: none;
margin-left:5px;
margin-right:5px;
/*background: white url(media/menudivide.gif) top right repeat-y;*/
}

#underlinemenu ul li a:hover{
color: #c4d92e; /*#b9cff9;*/
/*background-color: #F3F3F3;*/
border-bottom: 4px solid #c4d92e;
padding-bottom: 0;
}

#underlinemenu ul li a.menu_current{ /** currently selected menu item **/
color: #b9cff9;
/*background-color: #F3F3F3;*/
border-bottom: 4px solid #c4d92e;
padding-bottom: 0;
}