/*
	
	1. General
	
	2. Head
		2.1 Background Image
		2.2 Visit Erste
		2.3 Title, Stroke, ...
		2.4 Menu
		2.5 Top News
		
	3. Main
		3.1 Container
		3.2 Sidemenu
		3.3 Top Story
		3.4 Content Area
		3.5 Side Area
		3.6 Post
		
	4. Footer
	
*/

/* 
	**********************
	***** 1. General *****
	**********************
*/

a {
	color: #000;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	outline: none;
}
img {
	border: none;
}
ul, li, form, fieldset, p {
	border: none;
	margin: 0px;
	padding: 0px;
}
select {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
html {
height: 100%;
margin-bottom: 0 0 10px 0;
overflow-y: scroll;
}
body {
	background: url(grafik/bg.gif) repeat-x #aa9f89;
	margin: 0px;
	padding: 0px;
	font: 12px/18px arial, helvetica;
	color: #000;
	text-align: center;
	behavior:url("css/csshover.htc");
}
#skip {
	text-indent: -99999px;
	position: absolute;
	left: -99999px;
	top: -99999px;
}
#container {
	width: 784px;
	height: 400px;
	margin: 0 auto;
	text-align: left;
	background: url(grafik/head.gif) 0px 36px no-repeat;
}

/* 
	*******************
	***** 2. Head *****
	*******************
*/

/* 2.1 Background Image */

#bgimage {
	width: 100%;
	float: left;
}

/* 2.2 Visit Erste */

#visiterste {
	position: relative;
	width: 960px;
	height: 23px;
	margin: 0 auto;
}
#visiterste {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafik/visiterste.png');
}
html > body #visiterste {
	background: url(grafik/visiterste.png) left top no-repeat;
}
#visiterste a {
	position: absolute;
	top: 0px;
	right: 5px;
	display: block;
	width: 230px;
	height: 23px;
	text-indent: -99999px;
}

/* 2.3 Title, Stroke, ... */

#head {
	position: relative;
	width: 784px;
	z-index: 1000;
}
.headtitle {
	height: 200px;
}
.headtitle h1 {
	font-size: 36px;
	line-height: 36px;
}
.headtitle h1 a {
	position: absolute;
	top: 30px;
	display: block;
	width: 210px;
	height: 250px;
	text-indent: -99999px;
}
.headtitle h1 a span {
	position: absolute;
	top: -99999px;
	left: -99999px;
}
.headtitle h1 a:hover {
	text-decoration: none;
}
.headtitle1line {
	padding-top: 58px;
}
.headtitle2line {
	padding-top: 40px;
}
.headstroke {
	display: none;
}

/* 2.4 Menu */

/* menü mit grafiken */

#bigmenu {
	position: absolute;
	top: 97px;
	left: 272px;
	width: 450px;
}
#bigmenu li, 
#bigmenu li a {
	height: 26px;
	float: left;
	text-indent: -99999px;
}
.m10, 
.m10 a {
	width: 88px;
	background: url(grafik/menubig.gif) 0px 0px no-repeat;
}
.m10 a:hover {
	background: url(grafik/menubig.gif) 0px -26px no-repeat;
}
.m10on a, 
.m10on a:hover {
	background: url(grafik/menubig.gif) 0px -52px no-repeat;
}
.m20, 
.m20 a {
	width: 114px;
	background: url(grafik/menubig.gif) -88px 0px no-repeat;
}
.m20 a:hover {
	background: url(grafik/menubig.gif) -88px -26px no-repeat;
}
.m20on a, 
.m20on a:hover {
	background: url(grafik/menubig.gif) -88px -52px no-repeat;
}
.m30, 
.m30 a {
	width: 181px;
	background: url(grafik/menubig.gif) -202px 0px no-repeat;
}
.m30 a:hover {
	background: url(grafik/menubig.gif) -202px -26px no-repeat;
}
.m30on a, 
.m30on a:hover {
	background: url(grafik/menubig.gif) -202px -52px no-repeat;
}
.m40, 
.m40 a {
	width: 153px;
	background: url(grafik/menubig.gif) -392px 0px no-repeat;
}
.m40 a:hover {
	background: url(grafik/menubig.gif) -392px -26px no-repeat;
}
.m40on a, 
.m40on a:hover {
	background: url(grafik/menubig.gif) -392px -52px no-repeat;
}
.m50, 
.m50 a {
	width: 158px;
	background: url(grafik/menubig.gif) -545px 0px no-repeat;
}
.m50 a:hover {
	background: url(grafik/menubig.gif) -545px -26px no-repeat;
}
.m50on a, 
.m50on a:hover {
	background: url(grafik/menubig.gif) -545px -52px no-repeat;
}
.m60, 
.m60 a {
	width: 113px;
	background: url(grafik/menubig.gif) -703px 0px no-repeat;
}
.m60 a:hover {
	background: url(grafik/menubig.gif) -703px -26px no-repeat;
}
.m60on a, 
.m60on a:hover {
	background: url(grafik/menubig.gif) -703px -52px no-repeat;
}

