@import url("vorlagen.css");

#body {
	background: url(/gfx/logo.jpg) no-repeat 722px 172px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 16px;
	font-family: arial, helvetica, sans-serif;
}

#bodyDefault {
	background: url(/gfx/logo_klein.jpg) no-repeat 722px 172px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 16px;
	font-family: arial, helvetica, sans-serif;
}

#header {
	width: 1000px;
	height: 135px;
	position: relative;
}

#header .logo {
	width: 310px;
	height: 85px;
	position: absolute;
	left: 340px;
	top: 25px;
}

#header .logo img {
	width: 310px;
	height: 85px;
	display: block;
}

#container {
	width: 759px;
	height: 673px;
	position: relative;
}

#containerDefault {
	background: url(/gfx/bg_container.gif) repeat-y left top;
	width: 990px;
	position: relative;
}

#container a:focus {
	outline: none;
}

#mainHomepage {
	background: #97be0d;
	width: 510px;
	height: 673px;
	overflow: hidden;
	float: left;
}

#mainDefault {
	background: transparent;
	width: 555px;
	overflow: hidden;
	float: left;
}

#mainHomepage .headline {
	width: 510px;
	height: 20px;
	text-align: center;
}

#mainDefault .headline {
	background: #a5c729;
	width: 540px;
	height: 20px;
	padding: 0px 0px 0px 15px;
	text-align: left;
}

#mainDefault .headline h2,
#mainHomepage .headline h2 {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0px;
}

#mainHomepage .emotion {
	background: #fff;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	width: 510px;
}

#mainDefault .emotion {
	background: #fff;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	width: 555px;
}

#mainHomepage .emotion img {
	width: 510px;
	display: block;
}

#mainDefault .emotion img {
	width: 555px;
	display: block;
}

#mainDefault .breadcrumbs {
	background: #edeeee;
	width: 540px;
	border-bottom: 3px solid #fff;
	padding: 5px 0px 5px 15px;
	overflow: hidden;
}

#mainDefault .breadcrumbs a {
	background: url(/gfx/breadcrumb.gif) no-repeat 0px 2px;
	font-size: 12px;
	color: #6b6d6e;
	padding: 0px 3px 0px 10px;
	text-decoration: none;
}

#mainDefault .breadcrumbs .on,
#mainDefault .breadcrumbs a:hover {
	color: #768d1b;
}


/* HAUPTNAVIGATION */

#mainNav {
	width: 235px;
	padding: 20px 0px 20px 0px;
	margin: 0px;
	float: left;
}

#mainNav.default {
	width: 245px;
	padding: 45px 0px 20px 0px;
	float: left;
}

/* ERSTE EBENE */

#mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mainNav ul li {
	display: inline;
}

#mainNav ul li a {
	color: #37440a;
	display: block;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	text-decoration: none;
	padding: 3px 0px 3px 20px;
	margin: 3px 0px 3px 0px;
}

#mainNav ul li.on a {
	background: #fff url(/gfx/menu_dot.gif) no-repeat 0px 4px;
	color: #37440a;
}

#mainNav ul li.nav_1 a {
	background: transparent;
}

#mainNav ul li.off a {
	background: transparent;
	color: #37440a;
}

#mainNav ul li a:hover {
	color: #fff;
}

#mainNav ul li.on a:hover {
	color: #37440a;
}

/* ZWEITE EBENE */

#mainNav ul ul {
	background: #bbd459;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

#mainNav ul ul li {
	display: inline;
}

#mainNav ul ul li a {
	color: #37440a;
	display: block;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	padding: 3px 0px 3px 30px;
	margin: 3px 0px 3px 0px;
}

#mainNav ul ul li.on a {
	background: #fff url(/gfx/menu_dot.gif) no-repeat 0px 4px;
	color: #37440a;
}

#mainNav ul ul li.off a {
	background: transparent;
	color: #37440a;
}

#mainNav ul ul li a:hover {
	color: #fff;
}

/* DRITTE EBENE */

#mainNav ul ul ul {
	background: #d3e39d;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

#mainNav ul ul ul li {
	display: inline;
}

#mainNav ul ul ul li a {
	color: #37440a;
	display: block;
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	padding: 3px 0px 3px 40px;
	margin: 3px 0px 3px 0px;
}

#mainNav ul ul ul li.on a {
	background: #fff url(/gfx/menu_dot.gif) no-repeat 0px 4px;
	color: #37440a;
}

#mainNav ul ul ul li.off a {
	background: transparent;
	color: #37440a;
}

