@CHARSET "UTF-8";
/**
* Kulturförderverein Stud e.V.
* 
* Forum 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/fonts.css);

/**
* @section Layout
*/
body
{
	background: #e7e7e7 url(/img/layout/bodyBg.png) center repeat-y;
	min-height: 100%;
}
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;
}
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#opening p
{
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 0;
}
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;
}