/************************/
/* Layers positionieren */
/************************/

/* allgemein */
div#TopMenu, div#TopMenuExamples {
	width: 750px;
	height: auto;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -375px;
	text-align: center;
}

div#TopMenu         {top: 15px;}
div#TopMenuExamples {top: 3px;}

div#MainLayer {
	width: 800px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -400px;
}

div#menuLinks {
	width: 53px;
	height: 392px;
	position: absolute;
	top: 100px;
	left: 19px;
}

div#menuLinksNews, div#menuLinksKueche, div#menuLinksKonzept, div#menuLinksBad, div#menuLinksKontakt {
	width: 40px;
	position: absolute;
	left: 7px;
}

div#menuLinksNews, div#menuLinksKueche {
	height: 41px;
}

div#menuLinksKonzept, div#menuLinksBad, div#menuLinksKontakt {
	height: 40px;
}

div#menuLinksNews    {top: 12px;}
div#menuLinksKueche  {top: 98px;}
div#menuLinksKonzept {top: 181px;}
div#menuLinksBad     {top: 262px;}
div#menuLinksKontakt {top: 333px;}

div#content {
	width: 709px;
	height: 601px;
	position: absolute;
	top: 0px;
	left: 91px;
	z-index:100;
}

div#background {
	z-index: 80;
}

div#pointMenu {
	z-index: 150;
}

/* index.html */
div#IndexMainLayer {
	width: 441px;
	height: 519px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -259px 0 0 -220px;
}

div#dynamic, div#static {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}
div#dynamic {
	z-index: 100;
}

div#static {
	z-index: 50;
	visibility: hidden;
}

/*******************/
/* Body definieren */
/*******************/

/* allgemein */
body#standard {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #333;
}

/* Bad */
body#bad {
	background-color: #000035;
}

/* examples */
body#examples {
	background-color: #333;
}

/*******************/
/* Links gestalten */
/*******************/

a:link, a:visited {
	text-decoration: none;
	color: #FFF;
}

a:hover, a:active {
	text-decoration: underline;
	color: #FFF;
}

a.blogstyle:link, a.blogstyle:visited {
	text-decoration: none;
	color: #666;
}

a.blogstyle:hover, a.blogstyle:active {
	text-decoration: none;
	color: #d5d5d5;
}

a.info:link, a.info:visited, a.info_bold:link, a.info_bold:visited {
	text-decoration: none;
	color: #000099;
}

a.info:hover, a.info:active, a.info_bold:hover, a.info_bold:active {
	text-decoration: underline;
	color: #000099;
}

a.info_bold:link, a.info_bold:visited {
	font-weight: bold;
}

a.info_bold:hover, a.info_bold:active {
	font-weight: bold;
}

img {
	border: 0px;
}

/******************/
/* Text gestalten */
/******************/

.infotext_white, .infotext_black, .infotext_black_headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.infotext_white, .infotext_black {
	font-size: 10px;
}
.infotext_white {
	color: #FFF;
}

.infotext_black, .infotext_black_headline {
	color: #000;
}

.infotext_black_headline {
	font-size: 12px;
	font-weight: bold;
}

.blogstyle_bold {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 2px;
	font-weight: bold;
}

.font_bold {
	font-weight: bold;
}