/* normales menü */

#menu {
	position: absolute;
	top: 214px;
	right: 0px;
	width: 784px;
	height: 19px;
}
#menu li {
	position: relative;
	float: right;
	height: 19px;
	padding: 0 0 0 4px;
	font-size: 11px;
}
#menu li a {
	float: left;
	height: 19px;
	padding: 0 6px 0 0;
	font-weight: bold;
	color: #231f20;
	background: url(grafik/menu.png) right top no-repeat;
}
#menu li a span {
	float: left;
	height: 19px;
	padding: 0 0 0 6px;
	background: url(grafik/menu.png) left top no-repeat;
}
#menu li a:hover {
	color: #ab9f89;
	text-decoration: none;
	background: url(grafik/menu_hover.png) right top no-repeat;
}
#menu li a:hover span {
	background: url(grafik/menu_hover.png) left top no-repeat;
}
#menu .on a {
	color: #ab9f89;
	text-decoration: none;
	background: url(grafik/menu_hover.png) right top no-repeat;
}
#menu .on a span {
	background: url(grafik/menu_hover.png) left top no-repeat;
}
#menu li ul li {
	float: none;
	height: auto;
	padding: 0px;
}
#menu li ul li a {
	color: #ab9f89;
	float: none;
	height: auto;
	padding: 0px;
	background: none !important;
}
#menu li ul li a:hover {
	text-decoration: underline;
	background: none;
}
#menu li div {
	display: none;
	position: absolute;
	top: 19px;
	left: 4px;
	z-index: 1000;
	width: 146px;
	padding: 1px 0 6px 0;
	background: url(grafik/menu2.png) left bottom no-repeat;
}
#menu li:hover div {
	display: block;
}
#menu li ul {
	width: 146px;
	margin: 0px;
	padding: 2px 0 0 6px;
	background: url(grafik/menu2.png) left top no-repeat;
}

/* 2.5 Top News */

#topnews {
	display: none;
}
#language {
	border-right: 1px solid #000;
	text-align: left;
	float: left;
	padding: 10px 0 0 0;
	width: 146px;
	height: 39px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 29px;
}
#language select {
	width: 132px;
}
#topnews strong {
	font-size: 14px;
	padding: 11px 0 0 0;
	display: block;
	color: #993366;
}
#topnews strong a {
	color: #993366;
}

/* 
	*******************
	***** 3. Main *****
	*******************
*/

/* 3.1 Container */

#main {
	width: 784px;
	float: left;
	margin: 39px 0 0 0;
	background: url(grafik/main.gif) 239px 0px no-repeat;
}
.col1 {
	width: 190px;
	float: left;
	margin: 91px 49px 0 0;
	padding: 37px 0 0 0;
	overflow: hidden;
	background: url(grafik/col1.gif) left top no-repeat;
}
.col2 {
	width: 545px;
	float: left;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 24px 0 10px 0;
	background: url(grafik/main_stop.gif) left bottom no-repeat;
}

/* 3.2 Sidemenu */