#mainNav ul ul ul li a:hover {
	color: #fff;
}

/* VIERTE EBENE */

#mainNav ul ul ul ul{
	background: transparent;
	border-top: none;
	border-bottom: none;
	padding: 0px 0px 5px 0px;
}

#mainNav ul ul ul ul li {
	display: inline;
}

#mainNav ul ul ul ul li a {
	color: #37440a;
	display: block;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	padding: 3px 0px 3px 55px;
	margin: 3px 0px 3px 0px;
}

#mainNav ul ul ul ul li.on a {
	background: transparent;
	color: #222222;
	font-weight: bold;
}

#mainNav ul ul ul ul li.off a {
	background: transparent;
	color: #37440a;
}

#mainNav ul ul ul ul li a:hover {
	color: #fff;
}


/* HAUPTNAVIGATION ENDE */

#mainHomepage .content {
	width: 255px;
	padding: 15px 20px 20px 0px;
	float: left;
}

#mainDefault .content {
	width: 525px;
	padding: 25px 15px;
	float: left;
}

#mainHomepage .content h1 {
	color: #fff;
	font-size: 19px;
	text-transform: uppercase;
	margin: 0px 0px 15px 0px;
}

#mainHomepage .content h3 {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 7px 0px;
}

#mainHomepage .content a {
	background: url(/gfx/pfeil_rechts.gif) no-repeat right center;
	color: #fff;
	font-size: 12px;
	lie-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: right;
	padding: 0px 12px 0px 0px;
	margin: 7px 0px 15px 0px;
}

#mainHomepage .content a:hover {
	text-decoration: underline;
}

/* SITEBAR (FACHBEREICHE) */

#sidebarHomepage {
	width: 230px;
	margin: 0px 0px 0px 19px;
	float: left;
	overflow: hidden;
}

#sidebarDefault {
	width: 180px;
	margin: 0px 0px 0px 10px;
	float: left;
	overflow: hidden;
}

#sidebarHomepage .division ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#sidebarDefault .division ul {
	margin: 0px 0px 75px 0px;
	padding: 0px;
	list-style-type: none;
}

#sidebarHomepage .division ul li {
	display: block;
	margin: 0px 0px 5px 0px;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	lie-height: 15px;
	text-transform: uppercase;
}

#sidebarDefault .division ul li {
	display: block;
	margin: 0px 0px 5px 5px;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	lie-height: 13px;
	text-transform: uppercase;
}

#sidebarHomepage .division ul li a {
	background: url(/gfx/pfeil_grau.gif) no-repeat right center;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	lie-height: 15px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 14px 0px 0px;
}

#sidebarDefault .division ul li a {
	background: url(/gfx/pfeil_grau.gif) no-repeat right center;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	lie-height: 13px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 14px 0px 0px;
}

#sidebarDefault .division ul li a:hover,
#sidebarHomepage .division ul li a:hover {
	font-weight: bold;
}


/* BOXEN */

#sidebarHomepage .box {
	background: url(/gfx/bg_box.gif) repeat-x left top;
	width:170px;
	height: 222px;
	padding: 10px 50px 0px 10px;
	position: absolute;
	z-index: 10;
}

#sidebarDefault .box {
	background: #edeeee;
	width: 180px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	position: relative;
	z-index: 10;
}

#sidebarDefault .box .boxFooter {
	background: #a5c729;
	width: 170px;
	padding: 5px;
	position: relative;
	z-index: 10;
}

#sidebarHomepage .box h3 {
	font-size: 13px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;
}

#sidebarDefault .box h3 {
	font-size: 13px;
	line-height: 18px;
	margin: 0px 10px 10px 10px;
}

#sidebarHomepage .box p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;
}

#sidebarDefault .box p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 10px 10px 10px;
}

#sidebarHomepage .box a {
	background: url(/gfx/pfeil_rechts.gif) no-repeat right center;
	color: #fff;
	font-size: 12px;
	lie-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 0px 12px 0px 0px;
	position: absolute;
	right: 50px;
	bottom: 5px;
}

#sidebarDefault .box a {
	background: url(/gfx/pfeil_rechts.gif) no-repeat right center;
	color: #fff;
	font-size: 12px;
	lie-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 0px 12px 0px 0px;
	float: right;
}

#sidebarDefault .box a:hover,
#sidebarHomepage .box a:hover {
	text-decoration: underline;
}

#sidebarHomepage .box.up {
	bottom: 250px;
	right: 0px;
}

