/* Basics */

* {
	margin: 0;
	padding: 0;
	color: #000;
}

html {
	height: 100%;
}

body {
	font-size: 12px; /* 62.5% */
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	height: 100%;
	background: #ecddc5 url(img/background.jpg) no-repeat left top;
}

img {
	border: none;
}

ul {
	list-style-type: disc;
	margin-bottom: 15px;
}

li {
	margin: 0 0 5px 25px;
}

fieldset {
	border: none;
}

input,
textarea,
label {
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 1.2em; */
}

abbr {
	border: none;
}

.clear,
#footer {
	clear: both !important;
	display: block !important;
	height: 0 !important;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}


h2 {
	font-size: 19px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
}

h3 {
	/* AZ: Das noch ändern, ist nicht wirklich schön */
	font-size: 1.2em;
	color: #000;
	margin-bottom: .6em;
}


/* Facebook */

.fb-like {
	height: 25px;
	overflow: hidden;
}


/* Links */

a,
.jslink {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.jslink {
	cursor: pointer;
}

a:hover,
.jslink:hover {
	color: #000;
	text-decoration: underline;
}


/* Links - Buttons */

a.button {
	color: #fff;
	margin-top: 2px;
	font-size: 1.9em;
	font-weight: normal;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	text-transform: uppercase;
	padding-right: 20px;
	background: transparent url(img/link-button/blank.jpg) repeat-x top right;
}

a.button.arrowed {
	background: transparent url(img/link-button/arrowed.jpg) repeat-x top right;
}

a.button span {
	display: block;
	padding-left: 10px;
	background: transparent url(img/link-button/blank.jpg) no-repeat top right;
}

a.button.arrowed span {
	display: block;
	padding-left: 45px;
	background: transparent url(img/link-button/arrowed.jpg) no-repeat top left;
}

a.button:hover {
	text-decoration: none;
}

p {
	margin-bottom: 10px;
	line-height: 18px;
}

.main {
	margin-left: 25px;
	padding-bottom: 40px;
}


/* Forms */

fieldset li {
	margin-left: 0;
	list-style-type: none;
}

#comment-content, #user-description {
	width: 372px;
	height: 136px;
}

#user-description {
	height: 260px;
}

#writecomment form {
	margin-top: 1em;
}


/* Form Error */

span.error {
	color: #d00; /* Let's beautify this later... */
}


/* Header */

#header {
	width: 834px;
	height: 310px;
	position: relative;
	margin-bottom: 13px;
/*	overflow: hidden;*/
	background: url(img/keyvisual.jpg) no-repeat 0 85px;
}

#header a {
	font-weight: normal;
}

/* Main Navigation */

#main-navigation {
	position: absolute;
	top: 12px;
	left: 40px;
	width: 161px;
}

#main-navigation li a:hover {
	text-decoration: none;
}

#main-navigation h1 a.logo {
	display: block;
	width: 161px;
	height: 131px;
	background: transparent url(img/navigation/logo.png) no-repeat left top;
	text-indent: -9999px;

}

#main-navigation ul.navi {
	background: #246138 url(img/navigation/navigation-background.jpg) repeat-x left top;
	margin-bottom: 0;
	overflow: hidden;
	width: 159px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

#main-navigation ul.navi li,
#loginbox .loggedon ul li {
	color: #fff;
	list-style: none;
	text-transform: uppercase;
	margin: 0 0 3px 0;
	padding: 3px 0 0 20px;
	border-top: 1px solid #a8c19e;
}

#main-navigation ul.navi li a,
#loginbox .loggedon ul li a {
	color: #fff;
}

#main-navigation ul.navi li a:hover,
#main-navigation ul.navi li.active a,
#loginbox .loggedon ul li a:hover,
#loginbox .loggedon ul li.active a {
	font-weight: bold;
}


/* Login Box */

#loginbox {
	background: #1d5c32 url(img/navigation/login-background.png) repeat-x 0 0;
	border: #fff 1px solid;
	border-top: none;
	/* width: 159px; */
}

#loginbox ul {}

#loginbox ul li {
	list-style: none;
	padding: 3px 0 0 20px;
	margin: 0;
}

#loginbox label {
	text-transform: none;
	font-size: 10px;
	color: #fff;
}

#loginbox input#username,
#loginbox input#password {
	width: 117px;
	border: none;
	padding: 2px 3px;
}

#loginbox #fieldset-authorloginsubmit {
	padding: 15px 0 10px 83px;
}

#loginbox #fieldset-authorloginsubmit input {
	background: url(img/navigation/login-button.png) no-repeat center center;
	font-size: 10px;
	width: 60px;
	height: 16px;
	border: none;
	cursor: pointer;
}

#loginbox p.error {
	padding: 5px 20px;
	margin: 0;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	background: #a00;
}

#loginbox p.forgotten {
	font-size: 10px;
	padding: 0 20px;
	margin: -50px 0 30px 0;
}

