html {height:100%}
body {
background-image:url('back.png');
background-repeat:repeat-y;
height:100%;
padding:0px;
margin:0px ;
background-color : #000000;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color : #000000;
}

/* Next 2 lines remove dotted link borders in Firefox */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

img { border: none; }
a { color: #f7941d; text-decoration: none; outline:none; }
a:img { border:none; }
a:hover { color: #f7941d; text-decoration: underline; }


/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* --- INDEX ---------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#wrap { margin: 0px auto; width: 980px; position: relative; }
#body{width:980px; padding:0px; background-image: url(images/shadow.jpg);}

/* --- Layout --------------------------------------- */
/* -------------------------------------------------- */
#indexmain { margin: 0px auto; width: 944px; height: 300px; background:#ffffff; text-align:left; }
#column_left{ width:18px; height:550px; float:left; background-image: url(images/shadow-left.jpg); background-repeat: no-repeat; }
#column_main{ width:944px; float:left; }
#column_right{ width:18px; height:550px; float:left; background-image: url(images/shadow-right.jpg); background-repeat: no-repeat; }
div.spacer{ clear:both; height:5px; display:block; font-size: 4px; }
#footer { width: 980px; height:33px; padding: 0px; background-image: url(images/page-end.png); background-repeat: no-repeat; }

/* --- 15 pixels generic spacer ---------------------- */
/* -------------------------------------------------- */
#spacer15 { margin: 0px auto; width: 944px; height:15px; }

/* --- top part -------------------------------------- */
/* -------------------------------------------------- */
#search { margin: 0px auto; width: 944px; height:27px; background:#283347; text-align:right; }
#ribbon100 { position: absolute; left: 832px; top: 27px; width: 130px; height: 127px; z-index: 2000; }
#foto { margin: 0px; width: 944px; height:364px; }
#logo { position: absolute; left: 48px; top: 0px; width: 212px; height: 159px; z-index: 3000; }
#logoshine { position: absolute; left: 32px; top: 27px; width: 243px; height: 364px; z-index: 2000; }
#fotoshadow { position: absolute; left: 18px; top: 390px; width: 944px; height: 15px; z-index: 2000;  background-image: url(images/shadow-index-foto.png); background-repeat: no-repeat; }
#indexnav { position: absolute; left: 50px; top: 177px; width: 209px; height: 130px; z-index: 3000; }
#ritoback { position: absolute; left: 662px; top: 273px; width: 281px; height: 95px; z-index: 2000; }
#rito { position: absolute; left: 692px; top: 303px; width: 281px; height: 95px; z-index: 4000; }

/* --- bottom part ------------------------------------ */
/* -------------------------------------------------- */
#ad100 { position: absolute; left: 32px; top: 409px; width: 231px; height: 126px; z-index: 1; }
#adsshopscoutway { position: absolute; left: 32px; top: 550px; width: 231px; height: 92px; z-index: 1; }
#oe { position: absolute; left: 32px; top: 665px; width: 123px; height: 35px; z-index: 1; }
#oedivider { position: absolute; left: 168px; top: 667px; width: 2px; height: 34px; z-index: 1; }
#oetext { position: absolute; left: 185px; top: 672px; width: 300px; height: 26px; z-index: 1; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; color: #cacaca; font-size: 9px; font-weight: 100; vertical-align:bottom; }
#footernav { position: absolute; left: 540px; top: 684px; width: 400px; height: 16px; z-index: 1; text-align:right; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; color: #cacaca; font-size: 9px; font-weight: 100; vertical-align:bottom; }
#footernav a { color: #cacaca; text-decoration: none; outline:none; }
#footernav a:hover { color: #cacaca; text-decoration: underline; } 


/* --- Thema Large ------------------------------------ */
/* -------------------------------------------------- */
#index-thema-large { position: absolute; left: 284px; top: 409px; width: 408px; height: 125px; z-index: 1; background-image: url(images/backgrounds/index-thema-back-large.png); background-repeat: no-repeat; }
#index-thema-large h1 { 
padding: 0px auto;
margin-top:12px; margin-left:13px; margin-bottom:0px;}
#index-thema-large h2 { 
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #00527c;
font-size: 11px;
font-weight: 100;
margin-top: 16px; margin-left: 12px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px;
line-height: 14px; }
#index-thema-large h2 a { color: #f7941d; text-decoration: none; outline:none; }
#index-thema-large h2 a:hover { color: #f7941d; text-decoration: underline; } 


/* --- Thema Large2 ------------------------------------ */
/* -------------------------------------------------- */
#index-thema-large2 { position: absolute; left: 284px; top: 550px; width: 408px; height: 125px; z-index: 1; background-image: url(images/backgrounds/index-thema-back-large.png); background-repeat: no-repeat; }
#index-thema-large2 h1 { 
padding: 0px auto;
margin-top:12px; margin-left:13px; margin-bottom:0px;}
#index-thema-large2 h2 { 
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #00527c;
font-size: 11px;
font-weight: 100;
margin-top: 16px; margin-left: 12px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px;
line-height: 14px; }
#index-thema-large2 h2 a { color: #f7941d; text-decoration: none; outline:none; }
#index-thema-large2 h2 a:hover { color: #f7941d; text-decoration: underline; } 


