/**
* Kulturförderverein Stud e.V.
* 
* Default stylesheet for the website of Kulturförderverein Stud e.V. 
* 
* @project Kulturförderverein Stud e.V.
* @version 2.0
* @author Nico Wiedemann
* @copyright 2009
*
* @colordef #650000 main color (darkred)
* @colordef #656565 color 1 (darkgray)
* @colordef #c5c5c5 color 2 (mediumgray)
* @colordef #e7e7e7 color 3 (lightgray)
* @colordef #000000 text (black)
*/

/**
* @section Imports
*/
@import url(http://yui.yahooapis.com/2.2.2/build/reset/reset-min.css);
/*@import url(/css/fonts64.css);*/

/**
* @section Layout
*/
body
{
	background: #e7e7e7 url(/img/layout/bodyBg.png) center repeat-y;
}
div.center
{
	margin: 0px auto;
	width: 906px;
}
div#content
{
	padding: 200px 45px 30px 45px;
}
div#header
{
	background-color: #c5c5c5;
	background-color: rgba(197, 197, 197, 0.95);
	border-bottom: solid 3px #656565;
	height: 183px;
	overflow: visible;
	position: absolute;
		top: 0px;
		right: 0px;
		left: 0px;
	z-index: 100;
}
div#header.pinned
{
	position: fixed;
}
div#header div.center
{
	padding: 20px 45px 20px 45px;
	position: relative;
}
div#header ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
		top: 0px;
		bottom: 0px;
		left: 285px;
}
div#header ul li
{
	float: left;
	height: 163px;
	overflow: hidden;
	width: 35px;
}
div#header ul li.active
{
	background: transparent url(/img/layout/marker.png) bottom center no-repeat;
}
div#header ul li a:link,
div#header ul li a:visited
{
	background-color: transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	height: 139px;
	width: 35px;
}
div#header ul li a:hover,
div#header ul li a:focus
{
	background-position: center bottom;
}
div#header ul li a:active,
div#header ul li.active a:link,
div#header ul li.active a:visited,
div#header ul li.active a:hover,
div#header ul li.active a:focus
{
	background-position: right bottom;
}
div#header div h2
{
	color: #656565;
	font-family: Delicious Heavy, DeliciousHeavyEmbed, Arial Black, sans-serif;
	font-size: 15px;
	position: absolute;
		right: 0px;
		bottom: 0px;
		left: 0px;
	text-align: center;
	white-space: nowrap;
}
div#header div#opening
{
	color: #656565;
	font-size: 15px;
	padding-bottom: 22px;
	position: absolute;
		right: 200px;
		bottom: 20px;
	text-align: right;
}
div#header div#opening strong
{
	font-weight: bold;
}
div#header div#opening em
{
	color: #650000;
	font-weight: bold;
}
div#header div#teaser
{
	height: 142px;
	padding: 5px 10px;
	position: absolute;
		right: 20px;
		bottom: 20px;
	width: 120px;
}
div#header div#teaser.eventTeaser
{
	background: transparent url(/img/layout/teaserBg.png) left 0px no-repeat;
}
div#header div#teaser:hover,
div#header div#teaser:focus
{
	background-position: right 0px;
}
div#header div#teaser img
{
	display: block;
	margin: 2px auto;
}
div#header div#teaser:hover h2,
div#header div#teaser:focus h2
{
	color: #650000;
}
div#header a#slider:link,
div#header a#slider:visited
{
	background: transparent url(/img/layout/slider.png) 0px 0px no-repeat;
	cursor: pointer;
	height: 24px;
	overflow: hidden;
	position: absolute;
		bottom: 5px;
		right: -35px;
	width: 30px;
}
div#header a#slider:hover,
div#header a#slider:focus,
div#header a#slider:active
{
	background-position: 0px -24px;
}
div#header a#slider.minimized:link,
div#header a#slider.minimized:visited
{
	background-position: -30px 0px;
}
div#header a#slider.minimized:hover,
div#header a#slider.minimized:focus,
div#header a#slider.minimized:active
{
	background-position: -30px -24px;
}
div#header a#pinner:link,
div#header a#pinner:visited
{
	background: transparent url(/img/layout/slider.png) -60px 0px no-repeat;
	cursor: pointer;
	height: 24px;
	overflow: hidden;
	position: absolute;
		bottom: 29px;
		right: -35px;
	width: 30px;
}
div#header a#pinner:hover,
div#header a#pinner:focus,
div#header a#pinner:active
{
	background-position: -60px -24px;
}
div#header.pinned a#pinner:link,
div#header.pinned a#pinner:visited
{
	background-position: -90px 0px;
}
div#header.pinned a#pinner:hover,
div#header.pinned a#pinner:focus,
div#header.pinned a#pinner:active
{
	background-position: -90px -24px;
}
#navInfo {
	display: inline;
	float: right;
}