.sidemenu ul {
	padding: 0 0 22px 0;
	background: url(grafik/dot.gif) left bottom repeat-x;
}
.sidemenu li {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 10px 0 14px 0;
}
.sidemenu li ul {
	padding: 0px;
	background: none;
}
.sidemenu li ul li {
	list-style: disc inside;
	font-weight: normal;
	background: none;
	padding: 8px 0 0 0;
}
.sidemenu a {
	text-decoration: underline;
}
.sidemenu a:hover {
	color: #fff;
	text-decoration: none;
}
.sidemenu .on a {
	color: #fff;
}
.sidemenu li ul li a {
	color: #000 !important;
}
.sidemenu li ul .on a {
	color: #fff !important;
}

/* 3.3 Top Story */

.topstory {
	background: url(grafik/dot.gif) left top repeat-x #fff;
	float: left;
	padding: 15px 14px 15px 14px;
	width: 545px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 517px;
}
.topstory h2 {
	font-size: 36px;
	line-height: 36px;
	margin: 0 0 15px 0;
	color: #aa9f89;
}
.topstory h2 a {
	color: #aa9f89;
}
.more-link {
	font-size: 11px;
	line-height: 16px;
	float: left;
	height: 17px;
	margin: 15px 0 0 0;
	padding: 0 6px 0 0;
	color: #fff;
	background: url(grafik/more.png) right top no-repeat;
}
.more-link:hover {
	color: #000;
	text-decoration: none;
}
.more-link span {
	float: left;
	height: 17px;
	padding: 0 3px 0 9px;
	background: url(grafik/more.png) left top no-repeat;
}

/* 3.4 Content Area */

.col2left {
	width: 545px;
	float: left;
	margin: 0 14px 0 0;
	overflow: hidden;
	background: url(grafik/dot.gif) left top repeat-x #fff;
}
.col2right {
	display: none;
}
.listcontent {
	float: left;
	background: url(grafik/dot.gif) left bottom repeat-x;
	padding: 17px 14px 17px 14px;
	width: 545px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 517px;
}
.listcontent h2 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 10px 0;
}
.time {
	font-size: 11px;
	line-height: 14px;
	color: #6b6b6b;
	margin: 0 0 10px 0;
}
.imgright, 
.alignright {
	float: right;
	padding: 0 0 0 14px;
}
.alignleft {
	float: left;
	padding: 0 14px 0 0;
}
.textwidget {
	text-align: left;
}
.twoimgs {
	width: 531px;
	float: left;
	margin: 0 0 18px 0;
}
.twoimgsleft {
	float: left;
}
.twoimgsright {
	float: right;
}
.postset {
	float: left;
	padding: 11px 14px 0 14px;
	width: 545px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 517px;
}
.postset ul {
	width: 517px;
}
.postset2 {
	width: 117px;
	float: left;
	text-align: center;
}
.postset1, 
.postset3 {
	width: 200px;
	float: left;
	text-align: left;
}
.postset3 {
	text-align: right;
}

/* 3.5 Side Area */

.box {
	width: 225px;
	float: left;
	text-align: center;
	border-top: 3px solid #000;
	margin: 0 0 19px 0;
	padding: 0 0 8px 0;
	background: url(grafik/dot.gif) left bottom repeat-x #fff;
}
.box h2 {
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 6px 0;
	padding: 6px 0 8px 14px;
	background: url(grafik/dot.gif) left bottom repeat-x;
}
.box p {
	text-align: left;
	padding: 0 14px;
}
#search {
	margin: 18px 0 11px 0;
	padding: 0 0 0 13px;
	text-align: left;
}
#searchfield {
	border: none;
	background: url(grafik/searchfield.gif) left top no-repeat;
	margin: 0 5px 0 0;
	padding: 2px 10px 0 10px;
	width: 143px;
	height: 19px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 123px;
	height: 17px;
}
.searchbutton {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}
.mygallery {
	padding: 0 0 0 6px;
}
.mygallery img {
	float: left;
	margin: 0 1px 1px 0;
}

/* 3.6 Post */

