/*
 * Stand Up PFestival
 * http://www.pfestival.de
 *
 * Author: Gedankengut.de
 * Date: 2009-10
 */
 
/*****
** Clearing und allgemeine Definitionen
*****/

.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; }
* html .clearfix	{ height: 1%; }
.clearfix			{ display: block; }

.clear		{ clear: both; }
.skip		{ position: absolute; left: -1000em; width: 20em; }
.hide		{ display: none; }
.floatL		{ float: left; }
.floatR		{ float: right; }
.left		{ text-align: left; }
.right		{ text-align: right !important; }
.center		{ text-align: center !important; }
.vCenter	{ vertical-align: middle !important; }
.top		{ vertical-align: top; }
.bottom		{ vertical-align: bottom; }
.nowrap		{ white-space: nowrap; }
.bold		{ font-weight: bold; }
.italic		{ font-style: italic; }
.noBorder	{ border: none !important; }
.noBg		{ background: none !important; }
.noBgImg	{ background-image: none !important; }
.noMargin	{ margin: 0 !important; }
.noPadding	{ padding: 0; }
.small		{ font-size: 0.833em; line-height: 0.833em; margin: 0; padding: 0; }
.middle		{ font-size: 0.916em; line-height: 1.3em; }
.alignleft	{ float: left; margin: 0 15px 15px 0; }
.alignright	{ float: right; margin: 0 0 15px 15px; }
.orange		{ color: #eb6a0a; }

/*****
** Container und Elemente
*****/

body			{ font-size: 75%; font-family: Arial, Helvetica; color: #fff; background-color: #000; padding: 0; margin: 0; line-height: 1.5em; }
				
img 			{ border: 0; }
:focus			{ outline: none; }
							
p				{ padding: 0; margin: 1.0em 0; }
							
a				{ color: #eb6a0a; text-decoration: none; }
a:hover			{ text-decoration: underline; }

ul				{ margin: 0 0 0 1.2em; padding: 0; }
li				{ line-height: 1.5em; }
table td		{ text-align: justify; vertical-align: top; }

h1				{ font-size: 2em; font-weight: bold; color: #eb6a0a; text-transform: uppercase; line-height: 1em; }
h2				{ font-size: 1.4em; font-weight: bold; margin: 1.7em 0 1em 0; text-transform: uppercase; }
h3				{ font-size: 1.2em; font-weight: bold; }

#bannerTop			{ position: absolute; background-color: #3b3a3a; height: 69px; width: 100%; z-index: 210; }
#bannerTop div		{ position: absolute; background: url(../img/bgBannerTop.png) top center no-repeat; height: 89px; width: 100%; }
#logo				{ position: absolute; margin-left: 500px; z-index: 220; top: 35px; }
#bannerNextEvent	{ position: absolute; margin-left: 565px; z-index: 220; top: 225px; }
#bannerBottom		{ position: absolute; background-color: #3b3a3a; height: 72px; width: 100%; z-index: 100; margin-top: -72px; }
#bannerBottom div	{ position: absolute; background: url(../img/bgBannerBottom.png) top center no-repeat; height: 20px; width: 100%; margin-top: -20px; }
#bannerBottom p		{ text-align: center; color: #5f5e5e; padding-top: 0.8em; font-size: 1.2em; }
#wrapTop			{ background: url(../img/bgMainTop.jpg) left top no-repeat; }
#wrapBottom			{ background: url(../img/bgMainBottom.jpg) right bottom no-repeat; }
#shadowLeft			{ position: absolute; width: 15px; height: 100%; background: url(../img/bgShadowLeft.png); margin-left: -15px; z-index: 10; }
#shadowRight		{ position: absolute; width: 15px; height: 100%; background: url(../img/bgShadowRight.png); margin-left: 981px; z-index: 10; }
#kwick				{ position: absolute; margin: 70px 0 0 981px; width: 300px; }

#header			{ height: 280px; padding-top: 69px; padding-bottom: 1px; background: url(../img/hrHeader.gif) bottom left no-repeat; overflow: hidden; }
#teaser			{ width: 785px; height: 280px; float: left; }
#imgLayer		{ position: absolute; margin-left: 320px; z-index: 200; }

#subNavigation				{ width: 170px; float: right; padding: 0; margin: 60px 0 15px 0; list-style: none; }
#subNavigation li			{ padding-left: 6px; border-left: 4px solid #262626; }
#subNavigation li.active	{ border-color: #eb6a0a; }
#subNavigation li a			{ color: #fff; font-size: 2.1em; text-transform: uppercase; letter-spacing: -1px; text-decoration: none; line-height: 1em; }
#subNavigation li.active a	{ color: #eb6a0a; cursor: pointer; }

#footerNavigation				{ padding: 0; margin: -10px auto 5px  auto; list-style: none; width: 240px; }
#footerNavigation li			{ display: inline; margin: 0 5px; }
#footerNavigation li a			{ color: #fff; text-decoration: none; }
#footerNavigation li.active a	{ color: #eb6a0a; }

#socialNetworks		{ margin: 0; padding: 0; list-style: none; position: absolute; margin: 200px 0 0 760px; z-index: 250; }
#socialNetworks li	{ display: inline; }

#main			{ background-color: #262626; width: 980px; border-right: 1px solid #5f5e5e; margin: 0 auto; padding-bottom: 74px; }

#col1				{ margin: 0; padding: 0; background: url(../img/bgCol1.gif) repeat-y; }
#col1Content		{ float: left; width: 250px; padding-bottom: 40px; }
#col2				{ float: left; width: 650px; margin-left: 40px; }
#col2Content		{ padding-top: 40px; }

#blogContent			{ width: 420px; float: left; }
#blogContent.singlePage	{ width: 100%; float: none; }
#blogContent .feedback	{ margin-bottom: 40px; }

#sidebar				{ width: 190px; float: right; }
#sidebar ul				{ list-style: none; padding: 0; margin: 0; }
#sidebar ul ul			{ list-style-image: url(../img/listSidebar.gif); padding-left: 2em; }
#sidebar h3				{ font-size: 1.2em; font-weight: bold; margin-top: 2em; }
#sidebar label			{ display: none; }
#sidebar #s				{ width: 105px; margin-left: 0.8em; }
#sidebar ul.facebook li	{ list-style-image: none; }

#navigation			{ list-style: none; color: #eb6a0a; text-transform: uppercase; font-weight: bold; font-size: 1.1em; padding: 0; margin: 40px 0 0 40px; }
#navigation ul		{ list-style-image: url(../img/listSubNav1.gif); padding-left: 1.5em; font-weight: normal; display: none; }
#navigation .current_page_item ul, #navigation .current_page_ancestor ul { display: block; }
#navigation ul a	{ color: #fff; }
#navigation ul ul	{ list-style-image: url(../img/listSubNav2.gif); padding-left: 0.5em; }
#navigation li		{ margin-bottom: 5px; }
#navigation li li	{ margin-bottom: 0; }
#navigation .current_page_item a	{ font-weight: bold; color: #fff; }
#navigation .current_page_item ul a	{ font-weight: normal; }

#hPoweredby		{ text-indent: -300em; width: 250px; height: 82px; background: url(../img/hPoweredby.jpg) no-repeat; margin: 30px 0 50px 0; }
#hSponsoren		{ text-indent: -300em; width: 250px; height: 30px; background: url(../img/hSponsoren.jpg) no-repeat; margin: 60px 0 15px 0; }
#hMediapartner	{ text-indent: -300em; width: 250px; height: 30px; background: url(../img/hMedia.jpg) no-repeat; margin: 30px 0 15px 0; }

#footer			{ border-top: 1px solid #5f5e5e; padding: 25px 0 30px 0; margin-top: 40px; clear: both; }
#footer a.first	{ margin: 0 65px 0 110px; }

#countdown		{ width: 340px; float: right; padding: 14px 0 28px 0; color: #eb6a0a; font-weight: bold; font-weight: bold; text-transform: uppercase; background: url(../img/bgCountdown.gif) 7px 58px no-repeat; }

.fb_comments	{ background: #fff; padding: 20px; border: 1px solid #BDC7D8; }

.logoRotate			{ list-style-type: none; list-style-image: none; list-style-position: outside; }
.logoRotate li a	{ margin-left: 1.5em !important; line-height: 80px; }

.imageRotate		{ list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0; padding: 0; }
.imageRotate li a	{ margin-left: 1.5em !important; line-height: 80px; }

.ngg-gallery-thumbnail img { border: 1px solid #c9bfc0 !important; margin: 0 15px 15px 0 !important; padding:0 !important; }

input, textarea	{ font-family: Arial, Helvetica; color: #333; font-size: 12px; }
textarea		{ width: 550px; }