/**
* @section Basic elements
*/
.fairy {
	display: inline;
	position: fixed;
		top: -1000px;
}
.error
{
	background: transparent url(/img/layout/error.png) top left no-repeat;
	color: #650000;
	font-family: monospace;
	min-height: 100px;
	padding-left: 120px;
}
.hidden
{
	display: none;
}
.clear
{
	clear: both;
}
br.clear
{
	height: 0px;
	line-height: 0px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
body
{
	font-family: Delicious, DeliciousEmbed, Arial, Tahoma, Helvetica, sans-serif;
}
a,
a:link
{
    color: #650000;
    font-weight: bold;
    text-decoration: underline;
}
a:visited
{
    color: #650000; 
}
a:hover,
a:focus,
a:active
{
    color: #656565;
}
div#content h1 a,
div#content h2 a,
div#content h3 a,
div#content h4 a,
div#content h5 a,
div#content h6 a {
	background-image: none!important;
	font-weight: inherit!important;
	padding-left: 0!important;
	text-decoration: none;
}
div#content
{
	font-size: 17px;
	line-height: 1.35em;
}
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6
{
	clear: left;
	color: #650000; 
	font-family: Delicious Heavy, DeliciousHeavyEmbed, Arial Black, sans-serif;
	font-weight: normal;
	margin-top: 1.2em;
	margin-bottom: 0.6em;
}
div#content > :first-child
{
	margin-top: 0px;
}
div#content h1
{
	border-bottom: solid #650000 6px;
	display: inline;
	font-family: Impact, ImpactEmbed, Delicious Heavy, DeliciousHeavyEmbed, Arial Black, Tahoma, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 2.5em;
	margin-left: -45px;
	padding-left: 45px;
	padding-bottom: 0px;
	padding-right: 5px;
}
div#content h2
{
    font-size: 24px;
}
div#content h3
{
    font-size: 20px;
}
div#content h4
{
    font-size: 16px;
}
div#content p,
div#content ul,
div#content ol
{
	margin-top: 0.3em;
	margin-bottom: 0.6em;
}
div#content a.no:link,
div#content a.no:visited,
div#content a.no:hover,
div#content a.no:focus,
div#content a.no:active,
div#content a.none:link,
div#content a.none:visited,
div#content a.none:hover,
div#content a.none:focus,
div#content a.none:active
{
	background: inherit;
	color: inherit;
	font-weight: inherit;
	padding-left: 0px;
}
div#content a:link
{
	background: transparent url(/img/layout/linkIcon.png) 0px -56px no-repeat;
	padding-left: 15px;
}
div#content a:visited
{
    background: transparent url(/img/layout/linkIcon.png) 0px -56px no-repeat;
    padding-left: 15px;
}
div#content a:hover,
div#content a:focus,
div#content a:active
{
    background: transparent url(/img/layout/linkIcon.png) 0px 4px no-repeat;
    padding-left: 15px;
}
div#content a.lightbox:link,
div#content a.lightbox:visited,
div#content a.lightbox:hover,
div#content a.lightbox:focus,
div#content a.lightbox:active
{
	background: none;
	padding-left: 0px;
}
div#content a.back
{
    background-image: url(/img/layout/backIcon.png);
}
div#content a.email
{
    background-image: url(/img/layout/emailIcon.png);
}
div#content a.document,
div#content a[type$=pdf]
{
    background-image: url(/img/layout/docIcon.png);
}
div#content a.archive,
div#content a[type$=zip]
div#content a[type$=rar]
{
    background-image: url(/img/layout/archiveIcon.png);
}
div#content a.audio,
div#content a[type$=mp3]
div#content a[type$=wav]
{
    background-image: url(/img/layout/audioIcon.png);
}
div#content a.video,
div#content a[type$=mpeg]
div#content a[type$=avi]
div#content a[type$=flv]
{
    background-image: url(/img/layout/videoIcon.png);
}
div#content a.person
{
    background-image: url(/img/layout/personIcon.png);
    padding-left: 17px;
}
div#content a.event,
div#content a[href^="http://stud-offenburg.de/events"],
div#content a[href^="http://www.stud-offenburg.de/events"]
{
    background-image: url(/img/layout/eventIcon.png);
    padding-left: 17px;
}
div#content a.up
{
    background-image: url(/img/layout/upIcon.png);
}
div#content a.down
{
	background-image: url(/img/layout/downIcon.png);
}
div#content a.add
{
    background-image: url(/img/layout/addIcon.png);
}
div#content a.remove
{
    background-image: url(/img/layout/removeIcon.png);
}
div#content a.facebook,
div#content a[href^="http://facebook.com/"],
div#content a[href^="http://www.facebook.com/"],
div#content a[href^="http://de-de.facebook.com/"],
div#content a[href^="https://facebook.com/"],
div#content a[href^="https://www.facebook.com/"],
div#content a[href^="https://de-de.facebook.com/"]
{
    background-image: url(/img/layout/fbIcon.png);
}    
div#content a.twitter,
div#content a[href^="http://twitter.com/"],
div#content a[href^="http://www.twitter.com/"],
div#content a[href^="https://twitter.com/"],
div#content a[href^="https://www.twitter.com/"]
{
    background-image: url(/img/layout/twitIcon.png);
} 
div#content a.myspace,
div#content a[href^="http://myspace.com/"],
div#content a[href^="http://www.myspace.com/"],
div#content a[href^="https://myspace.com/"],
div#content a[href^="https://www.myspace.com/"]
{
    background-image: url(/img/layout/myspaceIcon.png);
}   
div#content a.youtube,
div#content a[href^="http://youtube.com/"],
div#content a[href^="http://www.youtube.com/"],
div#content a[href^="https://youtube.com/"],
div#content a[href^="https://www.youtube.com/"]
{
    background-image: url(/img/layout/ytIcon.png);
}
div#content a.cc,
div#content a[href^="http://creativecommons.org/"],
div#content a[href^="http://www.creativecommons.org/"],
div#content a[href^="https://creativecommons.org/"],
div#content a[href^="https://www.creativecommons.org/"]
{
    background-image: url(/img/layout/ccIcon.png);
	padding-left: 17px;
}
div#content a.soundcloud,
div#content a[href^="http://soundcloud.com/"],
div#content a[href^="http://www.soundcloud.com/"],
div#content a[href^="https://soundcloud.com/"],
div#content a[href^="https://www.soundcloud.com/"]
{
    background-image: url(/img/layout/soundcloudIcon.png);
	padding-left: 17px;
}
div#content strong,
div#content b
{
	color: #650000;
	font-weight: bold;
}
div#content em,
div#content i
{
    font-style: italic;
}
div#content u
{
    text-decoration: underline;
}
div#content abbr
{
	border-bottom: 1px dashed #656565;
}
div#content ul
{
    list-style: disc;
    margin-left: 2em;
    margin-right: 2em;
}
div#content ul.links
{
    list-style: none;
    margin-left: 1em;
}
div#content ol
{
    list-style: decimal;
    margin-left: 2.6em;
    margin-right: 2em;
}
div#content li
{
	margin: 0.2em 0em;
}
div#content img,
div#content img[align=center]
{
	display: block;
    margin: 0.5em auto;
}
div#content img.left,
div#content img[align=left]
{
    display: inline;
	float: left;
    margin: 0.1em 0.5em;
}
div#content img.right,
div#content img[align=right]
{
    display: inline;
    float: right;
    margin: 0.1em 0.5em;
}
div#content a img,
div#content a:link img
{
	border: solid 2px #656565;
}
div#content a:visited img
{
    border-color: #656565;
}
div#content a:hover img,
div#content a:focus img,
div#content a:active img
{
    border-color: #650000;
}
div#content ul#yearlist
{
	clear: both;
}
div#content ul#yearlist li
{
	display: inline;
	list-style: none;
	padding-right: 0.4em;
}
div#content ul li p.dateLine
{
	font-size: 0.9em;
	font-weight: bold;
	margin-top: -0.6em;
}