.post {
	float: left;
	padding: 17px 14px 17px 14px;
	width: 545px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 517px;
}
.wp-caption {
	font-size: 10px;
	color: #999;
}
.post h2 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 5px 0;
	color: #aa9f89;
}
.post h3 {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 12px 0;
}
.topstory p, 
.listcontent p, 
.post p {
	margin: 0 0 15px 0;
}
.post a {
	text-decoration: underline;
}
.post a:hover {
	color: #993366;
}
.post a:visited {
	color: #666;
}
.post ul, 
.post ol {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
}
.post li {
	list-style: disc outside;
}
.comments {
	width: 545px;
	float: left;
}
.commentsstroke {
	width: 545px;
	height: 12px;
	background: url(grafik/dot.gif) left bottom repeat-x;
}
.comments h3 {
	font-size: 12px;
	line-height: 12px;
	color: #aa9f89;
	margin: 0 0 6px 0;
	padding: 7px 0 8px 14px;
	background: url(grafik/dot.gif) left bottom repeat-x;
}
.comments ul {
	float: left;
	clear: both;
	background: url(grafik/dot.gif) left bottom repeat-x;
	padding: 20px 14px 0 14px;
	width: 545px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 517px;
}
.comments li {
	width: 545px;
	float: left;
	margin: 0 0 30px 0;
}
.userhead {
	width: 517px;
	float: left;
	clear: both;
	padding: 0 0 13px 0;
}
.userimg {
	width: 40px;
	height: 40px;
	float: left;
	margin: 0 10px 0 0;
	background: url(grafik/userimg.gif) left top no-repeat;
}
.comments h4 {
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 5px 0;
}
.comments .time {
	font-size: 10px;
	margin: 0px;
}
.message {
	width: 517px;
	float: left;
	border-top: 1px solid #e1e1e1;
	margin: 0px;
	padding: 8px 0 0 0;
}
#commentform {
	width: 545px;
	float: left;
	margin: 0 0 30px 0;
	background: url(grafik/dot.gif) left bottom repeat-x;
}
#commentform fieldset {
	float: left;
	padding: 17px 0 0 14px;
	width: 545px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 531px;
}
#commentform h3 {
	font-size: 14px;
	line-height: 14px;
	color: #aa9f89;
	margin: 0 0 6px 0;
	padding: 20px 0 0 14px;
	background: none;
}
#commentform p {
	margin: 0 0 14px 0;
}
.input30 {
	font: 12px/18px arial, helvetica;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #aa9f89;
	width: 239px;
	height: 26px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 233px;
	height: 20px;
}
#commentform textarea {
	font: 12px/18px arial, helvetica;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #aa9f89s;
	width: 517px;
	height: 96px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 511px;
	height: 90px;
}
#commentform p {
	width: 531px;
	float: left;
	font-size: 11px;
	line-height: 14px;
	color: #6b6b6b;
	margin: 0 0 10px 0;
}
#commentform label {
	width: 282px;
	float: right;
	font-size: 11px;
	line-height: 14px;
	color: #6b6b6b;
	padding: 6px 0 0 0;
}
.fbutton {
	margin: 0px;
}
.fbutton a {
	font-size: 11px;
	line-height: 16px;
	float: left;
	height: 17px;
	padding: 0 6px 0 0;
	color: #fff;
	background: url(grafik/more.png) right top no-repeat;
}
.fbutton span {
	float: left;
	height: 17px;
	padding: 0 3px 0 9px;
	background: url(grafik/more.png) left top no-repeat;
}

/* 
	*********************
	***** 4. Footer *****
	*********************
*/

#footer {
	height: 91px;
	margin: 40px 0 0 0;
	background: #363636;
}
#footer ul {
	position: relative;
	width: 784px;
	height: 91px;
	margin: 0 auto;
}
#footer li {
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	color: #ccc;
	padding: 7px 0 0 0;
	height: 73px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 66px;
}
#footer li a {
	color: #ccc;
	text-decoration: underline;
}
#footer .footer1 {
	position: absolute;
	top: 18px;
	left: 160px;
	background: url(grafik/footer.gif) left top no-repeat;
	padding: 7px 0 0 50px;
	width: 224px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 174px;
}
#footer .footer2 {
	position: absolute;
	top: 18px;
	left: 400px;
	width: 305px;
}
#footer .footer3 {
	position: absolute;
	top: 18px;
	left: 719px;
	width: 225px;
}
.cityfooter {
	padding: 10px 0 0 0;
	font-size: 11px;
}