/* --- Thema Small ------------------------------------ */
/* -------------------------------------------------- */
#index-thema-small { position: absolute; left: 284px; top: 550px; width: 408px; height: 92px; z-index: 1; background-image: url(images/backgrounds/index-thema-back-small.png); background-repeat: no-repeat; }
#index-thema-small h1 { 
padding: 0px auto;
margin-top:12px; margin-left:13px; margin-bottom:0px;}
#index-thema-small h2 { 
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #00527c;
font-size: 11px;
font-weight: 100;
margin-top: 16px; margin-left: 12px; margin-bottom:0px; 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px;
line-height: 14px; }
#index-thema-small h2 a { color: #f7941d; text-decoration: none; outline:none; }
#index-thema-small h2 a:hover { color: #f7941d; text-decoration: underline; } 

/* --- Bullets & Social Services Container ---------- */
/* -------------------------------------------------- */
#index-container { position: absolute; left: 714px; top: 409px; width: 229px; z-index: 1; }

/* --- Bullets --------------------------------------- */
/* -------------------------------------------------- */
#index-bullets { margin: 0px auto; width: 229px; background-image: url(images/backgrounds/index-bullets-back.png); background-repeat: no-repeat; }
#index-bullets h1 { 
padding-top: 10px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin-top: 0px; margin-left:13px; margin-bottom:0px;}
#index-bullets h2 { 
margin-top: 20px; margin-left: 0px; margin-bottom:0px; 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px; }
#index-bullets li {
margin-top: 15px; 
margin-bottom: 0px; 
margin-left: -13px;
list-style-image:url(images/bullets/index7x7.png);
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #00527c;
font-size: 11px;
letter-spacing: -1px;
font-weight: 100;
line-height: 14px; } 
#index-bullets h2 a { color: #00527c; text-decoration: none; outline:none; }
#index-bullets h2 a:hover { color: #00527c; text-decoration: underline; } 


/* --- Social Services ------------------------------ */
/* -------------------------------------------------- */
#sservices {
margin: 0px auto;
padding-top: 4px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 9px;
width: 229px;
background:#ffffff;
text-align:left; 
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #787878;
font-size: 9px;
font-weight: 100;
padding: 0px auto; }
#sservices IMG { vertical-align: -9px } 


/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* --- INSIDE 2 ------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */


/* --- INSIDE 2 top part -------------------------------------- */
/* -------------------------------------------------- */
#ribbon100 { position: absolute; left: 832px; top: 27px; width: 130px; height: 127px; z-index: 2000; }
#logo-small-reflex { position: absolute; left: 36px; top: 0px; width: 137px; height: 139px; z-index: 3000; }
#search { margin: 0px auto; width: 944px; height:27px; background:#283347; text-align:right; }
#main { margin: 0px auto; width: 944px; background:#ffffff; background-image: url(images/backgrounds/home-back.png); background-repeat: no-repeat; }
#nav { padding-left: 220px; padding-top: 43px; width: 500px; vertical-align:bottom; }
#youarehere {
padding-left: 230px; 
padding-top: 27px; 
width: 500px; 
vertical-align:bottom;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #949494;
font-size: 9px;
font-weight: 100;
line-height: 14px; } 
#youarehere a { color: #00527c; text-decoration: none; outline:none; }
#youarehere a:hover { color: #00527c; text-decoration: underline; } 

/* --- INSIDE 2  main content -------------------------------------- */
/* -------------------------------------------------- */

#mainwrap { margin: 0px auto; width: 944px; } 

#mainleft{ width:222px; float:left; padding: 0px; margin: 0px; }
#mainleftin{ width:187px; margin-left: 18px; margin-top: 5px; }
#maincontent{ width:509px; float:left; padding: 0px; margin: 0px; }
#maincontentin{ width:481px; margin-left: 12px; margin-top: 18px; }
#mainright{ width:213px; float:right; padding: 0px; margin: 0px; }
#mainrightin{ width:186px; margin-left: 15px; margin-top: 5px; }


/* --- INSIDE 2 SUBNAV --------------------------------------- */
/* -------------------------------------------------- */
#subnav-container { margin: 0px auto; width: 187px; }

#mainsubnav { margin: 0px auto; width: 187px; background-image: url(images/backgrounds/main-subnav-back.png); background-repeat: no-repeat; }
#mainsubnav h1 { 
padding-top: 17px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 5px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
font-weight:100;
text-shadow: #000000 1px 1px 1px;
line-height: 14px; 
margin-top: 0px; margin-left:13px; margin-bottom:0px;}
#mainsubnav h2 { 
margin-top: 28px; margin-left: 0px; margin-bottom:0px; 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px; }
#mainsubnav li {
margin-top: 17px; 
margin-bottom: 0px; 
margin-left: -20px;
list-style-image:url(images/x.gif);
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #717171;
font-size: 12px;
font-weight: 100;
line-height: 11px; } 
#mainsubnav h2 a { color: #00527c; text-decoration: none; outline:none; }
#mainsubnav h2 a:hover { color: #00527c; text-decoration: underline; } 