#loginbox p.forgotten a {
	color: #fff;
}

#loginbox .loggedon {}

#loginbox .loggedon p.welcome {
	color: #003c23;
	margin: 0;
	padding: 5px 20px;
	font-weight: bold;
}

#loginbox .loggedon ul {
	margin-bottom: 0;
}

#loginbox .loggedon ul li {
	/*
	text-transform: uppercase;
	margin: 0 0 3px 0;
	padding: 3px 0 0 20px;
	border-top: 1px solid #a8c19e;
	*/
}


/* Meta Navigation */
#keyvisual ul {
	position: absolute;
	top: 15px;
	right: 0;
	margin: 0;
}

#keyvisual li {
	float: left;
	display: inline;
	margin: 0 0 0 14px;
	height: 9px;
	font-size: 9px;
}

#keyvisual a {
	color: #666;
}

#keyvisual a:hover {
	color: #000;
}

/* Content areas */

.left-content {
	float: left;
	width: 230px;
}

.main-content {
	float: left;
	width: 375px;
}

.layout-2cols .main-content {
	width: 602px;
}

.right-content {
	float: left;
	width: 211px;
	margin-left: 16px;
}

.layout-2cols .right-content {
	display: none;
}

img.framed {
	border: #003c23 1px dotted;
	padding: 2px;
}


/* Blog */

.blogentries .entry {
	margin-bottom: 26px;
}

.blogentries .entry h2 {
	color: #000;
	border: #555 1px dotted;
	border-left: none;
	border-right: none;
	padding: 3px 2px 1px 2px;
}

.blogentries .entry h2 a {
	color: #000;
	font-weight: normal;
}

.blogentries .entry h2 a:hover {
	color: #666;
	text-decoration: none;
}

.blogentries .entry .meta {
	font-size: 10px;
	border: #555 1px dotted;
	border-left: none;
	border-right: none;
	height: 16px;
	overflow: hidden;
	line-height: 12px;
	margin-top: 15px;
}

.blogentries .entry .meta .author {
	width: 267px;
	float: left;
	padding: 2px;
	height: 12px;
}

.blogentries .entry .meta .commentlink {
	width: auto;
	padding: 2px 5px;
	float: right;
	background: #396b3b;
	height: 12px;
}

.blogentries .entry .meta .commentlink a {
	color: #fff;
}

.blogentry #comments {
	margin-top: 20px;
}

.blogentry #comments h3 {
	font-size: 19px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;

}

.blogentry #comments .comment {
	margin-bottom: 15px;
}

.blogentry #comments .comment .avatar {
	width: 50px;
	margin-right: 15px;
	background: #eee;
	float: left;
}

.blogentry #comments .comment .text {
	width: 310px;
	float: left;
}

.blogentry #comments .comment .text .author {
	font-weight: bold;
}

.blogentry #comments .comment .text .image {
	width: 310px;
	overflow: hidden;
	margin-bottom: 10px;
}

.blogentry #comments .comment .text .content {
	/* font-style: italic; */
	overflow: hidden;
}

.blogentry #comments .comment .text .time {
	font-size: 10px;
}

.blogentry #comments .comment .text .time a {
	float: right;
}

.comment-rating {
	margin-bottom: 10px;
	color: #004b22;
	height: 35px;
}

.comment-rating a {
	display: inline-block;
	line-height: 25px;
	padding-left: 25px;
	margin-right: 10px;
	color: #000;
}

.comment-rating a:hover {
	text-decoration: none;
}

.comment-rating a.up {
	background: transparent url(img/icons/thumbsUP.png) no-repeat left top;
}

.comment-rating a.down {
	background: transparent url(img/icons/thumbsDOWN.png) no-repeat left top;
}


/* Teilnehmerliste */

div#userlist {
	margin: 0;
}

div#userlist div.item {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 4px 4px 0;
	position: relative;
	z-index: 0;
	background: #eee;
}

div#userlist div.item.clear {
	clear: left;
}

div#userlist div.item .over {
	display: none;
	position: absolute;
	left: -57px;
	top: -57px;
	width: 243px;
	height: 163px;
	background: url(img/userlist/mouseovershadow.png) no-repeat top left;
}

div#userlist div.item .over img {
	margin: 25px 0 0 25px;
}


div#userlist div.item .over .description {
	position: absolute;
	left: 143px;
	top: 25px;
	width: 75px;
	overflow: hidden;
	/* height: auto; */
	/* background: #faa; */
}


/* User Profile */

#profile .block {
	border-top: #000 1px dotted;
	border-bottom: #000 1px dotted;
	margin: 0 0 9px 0;
	padding: 20px 0 20px 0;
}

#profile #profilepic {
	margin-bottom: 25px;
}

#profile #aboutme.block {
	border-top: none;
	padding-top: 0;
}

#profile #images.block {
	border-bottom: none;
	padding-bottom: 0;
}


