﻿/* Stylesheet-Datei für shadowmap.de */
/* Grundsätzliches */
* {
	font-size: small;
	font-family: "Comic Sans MS";
	}
.font-large {
	font-size: medium;
}
.bold {
	font-weight: bold;
}
#body {
	width: 955px;
	margin: 0px auto;
	}
/* Überschriften */
.h1 {
	font-size: xx-large;
}
.h2 {
	font-size: x-large;
}
.h3 {
	font-size: large;
}
/* Navigation*/
/*^'^ Navigation Structure ^'^*/
.nav-container-outer {
	background: orange;
	padding: 0px;
	height: 45px;
	background: url('images_nav/nav-bg.jpg');
	margin-bottom: 15px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.nav-container .divider {
	display: block;
	font-size: 1px;
	border-width: 0px;
	border-style: solid;
}
.nav-container .divider-vert {
	float: left;
	width: 0px;
	display: none;
}
.nav-container .item-secondary-title {
	display: block;
	cursor: default;
	white-space: nowrap;
}
.clear {
	font-size: 1px;
	height: 0px;
	width: 0px;
	clear: left;
	line-height: 0px;
	display: block;
	float: none;
}
.nav-container {
	position: relative;
	zoom: 1;
	margin: 0 auto;
}
.nav-container a, .nav-container li {
	float: left;
	display: block;
	white-space: nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li {
	float: none;
}
.nav-container ul {
	left: -10000px;
	position: absolute;
}
.nav-container, .nav-container ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.nav-container li a {
	float: none;
}
.nav-container li {
	position: relative;
}
.nav-container ul {
	z-index: 10;
}
.nav-container ul ul {
	z-index: 20;
}
.nav-container ul ul ul {
	z-index: 30;
}
.nav-container ul ul ul ul {
	z-index: 40;
}
.nav-container ul ul ul ul ul {
	z-index: 50;
}
li:hover > ul {
	left: auto;
}
#nav-container ul {
	top: 100%;
}
#nav-container ul li:hover > ul {
	top: 0px;
	left: 100%;
}
/*^'^ Primary Items ^'^*/
#nav-container a {
	padding: 7px 17px 7px 18px;
	margin: 10px 0px 0px 0px;
	color: white;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	background: url('images_nav/item-primary-bg_1.png') no-repeat 50% top;
}
#nav-container a:hover {
	color: white;
	background: url('images_nav/item-primary-bg.png') no-repeat center;
}
/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul {
	padding: 10px 4px 10px 4px;
	margin: 0px 0px 0px 0px;
	background: orange;
	border-bottom: 1px solid #CA6500;
}
/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a {
	padding: 3px 10px 3px 6px;
	background-color: #FFFFFF;
	background: url('images_nav/item-secondary-bg.jpg') no-repeat 0px 22px;
	font-size: 11px;
	border-width: 0px;
	border-style: none;
	margin: 0px 0px 0px 0px;
	width: 149px;
}
/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover {
	background-color: #FFFFFF;
	background: url('images_nav/item-secondary-bg.jpg') no-repeat;
	color: maroon;
}
/*^'^ Secondary Item Titles ^'^*/
#nav-container .item-secondary-title {
	cursor: default;
	padding: 4px 0px 3px 7px;
	color: black;
	font-size: 11px; /* background: url(images/item-secondary-title-bg.jpg); */;
	background-repeat: no-repeat;
	font-weight: bold;
}
/*^'^ Horizontal Dividers ^'^*/
#nav-container .divider-horiz {
	border-top-width: 1px;
	margin: 5px 5px;
	border-color: #C16100;
}
/*^'^ Vertical Dividers ^'^*/
#nav-container .divider-vert {
	border-left-width: 1px;
	height: 15px;
	margin: 4px 2px 0px 2px;
	border-color: #AAAAAA;
}
/* Link-Darstellung */
/* Standard */
a:link {
	color: navy;
}
a:visited {
	color: fuchsia;
}
a:hover {
	color:orange;
}
a:active {
	color: black;
}
/* Link-Darstellung Ausnahme */
a.navi:link {
	text-decoration: none;
	font-weight: bold;
	color: white;
}
a.navi:visited {
	text-decoration: none;
	font-weight: bold;
	color: white;
}
a.navi:hover {
	text-decoration: none;
	font-weight: bold;
	color: orange;
}
a.navi:active {
	text-decoration: none;
	font-weight: bold;
	color: white;
}
a.navi_1:link {
	text-decoration: none;
	color: white;
}
a.navi_1:visited {
	text-decoration: none;
	color: white;
}
a.navi_1:hover {
	text-decoration: underline;
	color: white;
}
a.navi_1:active {
	text-decoration: underline;
	color: white;
}
/* >>Layout<< */
/* Title */
#title {
	background-image: url('images_style/title/title_main.jpg');
	float:left;
	width: 100%;
	height: 200px;
	margin-bottom: 15px;
}
#title_left {
	background-image: url('images_style/title/title_left.jpg');
	height: 200px;
	width: 20px;
	float: left;
}
#title_right {
	background-image:url('images_style/title/title_right.jpg');
	height: 200px;
	width: 20px;
	float: right;
}
#logo {
	height: 160px;
	width: 332px;
	float: left;
	background-image: url('images_style/title/Logo_hover.png');
	background-repeat: no-repeat;
	border: 0px;
	margin-top: 20px;
	vertical-align: baseline;
}
#logo:hover {
	height: 160px;
	width: 332px;
	float: left;
	background-image: url('images_style/title/Logo.png');
	background-repeat: no-repeat;
	border: 0px;
	margin-top: 20px;
	vertical-align: baseline;
}
/* Hauptfenster */
#main {
	width: 70%;
	float: left;
}
/* Kopfzeilen */
#titlebox {
	height: 45px;
	width: auto;
	background-image: url('images_style/kopfzeile/titlebox_image_base.jpg');
	color: white;
	font-weight: bold;
}
#titlebox_corner_left {
	background-image: url('images_style/kopfzeile/titlebox_image_corner_left.jpg');
	width: 20px;
	height: 45px;
	float: left;
}
#titlebox_corner_right {
	background-image: url('images_style/kopfzeile/titlebox_image_corner_right.jpg');
	width: 20px;
	height: 45px;
	float: right;
}
/* Infoboxen */
#infobox_left {
	width: 32%;
	background-image: url('images_style/infobox/title_main.jpg');
	line-height: 18px;
	height: 200px;
	float: left;
}
#infobox_middle {
	width: 32%;
	background-image: url('images_style/infobox/title_main.jpg');
	line-height: 18px;
	margin-left: 2%;
	float: left;
	height: 200px;
}
#infobox_right {
	width: 31%;
	background-image: url('images_style/infobox/title_main.jpg');
	line-height: 18px;
	margin-left: 2%;
	float: left;
	height: 200px;
}
#infobox_content {
	width: auto;
	padding: 10px;
	background-color: transparent;
	color: white;
}
#infobox_ueberschrift {
	width: auto;
	background-color: transparent;
	color: white;
	font-weight: bold;
	margin-bottom: 5px;
}
#infobox_image_left {
	background-image: url('images_style/infobox/title_left.jpg');
	height: 200px;
	width: 20px;
	float: left;
}
#infobox_image_right {
	background-image: url('images_style/infobox/title_right.jpg');
	height: 200px;
	width: 20px;
	float: right;
}
#infobox_shadowgirl_schiebend {
	background-image: url('images_style/shadowgirl_hover.png');
	height: 90px;
	width: 64px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 1px;
	border-right: 2px;
	border: 0px;
}
#infobox_shadowgirl_schiebend:hover {
	background-image: url('images_style/shadowgirl.png');
	height: 90px;
	width: 64px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 1px;
	border: 0px;
}
#infobox_shadowgirl_sitzend {
	background-image: url('images_style/shadowgirl_sitzend_hover.png');
	height: 90px;
	width: 64px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 1px;
	border-right: 2px;
	border: 0px;
}
#infobox_shadowgirl_sitzend:hover {
	background-image: url('images_style/shadowgirl_sitzend.png');
	height: 90px;
	width: 64px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 1px;
	border: 0px;
}
#infobox_shadowgirl_stehend {
	background-image: url('images_style/shadowgirl_stehend_hover.png');
	height: 90px;
	width: 64px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 1px;
	border: 0px;
}
#infobox_shadowgirl_stehend:hover {
	background-image: url('images_style/shadowgirl_stehend.png');
	height: 90px;
	width: 64px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 1px;
	border: 0px;
}
/* Contentbox im Hauptfenster */
#content {
	margin-top: 20px;
	float: left;
	width: 100%;
}
#content_main {
	width: auto;
	padding: 10px;
	background-color: transparent;
	color: #282828;
	margin-bottom: 15px;
}
/* Rechte Box */
#right {
	width: 29%;
	height: auto;
	float: right;
}
/* Sonderboxen */
#sonderbox_1 {
	width: 97%;
	height: 200px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #460000 solid thin;
	padding: 10px;
	background-color: #460000;
	color: white;
}
#sonderbox_2 {
	float: left;
	width: 300px;
	height: 225px;
	margin-top: 15px;
}
#sonderbox_3 {
	width: 260px;
	height: 200px;
	float: right;
}
#sonderbox_4 {
	float: right;
	height: 160px;
	width: 200px;
}
#sonderbox_5 {
	width: 201px;
	height: 294px;
	float: left;
	margin-left: 10px;
}
#sonderbox_6 {
	width: 430px;
	height: 294px;
	float: left;
}
/* Fußleiste */
#foot {
	height: 100px;
	width: 100%;
	background-image: url('images_style/foot/foot_image_base.jpg');
	float: left;
	margin-top: 3%;
}
#foot_image_left {
	background-image: url('images_style/foot/foot_image_corner_left.jpg');
	width: 20px;
	height: 100px;
	float: left;
}
#foot_image_right {
	background-image: url('images_style/foot/foot_image_corner_right.jpg');
	height: 100px;
	width: 20px;
	float: right;
}
.textausrichtung_center {
	text-align: center;
}
#suchfenster {
	width: 280px;
	height: 50px;
	float: right;
	margin-top: 150px;
	vertical-align: baseline;
}