/* --- INSIDE 2 MAIN CONTENT --------------------------------- */
/* -------------------------------------------------- */
#maincontenttext-container { margin: 0px auto; width: 481px; }

#maincontenttext { margin: 0px auto; padding: 0px; width: 481px; }
#maincontenttext h1 { 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
font-family: Arial, helvetica, sans-serif;
color: #43526e;
font-size: 20px;
font-weight:100;
line-height: 20px; 
margin-top: 0px; margin-left:0px; margin-bottom:0px;}
#maincontenttext h2 { 
margin-top: 16px; margin-left: 0px; margin-bottom:0px; 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #43526e;
font-size: 13px;
font-weight:100;
line-height: 14px; } 
#maincontenttext h3 { 
margin-top: 16px; margin-left: 0px; margin-bottom:0px; 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #43526e;
font-size: 11px;
font-weight: 100;
line-height: 13px; } 
#maincontenttext li {
margin-top: 15px; 
margin-bottom: 0px; 
margin-left: -20px;
list-style-image:url(images/x.gif);
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #717171;
font-size: 12px;
font-weight: 100;
line-height: 13px; } 
#maincontenttext h2 a { color: #00527c; text-decoration: none; outline:none; }
#maincontenttext h2 a:hover { color: #00527c; text-decoration: underline; } 
#maincontenttext hr {
  border: 0;
  width: 100%;
  color: #d6d6d6;
  background-color: #d6d6d6;
  height: 1px;
}


/* --- INSIDE 2 BLOCKS --------------------------------------- */
/* -------------------------------------------------- */
#mainblock-container { margin: 0px auto; width: 187px; }

#mainblock { margin: 0px auto; width: 187px; background-image: url(images/backgrounds/main-blocks-back.png); background-repeat: no-repeat; }
#mainblock h1 { 
padding-top: 10px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 5px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #00527c;
font-size: 12px;
font-weight:bold;
line-height: 14px; 
margin-top: 0px; margin-left:10px; margin-bottom:0px;}
#mainblock h2 { 
margin-top: 10px; margin-left: 0px; margin-bottom:0px; 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px; }
#mainblock li {
margin-top: 7px; 
margin-bottom: 0px; 
margin-left: -13px;
list-style-image:url(images/bullets/green7x7.png);
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #00527c;
font-size: 11px;
font-weight: 100;
line-height: 14px; } 
#mainblock h2 a { color: #00527c; text-decoration: none; outline:none; }
#mainblock h2 a:hover { color: #00527c; text-decoration: underline; } 


#mainblock2 { margin-top: 10px; width: 187px; background-image: url(images/backgrounds/main-blocks-back.png); background-repeat: no-repeat; }
#mainblock2 h1 { 
padding-top: 10px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 5px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #00527c;
font-size: 12px;
font-weight:bold;
line-height: 14px; 
margin-top: 0px; margin-left:10px; margin-bottom:0px;}
#mainblock2 h2 { 
margin-top: 10px; margin-left: 0px; margin-bottom:0px; 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 0px; }
#mainblock2 li {
margin-top: 7px; 
margin-bottom: 0px; 
margin-left: -13px;
list-style-image:url(images/bullets/green7x7.png);
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #00527c;
font-size: 11px;
font-weight: 100;
line-height: 14px; } 
#mainblock2 h2 a { color: #00527c; text-decoration: none; outline:none; }
#mainblock2 h2 a:hover { color: #7ec60d; text-decoration: underline; } 









/* --- INSIDE 2 bottom part ------------------------------------ */
/* -------------------------------------------------- */
#bottom { margin: 0px auto; padding: 0px; width: 944px; }
#bottomoe { float:left; padding-left: 20px; margin: 0px 0px 0px 0px; width: 123px; height: 35px; }
#bottomoedivider { float:left; padding: 0px; margin: 2px 5px 0px 5px; width: 2px; height: 34px; }
#bottomoetext { float:left; padding: 0px; padding: 0px; margin: 6px 0px 0px 3px; width: 300px; height: 26px; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; color: #cacaca; font-size: 9px; font-weight: 100; vertical-align:bottom; letter-spacing: 0px; }
#bottomfooternav { float:right; padding-right: 20px; margin: 18px 0px 0px 0px; width: 450px; height: 16px; z-index: 1; text-align:right; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; color: #cacaca; font-size: 9px; font-weight: 100; vertical-align:bottom; letter-spacing: 0px; }
#bottomfooternav a { color: #cacaca; text-decoration: none; outline:none; }
#bottomfooternav a:hover { color: #cacaca; text-decoration: underline; }