/* Sidebar Widgets */

.widget {
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%;
}

.widget h4 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	color: #666;
	border: #555 1px dotted;
	border-left: none;
	border-right: none;
	padding: 1px 2px 0px 2px;
	margin-bottom: 5px;
}

.widget ul.defaultlist {
	list-style-type: none;
	margin: 0;
}

.widget ul.defaultlist li {
	margin: 8px 0 0 0;
	font-size: 10px;
	line-height: 14px;
}

.widget ul.defaultlist p {
	margin: 0;
}

.widget-teilnehmer .userlist {
	width: 212px;
}

.widget-teilnehmer .userlist .item {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 4px 4px 0;
}

.widget-teilnehmer .userlist .item-right {
	margin-right: 0;
}

.widget-genussorte img {
	margin-bottom: 5px;
}

.widget-rss {
	font-size: 11px;
}

.widget-rss img {
	float: left;
	margin-right: 5px;
}

.widget-rss .rss-links {
	margin-top: -2px;
	display: block;
	float: left;
}

.widget-rss .rss-abo {
	display: inline-block;
	margin-bottom: 2px;
}

.widget-sb li {
	margin-left: 0;
	margin-right: 3px;
	list-style-type: none;
	float: left;
}

.widget-links li {
	margin-left: 0;
	list-style: none;
}

.widget-email {
	margin-bottom: 30px;
}

.widget-email label {
	display: inline-block;
	width: 50px;
	font-weight: bold;
}

.widget-pi {
}

.widget-username {
	text-align: right;
}

.widget-username span {
	float: left;
	font-weight: bold;
}

.widget-categories li {
	list-style: none;
	margin-left: 0;
}

.widget-search .search-button {
	width: 179px;
	padding: 2px 3px;
}

.widget-search .search-options {
	margin-top: 5px;
	border: 1px solid blue;
	overflow: hidden;
}

.widget-search .search-options input {
	float: left;
	margin-right: 5px;
	width: 14px;
	height: 14px;
}

.widget-search .search-options span {
	float: left;
	width: 180px;
	border: 1px solid red;
}

.widget-search #search-help-text {
	display: none;
}

/* Map */

#map_canvas {
	width: 100%;
	height: 560px;
}

.bubble {
	width: 300px;
	height: 65px;
}

.bubble-edit {
	height: 115px;
}

.bubble .avatar {
	width: 50px;
	margin-right: 10px;
	float: left;
}

.bubble .avatar img {
	width: 50px;
	height: 50px;
}

.bubble .description {
	width: 240px;
	float: left;
}

.bubble .description p.username {
	font-size: 10px;
	margin: 0 0 3px 0;
}

.bubble-edit .description p.username {
	padding-left: 2px;
}

.bubble .description p.text {
	font-weight: bold;
	margin: 0;
}

.bubble-edit .description fieldset {
	border: none;
}

.bubble-edit .description fieldset legend {
	font-size: 11px;
	padding: 0 0 3px 2px;
}

.bubble-edit .description fieldset textarea {
	border: #f0f0f0 1px solid;
	background: #ffa;
	width: 230px;
	height: 48px;
	padding: 2px;
	font-weight: bold;
	margin-bottom: 10px;
}

.bubble-edit .description fieldset button {
	font-size: 11px;
	padding: 3px 4px;
	margin-right: 10px;
}

.bubble-edit .jslink {
	font-weight: normal;
}

.map_buttons {
	text-align: right;
}

.map_buttons button#addlocation {
	border: none;
	background: transparent url(img/map/button_hinzufuegen.png) no-repeat 0 0;
	width: 144px;
	height: 61px;
	text-indent: -9999px;
	cursor: pointer;
}

.maplink {
	margin: 4px 0;
}

.maplink img {
	cursor: pointer;
}

.map_description {
	margin-top: 2em;
}

#poll-container {
	/*width: 250px;*/
}

#poll-container h3 {
	color: #cc0000;
	font-size: 15px;
	font-weight: 300;
	margin-top: 5px;
	padding: 5px;
	padding-left: 0;
	text-align: left;
}

#poll-container p {
	color: black;
	line-height: 20px;
	padding: 5px;
}

#poll-container .graph {
	width: 250px;
	position: relative;
	right: 30px;
}

#poll-container .bar-title {
	position: relative;
	float: left;
	width: 104px;
	line-height: 20px;
	margin-right: 17px;
	font-weight: bold;
	text-align: right;
}

#poll-container .bar-container {
	position: relative;
	float: left;
	width: 110px;
	height: 10px;
	margin: 0px 0px 15px;
}

#poll-container .bar-container div {
	background-color:#cc4400;
	height: 20px;
}

#poll-container .bar-container strong {
	position: absolute;
	right: -32px;
	top: 0px;
	overflow: hidden;
}

#poll-container #poll-results p {
	text-align: center;
}

#skyscraper {
	margin-left: 41px;
}