div#content dl dt
{
	clear: left;
	color: #656565;
	float: left;
	font-size: 0.8em;
	font-variant: small-caps;
	margin-right: 1em;
	width: 14em;
}
div#content dl dl
{
	clear: left;
	margin-left: 2em;
}
/**
* @section Homepage
*/

#sidebar {
	float: right;
	font-size: 0.9em;
	line-height: 1.2;
	margin-left: 20px;
	padding-top: 8px;
	width: 250px;
}
#sidebar h2 {
	margin-bottom: 0.3em!important;
}
#sidebar a#up, #sidebar a#up:link, #sidebar a#up:visited,
#sidebar a#down, #sidebar a#down:link, #sidebar a#down:visited {
	background-color: transparent;
	background-position: top center;
	display: block;
	height: 10px;
	margin: 2px 0px;
	overflow: hidden;
}
#sidebar a#up:hover, #sidebar a#up:focus,
#sidebar a#down:hover, #sidebar a#down:focus {
	background-position: center center;
}
#sidebar a#up:active, #sidebar a#down:active {
	background-position: bottom center;
}
#sidebar a#up {
	background-image: url(/img/layout/eventUp.png);
}
#sidebar a#down {
	background-image: url(/img/layout/eventDown.png);
}
#sidebar #events {
	height: 250px;
	margin: 0px;
	overflow: hidden;
}
#sidebar #events li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#sidebar #events li a {
	background: transparent;
	display: block;
	height: 250px;
	overflow: hidden;
	padding: 0px;
	position: relative;
}
#sidebar #events li a h3 {
	margin: 0px;
	text-indent: -150px;
	padding-left: 150px;
	position: absolute;
		top: 5px;
		left: 0px;
		right: 0px;
}
#sidebar #events li a img {
	border: none;
	position: absolute;
		top: 25px;
		left: 0px;
}
#sidebar #events li a span.date {
	color: #656565!important;
	position: absolute;
		bottom: 15px;
		left: 150px;
		right: 0px;
}
#sidebar #events li div.homeRadio {
	height: 60px;
	overflow: hidden;
	position: absolute;
		right: 30px;
		bottom: 90px;
	width: 70px;
}

