/*** DESIGN AND LAYOUT TAKEN OVER FROM http://css.maxdesign.com.au/floatutorial* THANKS FOR THAT GREAT TUTORIAL* TEMPLATE TUTORIAL (c) 2007 by C. Sommer (doc) for http://websitebaker.org*//* SET DEFAULT VALUES FOR ALL HTML ELEMENTS */

* {  margin: 0;  padding: 0;}


html, body { 
color:#333333;
background: #A6A699; 
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

/***************************************************************** 
FOLLOWING DIV TAGS DEFINE POSITION, SIZE AND LAYOUT* BANNER, TOP AND MAIN MENUE, CONTENT, NEWS, FOOTER
****************************************************************/

.banner {
background:url(images/banner2.jpg);
height:200px;
}

.wrapper_shadow{
margin:0 auto;
width:900px;
background:#ccc url(images/shadow.jpg) repeat-y 0;
}

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

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

.innertube {padding: 10px;}

.innertube_b {padding: 30px;}

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

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

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

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

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

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

.center {
float: right;
width: 398px;   /*** 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 */
}

.center_2col {
float: right;
width: 648px;   /*** 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: 192px;    /*** Critical left col/divider dimension value ***/
margin-left: -191px;    /*** Critical left col/divider dimension value ***/
/*background-color:#99CC33;*/
}

* html .left {float:left;}

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

.container-left {
width: 190px;    /*** 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: 252px;    /*** Critical right col/divider dimension value ***/
margin-right: -250px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

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

/*
* 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: 250px;/* 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-color:#e8eeff;
border-top:1px solid #CCCCCC;
}

.fontfooter {font-size:12px;}

.fontsmall {font-size:10px;}

img {border-style: none;}

a:link {color: #333333;}
a:visited {color:#333333;}


img.floatRight { 
float: right; 
margin: 4px; 
}

img.floatLeft{
float:left;
padding-right:5px;
}

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

/* box */

.bl {background: url(images/box_bl.gif) 0 100% no-repeat #183f8e; width: 170px;}
.br {background: url(images/box_br.gif) 100% 100% no-repeat}
.tl {background: url(images/box_tl.gif) 0 0 no-repeat}
.tr {background: url(images/box_tr.gif) 100% 0 no-repeat; padding:5px}
.clear {height: 1px} 



.bl2 {background: url(images/box_bl2.gif) 0 100% no-repeat #993300; width: 170px;}
.br2 {background: url(images/box_br2.gif) 100% 100% no-repeat}
.tl2 {background: url(images/box_tl2.gif) 0 0 no-repeat}
.tr2 {background: url(images/box_tr2.gif) 100% 0 no-repeat; padding:5px}
.clear2 {height: 1px} 


.txt_box {
text-align:center;
color:#FFFFFF;
font-size:14px;
line-height:26px;
}

.txt_box_h1 {
text-align:center;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
line-height:24px;
}

a.box:link {color: #FFFFFF; font-weight:bold;}
a.box:hover {color:#FFFFFF; font-weight:bold;}
a.box:visited {color:#FFFFFF; font-weight:bold;}

a.linkterms:link{color:#fff; font-size:x-small; text-decoration:none;}
a.linkterms.hover{color:#20477b; font-size:x-small; text-decoration: underline;}
a.linkterms:visited{color:#fff; font-size:x-small; text-decoration:none;}


a.login:link {color: #fff; padding:5px;}
a.login:link {color:#fff; padding:5px;}



/*************************************************************************** 
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
**************************************************************************/