@import "content.css";
@import "menu.css";
@import "buttons.css";

body {
    background-color: #969ba0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

/*===== Page ==============================================================*/

#page {
    width: 810px;
    overflow: hidden;
    background-image: url(../pictures/frame/background.gif);
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/*===== Header ============================================================*/

#header {
    width: 800px;
    height: 171px;
    margin-left: 5px;
}

body.de #header {
    background-image: url(../pictures/frame/header_de.jpg);
}

body.fr #header {
    background-image: url(../pictures/frame/header_fr.jpg);
}

body.en #header {
    background-image: url(../pictures/frame/header_en.jpg);
}

body.es #header {
    background-image: url(../pictures/frame/header_es.jpg);
}

/*===== Footer ============================================================*/

#footer {
    width: 810px;
    height: 28px;
    background-image: url(../pictures/frame/footer.gif);
	clear: both;
}

/*===== Main menu =========================================================*/

#menu {
    width: 160px;
    position: absolute;
    left: 5px;
    top: 190px;
    overflow: hidden;
}

#menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-bottom: 19px;
    float: left;
    background-image: url(../pictures/frame/menu_header.gif);
    background-repeat: no-repeat;
    padding-top: 1px;
}

#menu ul.before_active {
    padding-top: 0px;
    background-image: none;
}

#menu ul ul.before_active {
/*    background-image: none;*/
}

#menu ul ul {
    margin-bottom: 0;
    padding-top: 0px;
    padding-bottom: 10px;
    background-image: url(../pictures/frame/submenu_footer.gif) !important;
    background-position: bottom left;
}

#menu li {
	margin: 0;
	padding: 0;
    float: left;
    width: 160px;
    background-repeat: no-repeat;
}

#menu li a, #menu li span {
    display: block;
    text-indent: -10000px;
    background-repeat: no-repeat;
}

* html #menu li a, * html #menu li span {
    text-indent: 0px;
    te\xt-indent: -10000px;
    letter-spacing: -1000em;
    le\tter-spacing: 0;
    font-size: 1px;
    color: #dce1e6;
}

/*===== Helpers menu ======================================================*/

#helpers {
    position: absolute;
    left: 185px;
    top: 151px;
}

#helpers ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: left;
}

#helpers li {
	margin: 0;
	padding: 0;
    float: left;
	width: auto;
}

#helpers a, #helpers span {
    display: block;
    height: 19px;
    text-indent: -10000px;
    overflow: hidden;
    float: left;
}

#item_german a, #item_german span {
    background-image: url(../pictures/frame/helpers/german_off.jpg);
    width: 49px;
}

#item_german, #item_german a:hover, #item_german span {
    background-image: url(../pictures/frame/helpers/german_on.jpg);
}

#item_french a, #item_french span {
    background-image: url(../pictures/frame/helpers/french_off.jpg);
    width: 57px;
}

#item_french, #item_french a:hover, #item_french span {
    background-image: url(../pictures/frame/helpers/french_on.jpg);
}

#item_english a, #item_english span {
    background-image: url(../pictures/frame/helpers/english_off.jpg);
    width: 49px;
}

#item_english, #item_english a:hover, #item_english span {
    background-image: url(../pictures/frame/helpers/english_on.jpg);
}

#item_spanish a, #item_spanish span {
    background-image: url(../pictures/frame/helpers/spanish_off.jpg);
    width: 53px;
}

#item_spanish, #item_spanish a:hover, #item_spanish span {
    background-image: url(../pictures/frame/helpers/spanish_on.jpg);
}

#item_contact a, #item_contact span {
    width: 58px;
}

body.de #item_contact a, body.de #item_contact span {
    background-image: url(../pictures/frame/helpers/contact_de_off.jpg);
}

body.de #item_contact, body.de #item_contact a:hover, body.de #item_contact span {
    background-image: url(../pictures/frame/helpers/contact_de_on.jpg);
}

body.fr #item_contact a, body.fr #item_contact span {
    background-image: url(../pictures/frame/helpers/contact_fr_off.jpg);
}

body.fr #item_contact, body.fr #item_contact a:hover, body.fr #item_contact span {
    background-image: url(../pictures/frame/helpers/contact_fr_on.jpg);
}

