@CHARSET "UTF-8";
/**
* 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;
}
div#header.pinned
{
	position: fixed;
}
div#header div.center
{
	padding: 20px 45px 20px 45px;
	position: relative;
}
div#header ul
{
	position: absolute;
		top: 0px;
		bottom: 0px;
		left: 300px;
}
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;
}

/**
* @section Basic elements
*/
.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;
}
body
{
	font-family: Delicious, DeliciousEmbed, Arial, Tahoma, Helvetica, sans-serif;
}
a,
a:link
{
    color: #656565;
    font-weight: bold;
    text-decoration: none;
}
a:visited
{
    color: #656565; 
}
a:hover,
a:focus,
a:active
{
    color: #650000;
}
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;
}
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 4px no-repeat;
	padding-left: 15px;
}
div#content a:visited
{
    background: transparent url(/img/layout/linkIcon.png) 0px -26px 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 -56px 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.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 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
*/
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
{
	float: left;
	position: relative;
	   top: 2px;
}
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
{
	clear: none;
	color: #000000;
    font-weight: normal;
	margin-right: 1em;
    text-align: left;
    width: auto;
}
form label.radio input
{
	left: 0px;
	padding-left: 5px;
}
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;
}

/**
* @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;
	width: 100px;
}

/**
* @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#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;
}