/***
 * Main CSS Layout file
 ***/

/** General settings **/
html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    }

/* Page Settings */
body {
    background-image: url(../grafik/background.png);
    background-color: #ffffff;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.65em;
    margin: 0;
    padding: 0;
    }

#Page {
	background-image: url(../grafik/background_endless.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	}

#Display {
    width: 75em;
    height: 100%;
    background-color: #5D5D5D;
    margin: 0 auto 0 auto;
	background-image: url(../grafik/display_background.gif);
	background-repeat: repeat-y;
	background-position: 16.73em 0px;
    }

#Header {
    width: 75em;
    margin: 0 auto 0 auto;
    background-color: white;
    padding: 0 0 1px 0;
    line-height: 1px;
    height: 15.38em;
    }

#Header img {
	width: 75em;
	height: 15.38em;
	margin: 0;
	padding: 0;
	float: left;
	}

/* Content section */
#Content {
	float: left;
    width: 54.23em;
	color: #544B4C;
	background-color: white;
	padding: 0em 1.5em 1.5em 1.8em;
    }

body.standalone {
    background-image: none;
    background-color: white;
	}

body.standalone #Content {
	clear: both;
	width: auto;
	height: 100%;
	margin: 0;
	padding: 0 1em 0 1em;
	}

#Footer {
	background-color: #ffffff;
	color: #737373;
	padding: 0.86em 1.34em 0.86em 1.34em;
	}

/* Links */
a:link, a:visited  {
    color: #d0e0e0;
    text-decoration: none;
    font-size: 1em;
    }

a:hover  {
    color: #ffffff;
    }

a:focus { outline: none; }


#Subnavigation {
    background-image: url(../grafik/background_newsletter_box.gif);
    background-repeat: repeat-x;
    background-position: 0 0.5em;
	background-color: #5D5D5D;
	height: 1.83em;
	margin: 0;
	padding: 0;
	color: #ffffff;
	}

#Subnavigation ul, #Subnavigation div {
	background-color: #5D5D5D;
	height: 1.53em;
    width: 53.62em;
    list-style: none;
    margin: 0 0 0 16.73em;
	padding: 0.3em 2.5em 0em 2.1em;
	}

#Subnavigation ul li {
	float: left;
	padding-left: 0.4em;
	padding-right: 1.8em;
    background-image: url(../grafik/delimiter_submenu.gif);
    background-repeat: no-repeat;
    background-position: right 0;
	}

#Subnavigation ul li:last-child, #Subnavigation ul li.lastChild {
    background-image: none;
	}

#GlobalNavigation {
	background-image: url(../grafik/background_globalnav.gif);
	background-repeat: repeat-x;
	background-position: 0px center;
	background-color: #BEBEBE;
	clear: both;
	padding: 0.41em 0 0 0;
	height: 1.7em;
	text-align: right;
	}

#GlobalNavigation span.navbar {
	background-color: #BEBEBE;
	padding: 0 1.8em 0 1.8em;
	color: #ffffff;
	}

#GlobalNavigation a:link, #GlobalNavigation a:visited {
	background-color: #BEBEBE;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}

div#Navigationbar {
    float: left;
    width: 16.73em; }

#SiteOptions {
    background-image: url(../grafik/background_newsletter_box.gif);
    background-repeat: repeat-x;
    background-position: 0 0.5em;
    padding: 2.5em 0.8em 2.5em 0.8em;
    color: #ffffff;
	}

/** MAIN NAVIGATION BAR **/
ul#Navigation {
    font-size: 1em;
    width: 16.73em;
    list-style: none;
    margin: 0;
    padding: 0;
    border-top:1px solid #ffffff;
    color: #000000;
    }

ul#Navigation li {
    margin: 0;
    padding: 0;
    background-color:#848484;
    _display: inline-block;
	_height: 1.86em;
    border-bottom: 1px solid #ffffff;
    }

ul#Navigation ul li.lastItem {
	border: none;
    }

ul#Navigation li span {
    background-image: url(../grafik/menu_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 center;
	display: block;
    border-right:1px solid #ffffff;
    padding: 0.1em 0.4em 0.1em 2.40em;
	height: 1.86em;
    line-height: 1.7em;
	color: #ffffff;
    font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
    }

ul#Navigation li span a {
    }

ul#Navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top:1px solid #ffffff;
    border-right:1px solid #ffffff;
    background-color: #D1D1D1;
    }

ul#Navigation ul li {
    background-color: #D1D1D1;
    color: #000000;
    display: block;
    border: 1px solid #ffffff;
	}

ul#Navigation li ul li:hover {
    background-image: url(../grafik/submenu_bullet_hover.gif);
	background-color: #FE0000;
    color: #ffffff;
    }

ul#Navigation li ul li.active a:link, ul#Navigation li ul li.active a:visited, ul#Navigation ul li:hover a, ul#Navigation ul li:hover a:link, ul#Navigation ul li:hover a:visited  {
    color: #ffffff;
    }

ul#Navigation li ul li.active {
    background-image: url(../grafik/submenu_bullet_hover.gif);
	background-color: #FE0000;
    color: #ffffff;
    }

ul#Navigation li ul li.active a:link, ul#Navigation li ul li.active a:visited {
    color: #ffffff;
    }

ul#Navigation li ul li {
    background-image: url(../grafik/submenu_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 center;
    border: none;
    border-bottom: 1px solid #ffffff;
    padding: 0.1em 0.4em 0.1em 3.3em;
    }

/* mayb kann das der IE auch irgendwann mal, mayb koennen rosa Elefanten fliegen ;) */
ul#Navigation li ul li:first-child {

    }

ul#Navigation a:link, ul#Navigation a:visited  {
    color: #ffffff;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.7em;
    font-weight: bold;
    }

ul#Navigation ul a:link, ul#Navigation ul a:visited  {
    font-weight: normal;
    color: #000000;
    }

a:link img, a:visited img {
	border: none; }

.centered {
    text-align: center;
    }

#imgSchnellsuche {
	width: 12.31em;
	height: 1.83em;
	}

#button_go {
	width: 2.4em;
	height: 1.83em;
	border: none;
	font-size: 1em;
	}

.noneDisplay {
	display: none; }