#sidebar a.button,
#sidebar a.button:link,
#sidebar a.button:visited {
	display: block;
	background-color: transparent;
	background-position: 2px 0px;
	background-repeat: no-repeat;
	min-height: 21px;
	margin: 10px 13px;
	overflow: visible;
	padding: 12px 5px 8px 40px;	
}
#sidebar a.button:hover,
#sidebar a.button:focus,
#sidebar a.button:active
{
	background-position: -297px 0px;
}
#sidebar a#twitter {
	background-image: url(/img/layout/twitter.png);
}
#sidebar a#twitter:hover, #sidebar a#twitter:active, #sidebar a#twitter:focus {
	color: #32cbff;
}
#sidebar a#facebook {
	background-image: url(/img/layout/facebook.png);
}
#sidebar a#facebook:hover, #sidebar a#facebook:active, #sidebar a#facebook:focus {
	color: #155098;
}

ul#twitterBar
{
	float: right;
	font-size: 0.9em;
	line-height: 1.2em;
	list-style: none;
	padding-top: 70px;
	width: 250px;
}
ul#twitterBar #follow
{
	background: transparent url(/img/layout/twitter.png) 2px 0px no-repeat;
	list-style: none;
	height: 41px;
	margin-top: -48px;
	margin-bottom: 20px;
	margin-left: 5px;
	overflow: visible;
}
ul#twitterBar #follow:hover,
ul#twitterBar #follow:focus	
{
	background-position: -297px 0px;
}
ul#twitterBar #follow a:link,
ul#twitterBar #follow a:visited
{
	background-position: 40px 15px;
	display: block;
	height: 28px;
	padding-top: 12px;
	padding-left: 55px;
	width: 167px;
}
ul#twitterBar #follow a:hover,
ul#twitterBar #follow a:focus,
ul#twitterBar #follow a:active
{
	background-position: 40px -45px;
}
ul#twitterBar .tweet
{
	clear: left;
	list-style: none;
	margin-bottom: 1.0em;
	padding-left: 70px;
	text-indent: -17px;
}
ul#twitterBar .tweet.stud
{
	border-top: solid 2px #650000;
	border-bottom: solid 2px #650000;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 70px;
	margin-right: -70px;
}
ul#twitterBar .tweet.stud + ul#twitterBar .tweet.stud
{
	border-top-width: 0px;
}
ul#twitterBar .tweet img
{
	float: left;
	height: 48px;
	margin-left: -70px;
	width: 48px;
}
ul#twitterBar .tweet span
{
	font-size: 0.9em;
}
/**
* @section Forms
*/
form input,
form textarea,
form select,
form div.richtext
{
	float: left;
	position: relative;
	   top: 2px;
}
form div.richtext {
	margin-bottom: 4px;
}
form input[disabled],
form textarea[disabled],
form select[disabled] {
	color: #656565;
}
form input[readonly],
form textarea[readonly],
form select[readonly] {
	border: solid 1px #ffffff;
}
form textarea.richtext
{
	clear: none!important;
	height: 300px;
    width: 45em;
}
form label
{
    clear: left;
	color: #656565;
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    padding-right: 0.5em;
    text-align: right;
	width: 9.5em;
}
form label.radio,
form label.check
{
	clear: none;
	color: #000000;
    font-weight: normal;
	margin-right: 1em;
    text-align: left;
    width: auto;
}
form label.radio input,
form label.check input
{
	left: 0px;
	padding-left: 14px;
}
form label.error
{
    clear: left;
	color: #650000;
    float: left;
    font-family: Delicious, DeliciousEmbed, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 0.8em;
    padding-top: 2.5em;
    text-align: left;
	width: 100%;
}
form label input
{
	top: 4px;
	left: 11em;
}
form + *
{
	clear: both;
	padding-top: 1em;
}
/**
* @section Events
*/
ul#events li.event
{
	background: transparent url(/img/layout/eventBg.png) left 0px no-repeat;
	list-style: none;
	margin: 1em 0px;
	min-height: 220px;
	overflow: hidden;
	padding-left: 200px;
	position: relative;
}
ul#events li.event:hover,
ul#events li.event:focus
{
	background-position: left -682px;
}
ul#events li.event h2
{
	margin-top: 0em;
}
ul#events li.event img
{
	border: none!important;
	position: absolute;
		top: 0px;
		left: 9px;
}
ul#events li.event p.eventGallery
{
	font-size: 0.9em;
	font-weight: bold;
}
ul#events li.event ul li
{
	display: inline;
	list-style: none;
	padding-right: 0.8em;
}
ul#events li.event div.eventRadio
{
	height: 60px;
	position: absolute;
		top: 0px;
		right: 0px;
	width: 250px;
}
ul#events li.event.radio h2,
ul#events li.event.radio p.dateLine {
	width: 380px;
}

