/*
 * BEKA Coaching & Consulting
 * http://www.beka-consulting.de
 *
 * Author: Gedankengut.de
 * Date: 2009-09
 */
 
/*****
** 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; }
.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; }

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

body							{ font-size: 75%; font-family: Arial, Helvetica; color: #707173; background: url(../img/bgBody.jpg) #fff left top repeat-x; padding: 0; margin: 0; line-height: 1.5em; }
							
img 							{ border: 0; }
:focus							{ outline: 0; }
							
p						{ padding: 0; margin: 1.0em 0; }
#content p, #footer p	{ margin: 1.0em 10px; }
#footer table			{ margin: -5px 10px 0 10px; border: 0; border-collapse: collapse; }
							
a									{ color: #af0917; text-decoration: none; }
a:hover								{ text-decoration: underline; }
#content a, #footer a				{ text-decoration: underline; }
#content a:hover, #footer a:hover	{ text-decoration: none; }
#footer a							{ color: #fff; }

h1						{ color: #af0917; font-size: 1.333em; font-weight: bold; margin: 1em 0; padding: 10px; }
#content h1				{ background: url(../img/bgHeadContentWidth.jpg) top left no-repeat; width: 560px; }
#content.fullwidth h1	{ background: url(../img/bgHeadContent.jpg) top left no-repeat; width: 450px; }
#footer h1				{ background: url(../img/bgHeadFooter.jpg) top left no-repeat; width: 450px; color: #fff; }
h2						{ color: #707173; font-size: 1.167em; font-weight: bold; margin: 1em 0 0.5em 10px; }
h3						{ color: #fff; font-size: 1.167em; font-weight: bold; margin: 1em 10px; }

ul			{ margin: 0 0 0 1.2em; padding: 0; }
li			{ line-height: 1.5em; }
#content ul	{ margin-left: 2.3em; }
#content li	{ list-style-image: url(../img/bgLi.gif); }

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

#navigation #rex-article-1 a	{ width: 116px; background-position: 0px 0px; }
#navigation #rex-article-3 a	{ width: 119px; background-position: -116px 0px; }
#navigation #rex-article-4 a	{ width: 135px; background-position: -235px 0px; }
#navigation #rex-article-2 a	{ width: 119px; background-position: -370px 0px; }
#navigation #rex-article-5 a	{ width: 106px; background-position: -489px 0px; }

#navigation #rex-article-1 a:hover, #navigation #rex-article-1 a.rex-current, #navigation #rex-article-1 a.rex-active	{ background-position: 0px -110px; }
#navigation #rex-article-3 a:hover, #navigation #rex-article-3 a.rex-current, #navigation #rex-article-3 a.rex-active	{ background-position: -116px -110px; }
#navigation #rex-article-4 a:hover, #navigation #rex-article-4 a.rex-current, #navigation #rex-article-4 a.rex-active	{ background-position: -235px -110px; }
#navigation #rex-article-2 a:hover, #navigation #rex-article-2 a.rex-current, #navigation #rex-article-2 a.rex-active	{ background-position: -370px -110px; }
#navigation #rex-article-5 a:hover, #navigation #rex-article-5 a.rex-current, #navigation #rex-article-5 a.rex-active	{ background-position: -489px -110px; }

#subNavigation ul		{ margin: 0 0 0 2em; }
#subNavigation ul ul	{ margin-left: 1.5em; }
#subNavigation ul ul ul	{ margin-left: 1em; }
#subNavigation li		{ list-style-image: url(../img/bgNavLi1.gif); font-size: 14px; }
#subNavigation li li	{ list-style-image: url(../img/bgNavLi2.gif); }
#subNavigation li li a	{ color: #707173; }
#subNavigation a.rex-active, #subNavigation a.rex-current
						{ font-weight: bold; }

#main							{ width: 900px; margin: 30px auto 40px auto; }
#teaser							{ background: url(../img/bgTeaser.jpg) top center no-repeat; min-width: 900px; }
#teaserCnt						{ height: 270px; width: 900px; margin: 0 auto; overflow: hidden; }
#subNavigation					{ float: left; width: 270px; margin-left: 10px; }
#content						{ float: right; width: 580px; }
#content.fullwidth				{ float: none; width: 900px; }
.mainCol						{ width: 450px; overflow: hidden; }

#footer						{ height: 600px; overflow: hidden; background: url(../img/bgFooter.jpg) top left repeat-x; color: #fff; font-size: 11px; }
#footerCnt					{ width: 900px; margin: 0 auto; }
#footerSub					{ width: 900px; margin: 5px auto 0 auto; padding: 0; }
#footerSub li				{ list-style: none; padding: 0; margin: 0; float: left; text-align: right; width: 30%; }
#footerSub li:first-child	{ text-align: left; width: 70%; }
#footerSub a				{ color: #707173; }

/*****
** Formulare
*****/

.formCnt						{ height: 580px; width: 580px; background: url(../img/bgForm.jpg) top left no-repeat; }
form							{ margin: 0; padding: 0; }
input, textarea, select, option	{ font-size: 1.0em; color: #707173; font-family: Arial, Helvetica; }
.formCnt fieldset				{ border: none; margin: 0; padding: 0; }
.formCnt fieldset h2			{ margin-left: 20px; }
.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, .formCnt .formSelect { line-height: 1.2em; margin: 3px 0; }
.formCnt .formText, .formCnt .formTextarea { width: 250px; padding: 2px; }
.formCnt .submit				{ margin: 20px 0 0 310px; font-size: 1.2em; font-weight: bold; background: url(../img/bgButton.jpg) top left no-repeat; width: 136px; height: 36px; border: none; text-transform: uppercase; cursor: pointer; outline: none; text-align: center; }
.formRequired					{ color: #680002; }
.formCnt .formError				{ font-weight: bold; color: #b8292f; }
.formCnt .formCaptcha			{ margin-left: 130px; margin-top: -20px; }