body.en #item_contact a, body.en #item_contact span {
    background-image: url(../pictures/frame/helpers/contact_en_off.jpg);
}

body.en #item_contact, body.en #item_contact a:hover, body.en #item_contact span {
    background-image: url(../pictures/frame/helpers/contact_en_on.jpg);
}

body.es #item_contact a, body.es #item_contact span {
    background-image: url(../pictures/frame/helpers/contact_es_off.jpg);
}

body.es #item_contact, body.es #item_contact a:hover, body.es #item_contact span {
    background-image: url(../pictures/frame/helpers/contact_es_on.jpg);
}

/*===== Search form =======================================================*/

#search {
    position: absolute;
    padding-left: 100px;
    left: 521px;
    top: 151px;
}

body.de #search {
    background-image: url(../pictures/frame/search/search_de.jpg);
}

body.fr #search {
    background-image: url(../pictures/frame/search/search_fr.jpg);
}

body.en #search {
    background-image: url(../pictures/frame/search/search_en.jpg);
}

body.es #search {
    background-image: url(../pictures/frame/search/search_es.jpg);
}

#search form {
    padding: 0;
    margin: 0;
    width: 184px;
}

#query {
    border: 0px;
    margin: 0;
    padding: 0;
    background-color: white;
    float: left;
    width: 164px;
    height: 19px;
    line-height: 19px;
}

#submit {
    border: 0px;
    cursor: pointer;
    width: 20px;
    height: 19px;
    background-image: url(../pictures/frame/search/submit_off.gif);
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -10000px;
    letter-spacing: -1000px;
    float: left;
}

#submit:hover {
    background-image: url(../pictures/frame/search/submit_on.gif);
}

/*===== Basket ============================================================*/

#basket {
    position: absolute;
    background-repeat: no-repeat;
    left: 640px;
    top: 190px;
    width: 145px;
    font-size: 10px;
    color: #969ba0;
}

#basket p {
	margin-bottom: 4px;
}

#basket a {
    display: block;
    width: 145px;
    height: 0px;
    padding-top: 25px;
    background-repeat: no-repeat;
    overflow: hidden;
}

* html #basket a {
    height: 25px;
    he\ight: 0px;
}

body.de #basket a {
    background-image: url(../pictures/frame/basket/basket_de_off.gif);
}

body.de #basket, body.de #basket a:hover {
    background-image: url(../pictures/frame/basket/basket_de_on.gif);
}

body.fr #basket a {
    background-image: url(../pictures/frame/basket/basket_fr_off.gif);
}

body.fr #basket, body.fr #basket a:hover {
    background-image: url(../pictures/frame/basket/basket_fr_on.gif);
}

body.en #basket a {
    background-image: url(../pictures/frame/basket/basket_en_off.gif);
}

body.en #basket, body.en #basket a:hover {
    background-image: url(../pictures/frame/basket/basket_en_on.gif);
}

body.es #basket a {
    background-image: url(../pictures/frame/basket/basket_es_off.gif);
}

body.es #basket, body.es #basket a:hover {
    background-image: url(../pictures/frame/basket/basket_es_on.gif);
}

/*===== Links =============================================================*/

#links {
    position: absolute;
    left: 0px;
    top: 0px;
}

#links ul {
    list-style-type: none;
}

#links li {
	background-image: none;
	margin: 0;
}

#muenstergass a {
    position: absolute;
    display: block;
    width: 140px;
    height: 0px;
    padding-top: 40px;
    top: 40px;
    left: 25px;
    overflow: hidden;
	letter-spacing: -1000em;
}

#deza a {
    position: absolute;
    display: block;
    width: 122px;
    height: 0px;
    padding-top: 60px;
    top: 40px;
    left: 620px;
    overflow: hidden;
	letter-spacing: -1000em;
}

/*===== Content area ======================================================*/

#content {
    width: 455px;
    margin-left: 165px;
    margin-top: 20px;
    background-color: #dce1e6;
    position: relative;
    top: -1px;
    min-height: 260px;
}

* html #content {
    height: 240px;
}