ul#events li.event ul.social {
	margin: 0;
	padding: 0;
	padding-top: 25px;
	position: absolute;
		left: 160px;
		top: 100px;
}
ul#events li.event ul.social li {
	display: block;
	height: 25px;
	margin: 3px 0px; 
	padding: 0;
	width: 25px;
}
ul#events li.event ul.social a {
	background-color: transparent;
	background-image: url(/img/layout/social.png);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	margin: 0;
	padding: 0;
	width: 25px;
}
ul#events li.event ul.social a.facebook,
ul#events li.event ul.social a.facebook:link,
ul#events li.event ul.social a.facebook:visited {
	background-position: left top;
}
ul#events li.event ul.social a.facebook:hover,
ul#events li.event ul.social a.facebook:focus,
ul#events li.event ul.social a.facebook:active {
	background-position: left bottom;
}
ul#events li.event ul.social a.twitter,
ul#events li.event ul.social a.twitter:link,
ul#events li.event ul.social a.twitter:visited {
	background-position: center top;
}
ul#events li.event ul.social a.twitter:hover,
ul#events li.event ul.social a.twitter:focus,
ul#events li.event ul.social a.twitter:active {
	background-position: center bottom;
}
ul#events li.event ul.social a.qrcode,
ul#events li.event ul.social a.qrcode:link,
ul#events li.event ul.social a.qrcode:visited {
	background-position: right top;
}
ul#events li.event ul.social a.qrcode:hover,
ul#events li.event ul.social a.qrcode:focus,
ul#events li.event ul.social a.qrcode:active {
	background-position: right bottom;
}

