/*
 * Casablanca Pforzheim
 * http://www.casa-pforzheim.de
 *
 * Author: Gedankengut.de
 * Date: 2009-08
 */
 
/*****
** Clearing und allgemeine Definitionen
*****/

.clearfix:after, .main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .main { display: inline-block; }
* html .clearfix, * html .main { height: 1%; }
.clearfix, .main { 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; }
.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; }
.admin		{ color: #910003 !important; }
.grey		{ color: #8b8b8b; }

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

body							{ font-size: 75%; font-family: Arial, Helvetica; color: #ccc; background: url(../img/bgBody.gif) #262626; padding: 0; margin: 0; }
							
img 							{ border: 0; }
:focus							{ outline: 0; }
							
p								{ padding: 0; margin: 1.0em 0; }
hr								{ color: #fff; background-color: #fff; border: 1px dotted #b9ab97; border-style: none none dotted; }
sup								{ font-size: 0.833em; line-height: 0.833em; }
address							{ font-style: normal; }
							
a								{ color: #91677f; text-decoration: underline; }
a.active						{ font-weight: bold; color:#999;}
a:hover							{ text-decoration: none; }

h1								{ font-weight: bold; font-size: 2em; color: #cecccf; background: url(../img/bgH1L.gif) top left no-repeat; height: 43px; }
h1 span							{ background: url(../img/bgH1R.gif) top right no-repeat; height: 43px; display: block; float: left; margin-left: 24px; _margin-left: 14px; padding: 0 30px 0 0; line-height: 43px; }
h2								{ font-weight: bold; font-size: 1.16em; }
h3								{ font-weight: bold; color: #ccc; font-size: 1.166em; margin: 20px 0 -6px 0; }

#main							{ width: 883px; margin: 0 auto; background: url(../img/bgMain.jpg) top left no-repeat #57002d; }

#navigation ul					{ margin: 0 0 0 14px; padding: 60px 0 0 0; }
#navigation li					{ margin: 0; padding: 0; list-style: none; display: inline; }
#navigation li a				{ float: left; text-indent: -300em; height: 28px; background: url(../img/bgNavSprite.jpg) top left no-repeat; margin-left: 8px; padding: 0; }

#navigation #rex-article-1 a				{ width: 66px; background-position: 0px 0px; }
#navigation #rex-article-2 a				{ width: 67px; background-position: -66px 0px; }
#navigation #rex-article-3 a				{ width: 93px; background-position: -133px 0px; }
#navigation #rex-article-4 a				{ width: 52px; background-position: -226px 0px; }
#navigation #rex-article-5 a				{ width: 78px; background-position: -278px 0px; }

#navigation #rex-article-1 a:hover			{ background-position: 0px -28px; }
#navigation #rex-article-2 a:hover			{ background-position: -66px -28px; }
#navigation #rex-article-3 a:hover			{ background-position: -133px -28px; }
#navigation #rex-article-4 a:hover			{ background-position: -226px -28px; }
#navigation #rex-article-5 a:hover			{ background-position: -278px -28px; }

#navigation #rex-article-1 a.rex-current	{ background-position: 0px -56px; }
#navigation #rex-article-2 a.rex-current	{ background-position: -66px -56px; }
#navigation #rex-article-3 a.rex-current	{ background-position: -133px -56px; }
#navigation #rex-article-4 a.rex-current	{ background-position: -226px -56px; }
#navigation #rex-article-5 a.rex-current	{ background-position: -278px -56px; }

#content						{ clear: both; padding: 20px; }
#content .margin				{ margin: 1em 20px; }

#footer							{ width: 843px; margin: 0 auto 5px auto; padding: 0 20px 28px 20px; background: url(../img/bgFooter.png) bottom left no-repeat; color: #91677f; font-size: 0.916em; }
#footer ul						{ margin: 0; padding: 0; }
#footer ul li					{ margin: 0; padding: 0; list-style: none; float: right; }
#footer ul li:first-child		{ float: left; }

table.events					{ border-collapse: collapse; margin: 20px; padding: 0; height: 300px; clear: both; width: 805px; }
table.events td					{ margin: 0; padding: 0; }
table.events td.flyer			{ width: 250px; }
table.events td.flyer img		{ display: block; }
table.events td.teaserL			{ padding-right: 60px; text-align: left; vertical-align: top; }
table.events td.teaserR			{ padding-left: 60px; text-align: right; vertical-align: bottom; }
table.events td.teaserL div, table.events td.teaserR div
								{ background-color: #33031d; padding: 8px; color: #cdd1d2; }
table.events td.teaserL div		{ -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; }
table.events td.teaserR div		{ -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; }
table.events h2, table.events h3{ padding: 0; margin: 0 0 3px 0; font-size: 1.5em; }
table.events h2					{ font-weight: bold; }
table.events h3					{ font-weight: normal; color: #fff; }
table.events p					{ margin-bottom: 0; }

.banner		{ margin: 1em auto 2em auto; width: 782px; height: 130px; background: url(../img/bgBanner.png) top left no-repeat; }
.banner img	{ margin: 28px 0 0 25px; }

.eventSelector		{ margin: 2em 0; }
.galSelector		{ float: right; width: 234px; padding: 8px; background-color:#33031d; -moz-border-radius: 10px; -webkit-border-radius:10px; behavior:url(border-radius.htc); height: 112px; }
.galSelector select	{ width: 234px; border: 1px solid #c994b0; background-color: #5c2743; color: #ccc; font-size: 0.916em; }

.facebook		{ width: 827px; padding: 8px; background-color:#33031d; -moz-border-radius: 10px; -webkit-border-radius:10px; behavior:url(border-radius.htc); height: 260px; }

.itemText	{ position: absolute; margin: 43px 0 0 0; float: left; width: 120px; text-decoration: none; font-size: 11px; color: #ccc; padding: 5px; background: url(../img/bgItemText.png) top left; text-align: center; }

.album img, .galPic img	{ padding: 2px; border: 1px solid #460026; margin: 6px 2px; }
.galPic		{ clear: both; text-align: center; }
.galPrev	{ float: left; text-align: left; width: 33%; }
.galOver	{ float: left; text-align: center; width: 33%; }
.galNext	{ float: right; text-align: right; width: 100px; }
.galPrev a, .galOver a, .galNext a						{ text-decoration: none !important; font-size: 1.5em; font-weight: bold; padding: 5px; }
.galOver a												{ font-size: 1em; line-height: 2.5em; }
.galPrev a:hover, .galOver a:hover, .galNext a:hover	{ color: #fff; }
.admin		{ position: absolute; margin: 70px 0 0 -95px; background-color: #33031D; padding: 3px; font-size: 0.916em; }

#gbEntries .item			{ background-color:#33031d; -moz-border-radius: 10px; -webkit-border-radius:10px; behavior:url(border-radius.htc); margin: 10px 20px; color: #ccc; padding: 10px 20px; }
#gbEntries .item .sender	{ color: #91677f; }
#gbEntries .item .entry		{ line-height: 1.5em; overflow:hidden; }
#gbEntries .item .comment	{ border-left: 3px solid #999; padding-left: 5px; margin-left: 5px; color: #999; }


.splitter						{ text-align: center; color: #91677f}

form							{ margin: 0; padding: 0; }
input, textarea					{ font-size: 1.0em; font-family: Arial, Helvetica; }
.formCnt fieldset				{ border: none; margin: 0; padding: 0; }
.formCnt legend					{ font-weight: bold; margin: 10px 0 0 0; }
.formCnt label					{ margin-left: 25px; width: 155px; float: left; }
.formCnt .formRadioCnt			{ float: left; width: 250px; }
.formCnt label.formRadio		{ width: auto; float: none; margin-left: 5px; }
.formCnt .formText, .formCnt .formTextarea { border: none; line-height: 1.2em; margin: 3px 0; width: 250px; padding: 4px; background-color: #fff; color: #33031d; -moz-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(border-radius.htc); }
.formCnt .submit				{ margin: 10px 0 0 180px; }
.formRequired					{ color: #fff; font-weight: bold; }
.formCnt .formError				{ font-weight: bold; color: #fff; }
.formInfo p, #form-module-thanks p	{ background-color: #33031d; margin: 20px; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; behavior:url(border-radius.htc); }