/* ------- GLOBALS -------------------------------------------------------- */

body {
   font-family: Verdana, Arial, "Trebuchet MS", Sans-Serif, Georgia;
   font-size: 11px;
   background: #e8e8e8;
   color: #000;
   margin:0; 
   padding:0;
   line-height: 135%;
}


a { 
   color: #800000; 
   text-decoration: none; 
}
a:hover { 
   text-decoration: none; 
   color : #111; 
}

img{ 
   border: none; 
   padding: 0px; 
} 
img a {
   border:none;
} 


/* ------ WRAPPER ------------------------------------------------------------------- */

.wrapper {
   width: 900px;
   margin: 20px auto;
   margin-bottom: 90px;
   padding: 0px 10px 0px 10px;
   background: #e7e7e7; 
   background: url(bilder/content.jpg) repeat-y;
}

/* ------- BANNER ----------------------------------------------------------- */

.header { 
    height: 60px;
    float: left; 
    padding: 0 0px 0 0;
    padding-top: 15px;
    margin-left: 30px;
    margin-right: 50px;
    margin-bottom: 15px;
}
/* ------- FLAGS ----------------------------------------------------------- */

.flags {
   height: 50px;
   padding-left: 590px;
   padding-top: 15px;
}

.flags li {
   padding: 0 0px 0 0;
   display: inline;
   list-style-type: none;
}

/* --------- MENU ---------------------------------------------------------------- */

.menu {
   clear: both;
   // background: #f7f7f7;
   background: url(bilder/menu.jpg) no-repeat;
   height: 30px;
   line-height: 0px;
   padding-top: 5px;
   padding-left:5%; 
   padding-right:5%;
   text-align: center;
   margin-bottom: 15px;
}

.menu li {
   padding: 0 20px 0px 10px;
   display: inline;
   list-style-type: none;
}

.menu a {
   text-decoration: none;
   color: #802020;
   font-size: 12px;
   font-weight: 600;
}

.menu a:hover {
   color: #d03030;
}

/* -------- CONTENT ---------------------------------------------------------- */

.content {
   margin-left: 180px;
   margin-right: 60px;
   margin-top: 40px;
   padding-bottom: 50px;
}

.content h1 {
   font-weight: 200;
   font-size: 24px;
   padding: 0 0 3px; 
   color:#800000;
   padding-bottom:12px;
}

.content h2 {
   font-weight: 100;
   letter-spacing: -1px;
   font-size: 20px;
   margin: 20px 10px 4px; padding: 0 0 3px; 
   color:#800000;
}

.content h3 {
   font-weight: 100;
   letter-spacing: -1px;
   font-size: 16px;
   margin-top: 15px;
   color:#800000;}

.content ol {
   color: #000000;
   padding: 10px 30px;
   list-style-type: none; padding-top:10px;
}
.content ul {
   color: #000000;
   padding: 10px 30px;
   padding-top:0px;
}
.content ul li {
   // list-style-type: square;
   font-size: 12px;
}

.content p { 
   font-size: 12px;
   font-weight: 400;
   text-align:justify;
   line-height: 19px;
   color:#000000;
   margin-left: 0px;
   padding-left: 30px;
   padding-right: 40px;
   padding-bottom: 7px; 
}

.content a { color: #000080; text-decoration: none; }


/* ------ TEXT + ICONS ON INDEX PAGE -------------------------------------------------------------- */

.main_page_text {
   float: left;
}

.main_page_text h3 {
   font-size: 14px;
   font-weight: 600;
   line-height: 19px;
   color:#800000;
   margin-left: 40px;
   margin-top: 0px;
   margin-bottom: 10px;
   width: 330px;
}

.main_page_text p {
   font-size: 12px;
   font-weight: 400;
   text-align:justify;
   line-height: 19px;
   color:#000000;
   margin-left: 40px;
   margin-top: 0px;
   width: 330px;
}

.main_page ul {
   margin-left: 340px;
   width: 500px;
   margin-top: 30px;
   text-align: center;
}

.main_page li {
   padding: 0px 0px 0px 0px;
   float: left;
   margin-left: 20px;
   margin-top: 0px;
   margin-bottom: 20px;
   width: 130px;
   display: inline;
   list-style-type: none;
}

.main_page a {
   font-weight: 600;
   font-size: 12px;
   color: #0000c0;
}

/* ------ ICON TOP LEFT ON CONTENT PAGE --------------------------------------------- */

.top_icon {
   float:left;
   width: 120px;
   margin-left: 30px;
   margin-top: 15px;
   font-weight: 600;
   font-size: 12px;
   color: #802020;
   text-align: center;
}

.top_icon a:hover {
   color: #d03030;
}



/* ------ CATALOGS -------------------------------------------------------------- */

.catalog {
   float: left;
}

.catalog li {
   clear: left;
   padding-bottom: 5px;
   list-style-type: none;
}
.catalog h4 {
   font-size: 14px;
   line-height: 19px;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

.catalog_with_icon h4 {
   margin-left: 230px;
   margin-top: 0px;
   padding-top: 0px;
}
.catalog_with_icon p {
   margin-left: 210px;
}

.catalog_with_icon img {
   float: left;
   padding-top: 0px;
   padding-bottom: 30px;
}

.pdf_icon img {
   padding-left: 10px;
}


/* --------- FOOTER ---------------------------------------------------------------- */

.footer {
   clear: both;
   background: #f7f7f7;
   background: url(bilder/footer.jpg) no-repeat;
   padding: 0px 0px 0 10px;
   height: 30px;
   line-height: 30px;
   font-weight: 600;
   font-size: 11px;
   text-align: center;
   color #802020;	
}
.footer p { 
   color: #802020;
}
.footer a { 
   color: #802020; text-decoration: none; 
}
.footer a:hover { 
   text-decoration: underline; 
}