/**
* @section Articles
*/
ul#articles li.article
{
	background: transparent url(/img/layout/articleBg.png) 6px 5px no-repeat;
	list-style: none;
	margin: 2em 0px;
	min-height: 100px;
	overflow: hidden;
	padding-left: 160px;
	position: relative;
}
ul#articles li.article h2
{
	margin-top: 0em;
}
ul#articles li.article span.headliner
{
	color: #858585;
	font-size: 10px;
	font-weight: bold;
	line-height: 0.8em;
	position: absolute;
		top: 10px;
		left: 19px;
	text-align: center;
	user-select: none;
	width: 100px;
}
ul#articles li.article span.headliner::selection {
	background: none;
	color: #858585;
}
div#fulltext {
  column-count: 2;
  column-gap: 2em;
  margin-bottom: 2em!important;
}
div#fulltext h1, div#fulltext h2, div#fulltext h3 {
  column-span: all;
}
div#fulltext .article-intro, div#fulltext .article-city {
  font-weight: bold;
}
div#fulltext .article-author {
  border-bottom: #808080 dotted 1px;
  font-variant: small-caps;
}
div#fulltext .article-author-after {
  font-variant: small-caps;
  font-weight: bold;
  text-align: right;
}
div#fulltext .article-question {
  font-weight: bold;
  margin-top: 1.2em;
}
div#fulltext .article-name {
  font-variant: small-caps;
  font-weight: bold;
}
div#fulltext .article-box {
  background-color: #e7e7e7;
  border: double #000000 3px;
  margin: 1em;
  padding: 0.5em 1em;
}
div#fulltext .article-box h1, div#fulltext .article-box h2, div#fulltext .article-box h3 {
  column-span: inherit;
}
div#fulltext .article-box :first-child {
  margin-top: 0.5em;
}

/**
* @section Gallery
*/
ul#galleries li.gallery
{
	list-style: none;
	margin: 2em 0px;
	height: 120px;
	padding-left: 140px;
	position: relative;
}
ul#galleries li.gallery a.galleryPreview
{
	background-image: none;
	height: 120px;
	padding-left: 0px;
	position: absolute;
		top: 0px;
		left: 0px;
	width: 120px;
}
ul#galleries li.gallery a.galleryPreview img
{
	border: solid #650000 2px;
	position: absolute;
		top: -9px;
		left: 0px;
}
ul#galleries li.gallery h2
{
	border-bottom: solid #650000 3px;
	display: inline;
	line-height: 2.5em;
	margin-top: 0em;
	margin-left: -80px;
	padding-left: 80px;
}
ul#galleryOverview li.image
{
	float: left;
	height: 120px;
	list-style: none;
	margin: 10px 20px;
	width: 120px;
}
ul#galleryOverview li.image a
{
	background-image: none;
	height: 120px;
	padding-left: 0px;
	width: 120px;
}
ul#galleryOverview li.image a img
{
	border: none;
	padding: 2px 3px;
}
ul#galleryOverview li.image a img.commented
{
	background-color: #e7e7e7;
	border: solid 3px #656565;
}
ul#galleryOverview li.image a img.active
{
	background-color: #e7e7e7;
	border: solid 3px #650000;
}
ul#galleryOverview li.image a img.commented.active
{
	background-color: #e7e7e7;
	border-top-color: #650000;
	border-bottom-color: #656565;
	border-right-color: #656565;
	border-left-color: #650000;
}
div#mainImage {
	position: relative;
}
div#content div#mainImage a {
	background: none;
	/*background-color: rgba(255,255,255,0.3);
	border-radius: 5px;*/
	color: #ffffff;
	display: none;
	font-size: 3em;
	opacity: 0.0;
	padding: 20px;
	position: absolute;
		top: 20px;
		bottom: 20px;
	text-decoration: none;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	width: 25%;
}
div#mainImage a#prevImage {
	text-align: left;
	left: 15px;
}
div#mainImage a#nextImage {
	text-align: right;
	right: 15px;
}
div#content div#mainImage a span.inner {
	background-color: #656565;
	border-radius: 15px;
	padding: 10px 25px;
}
div#content div#mainImage a#prevImage span.inner {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-left: -80px;
	padding-left: 90px;
}
div#content div#mainImage a#nextImage span.inner {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-right: -74px;
	padding-right: 90px;
}
div#content div#mainImage a:hover span.inner,
div#content div#mainImage a:focus span.inner,
div#content div#mainImage a:active span.inner {
	background-color: #650000;
	background-color: rgba(101, 0, 0, 0.8);
}
div#content div#mainImage:hover a {
	display: block;
	opacity: 0.3;
}
div#content div#mainImage a:hover,
div#content div#mainImage a:focus,
div#content div#mainImage a:active {
	opacity: 1;
}
div#content ul#yearlist.imageSizes
{
	clear: none;
}
div#content dl#imageInfo
{
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.85);
	float: right;
	height: auto;
	position: relative;
	width: 38%;
}
div#content dl#imageInfo.minimized
{
	height: 3em;
	overflow: hidden;
}
div#content dl#imageInfo a.up,
div#content dl#imageInfo a.down
{
	overflow: hidden;
	position: absolute;
		top: 2px;
		right: 6px;
	width: 0px;
}
div#content dl#imageInfo dt
{
	width: 8em;
}
ul#comments li
{
	list-style: none;
	min-height: 80px;
	position: relative;
	padding-top: 10px;
	padding-left: 100px;
}
ul#comments li img.gravatar
{
	position: absolute;
		top: -10px;
		left: 0px;
}
form#comment
{
	position: relative;
}
form#comment label.error
{
	width: 40%;
}
form#comment #recaptcha_widget_div
{
	float: left;
}
form#comment img#gravatarPreview
{
	position: absolute;
		top: 170px;
		left: 54px;
}
form#comment input
{
	margin-bottom: 3px;
	width: 200px;
}
form#comment textarea
{
	height: 6em;
	margin-bottom: 5px;
	width: 400px;
}