#sidebarHomepage .box.down {
	bottom: 0px;
	right: 0px;
}

#sidebarHomepage .up .bullseye {
	background: url(/gfx/bullseye_1.png) no-repeat left top;
	width: 122px;
	height: 122px;
	position: absolute;
	top: -38px;
	left: 179px;
	z-index: 100;
}

*html #sidebarHomepage .up .bullseye {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/bullseye_1.png', sizingMethod='image');
}

#sidebarDefault .up .bullseye {
	background: url(/gfx/bullseye_default.png) no-repeat left top;
	width: 120px;
	height: 95px;
	position: absolute;
	top: 10px;
	left: 30px;
	z-index: 100;
	overflow: hidden;
}

*html #sidebarDefault .up .bullseye {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/bullseye_default.png', sizingMethod='image');
}

#sidebarHomepage .up .bend {
	background: url(/gfx/bogen.jpg) no-repeat left top;
	width: 50px;
	height: 123px;
	position: absolute;
	bottom: 25px;
	right: 0px;
	z-index: 100;
}

#sidebarDefault .up .bullsPic {
	width: 90px;
	height: 95px;
	overflow: hidden;
	margin: 0px 0px 10px 45px;
	position: relative;
}


#sidebarDefault .up img {
	width: 90px;
}

#sidebarHomepage .down .bullseye {
	background: url(/gfx/bullseye_2.png) no-repeat left top;
	width: 122px;
	height: 122px;
	position: absolute;
	top: -43px;
	left: 179px;
	z-index: 100;
}

*html #sidebarHomepage .down .bullseye {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/bullseye_2.png', sizingMethod='image');
}


#sidebarDefault .down img {
	width: 90px;
	margin: 3px 0px 10px 45px;
}

#sidebarDefault .down .bullseye {
	background: url(/gfx/bullseye_default.png) no-repeat left top;
	width: 120px;
	height: 95px;
	position: absolute;
	top: 10px;
	left: 30px;
	z-index: 100;
	overflow: hidden;
}

*html #sidebarDefault .down .bullseye {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/bullseye_default.png', sizingMethod='image');
}

#sidebarHomepage .up img {
	width: 90px;
	position: absolute;
	top: -30px;
	left: 194px;
}

#sidebarHomepage .down img {
	width: 90px;
	position: absolute;
	top: -30px;
	left: 194px;
}

#OperaDieAltePottsau {
	font-size: 1px;
	overflow: hidden;
	background: #fff;
	width: 800px;
	height: 19px;
}

#footer {
	background: #edeeee;
	width: 759px;
	height: 138px;
	margin: 0px 0px 35px 0px;
	position: relative;
}

#footer.default{
	background: #edeeee;
	width: 800px;
	height: 138px;
	margin: 0px 0px 35px 0px;
	position: relative;
}

#footer h3 {
	color: #6b6d6e;
	font-size: 15px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
}

#footer p {
	color: #6b6d6e;
	font-size: 12px;
	margin: 0px 0px 8px 0px;
}

#footer a {
	color: #768d1b;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .dot {
	background: url(/gfx/redDot.gif) no-repeat left top;
	width: 181px;
	height: 151px;
	position: absolute;
	top: -4px;
	left: 20px;
	text-align: center;
}

#footer .dot h3 {
	color: #fff;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 20px 0px 0px 0px;
}

#footer .dot h3 span {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

#footer .anschrift {
	position: absolute;
	top: 20px;
	left: 235px;
}

#footer .sprechzeiten {
	position: absolute;
	top: 20px;
	left: 535px;
}

#footer .autor {
	position: absolute;
	top: 148px;
	right: 0px;
}

#footer .autor a {
	color: #cfd0d1;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

#footer .autor a:hover {
	text-decoration: underline;
}

#footerNav {
	width: 180px;
	position: absolute;
	top: 10px;
	left: 769px;
}

#footerNav.default {
	width: 180px;
	position: absolute;
	top: 10px;
	left: 810px;
}

#footerNav .input {
	width: 133px;
	height: 19px;
	border: 1px solid #cfd0d1;
	color: #6B6D6E;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0px;
	padding: 4px 0px 0px 5px;
	float: left;
}

#footerNav .button {
	width: 25px;
	height: 25px;
	border: none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

#footerNav a {
	color: #6B6D6E;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	margin: 6px 0px 0px 5px;
}

#footerNav a:hover {
	color: #768d1b;
	text-decoration: none;
}