/**
* @section Thekenplan
*/
table.calendar {
  border: solid 3px #650000;
  border-radius: 8px;
  border-collapse: separate;
  display: block;
  margin: 1em auto;
  padding: 2px;
}
table.calendar td {
  background-color: #f7f7f7;
  border: 1px solid #fff;
  padding: 6px 5px;
  height: 100px;
  position: relative;
  vertical-align: top;
  width: 120px;
}
table.calendar td.open a.day {
	background-image: none!important;
	color: inherit!important;
	display: block!important;
	font-weight: inherit!important;
	height: 100%!important;
	padding: 0!important;
	width: 100%!important;
}
table.calendar thead td {
  background-color: #656565;
  color: #fff;
  height: 20px;
  overflow: hidden;
  padding: 2px 3px;
}
table.calendar td span.event,
table.calendar td span.shift {
  display: block;
  font-size: 0.75em;
  line-height: 1;
  margin-bottom: 0.25em;
}
table.calendar td span.date {
  color: #c5c5c5;
  font-size: 48px;
  font-weight: bold;
  position: absolute;
    bottom: 18px;
    right: 2px;
}
table.calendar td.today span.date {
  color: #650000;
}
table.calendar td.open span.date {
  color: #656565;
}
table.calendar td.otherMonth {
  background-color: #e7e7e7;
}
table.calendar td.otherMonth span {
  color: #656565;
}
table.calendar td.otherMonth span.date {
  color: #fff;
}
div#content dl.shift dt,
div#content dl#worker dt {
	text-align: right;
	width: 120px;
}
div#content ul#shifts,
div#content ul#nextShifts,
div#content ul.shiftEvents {
	list-style: none;
	margin-left: 0px;
}
div#content ul#nextShifts li,
div#content ul.shiftEvents li {
	margin-left: 134px;
}

/**
* @section Angebot
*/
div#content ul.bdm {
	display: none;
	margin: 0px;
	padding: 0px;
}
div#content ul.bdm.current {
	display: block;
}
div#content li.bdm {
	background-color: #e7e7e7;
	border-radius: 8px;
	box-shadow: 1px 2px 1px 2px rgba(101, 101, 101, 0.15);
	display: block;
	float: left;
	height: 364px;
	list-style: none;
	margin: 1em 5px;
	overflow: hidden;
	padding: 8px 2px;
	text-align: center;
	width: 210px;
}
div#content li.bdm h3 {
	background-color: #c5c5c5;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #650000;
	font-weight: bold;
	margin: -8px -2px 0px -2px;
	padding: 14px 10px 10px 10px;
	text-align: left;
}

/**
 * @section Anfahrt
 */
#mapCanvas {
	box-shadow: 0px 2px 5px 0px #656565;
	height: 280px;
	margin: 0.5em -40px 1em -45px;
	width: 990px;
}
#mapCanvas a {
	background-image: none!important;
	padding-left: auto!important;
}
#mapForm {
	float: left;
	padding-top: 1px;
	width: 270px;
}
#mapForm label {
	clear: none;
	display: block;
	font-weight: normal;
	text-align: left;
	width: 270px;
}
#mapForm input {
	display: block;
	float: none;
	margin: 5px auto 15px auto;
	padding: 3px 6px;
	position: static;
	width: 258px;
}
#mapForm input[type=text] {
	border: none;
	border-bottom: solid 1px black;
	font-size: 1.2em;
}
#mapForm label.radio {
	display: inline;
	font-size: 0.8em;
	width: auto;
}
#mapForm label.radio input {
	display: inline;
	margin: 5px 0 15px 10px;
	padding: 0;
	width: auto;
}
#mapRoute {
	clear: none;
	margin-left: 300px;
	padding-top: 1px;
	width: 606px;
}
#mapRoute h3 {
	clear: none!important;
}


div#content #shirt {
	padding-left: 0.5%;
}
div#content #shirt p {
	margin-left: -0.5%;
}
div#content ul.shirts {
	list-style: none;
	margin: 0;
}
div#content ul.shirts li {
	background: transparent;
	border-radius: 4px;
	cursor: pointer;
	float: left;
	font-family: Delicious Heavy, DeliciousHeavyEmbed, Arial Black, sans-serif;
	font-size: 2em;
	display: block;
	padding: 0.25em 0 0.75em;
	text-align: center;
	width: 33%;
}
div#content ul.shirts li.selected {
	background: #650000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAcCAYAAACZOmSXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0NkJGMzk5RUY1RDExRTA5NDNCQjVERDEzQUMwMTZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0NkJGMzlBRUY1RDExRTA5NDNCQjVERDEzQUMwMTZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTQ2QkYzOTdFRjVEMTFFMDk0M0JCNUREMTNBQzAxNkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ2QkYzOThFRjVEMTFFMDk0M0JCNUREMTNBQzAxNkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz41QmX6AAABi0lEQVR42rxXi22DMBB1MgEjMAIjsEGyQegG6QSMwAjuBmQDdwO6AdmAdALXrozqmvsZtznpKRIcfvb53ScHa60irHH4UP9kR4bYONTPJq8cxvDbPpt8iE58KuRoQxS35u88QWW3VgN+FPwavcMSrTE5NLEf9GELkA8ZxJ5gtrBNYWPfvlDY78CzLtw/Z95vIkT6+LUOsnuz4/SdxW0OEVVc2LHQ2/TOhMRjHGoJuQofQXcm3ai3KxUtTrELsGCfiAvy8c/OnDg55Z6RE7VhczNC3EgyQ5I6A0IwlRBLyTH1FxHnkFfISSWZUExOiYtVNYZjRoO4E+9Of93PUzNEifWdS2ezC0Okrcw0Vs323vkVqdVa0rlKyDtG2ZpIu6IKNyALd4kflYIG6mYrDsD0WgfxQLPbm8MLMO8ZdFT6yZT3KGM8x+uav204kWZaI1WERis3vYa9EThLRaSFZbiO73zXMEB0wkXS4zll93vKJjK9bkaxVHBeCBeHT4cbU1Jz5nYV/nY94hdfAgwAItPje3TyDW8AAAAASUVORK5CYII=) 60px 308px no-repeat;
	color: #ffffff;
}
div#content ul.shirts li img {
	display: block;
	margin: 0 auto 0.6em;
}
div#content #shirtSubmit {
	font-size: 1.5em;
	margin-top: 0.3em;
	margin-bottom: 1.7em;
	padding: 0.3em 0;
	width: 99%;
}