/*

	------------------------------------------------------------------------------------------------

	 

	 Hotel Commodore - Global CSS Styles

	 styled by www.ost-kombinat.de

	 generated by bw@ok - 14.01.2009

	 

	------------------------------------------------------------------------------------------------

	

	

	

	

	------------------------------------------------------------------------------------------------

	 Charset Definition

	------------------------------------------------------------------------------------------------

	*/

	

	@charset "UTF-8";







	/*

	------------------------------------------------------------------------------------------------

	 Global Styles Definition

	------------------------------------------------------------------------------------------------

	*/





	html, body

	{

		background-color:#FFFFFF;

		margin:0;

		padding:0;

		padding-bottom:20px;

		

	}

	

	body

	{

		background-color:#FFFFFF;

		margin:0;

		padding:0;

		padding-bottom:20px;

		color:#62666c;

		text-decoration:none;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		height:100%;

	}

	

	/************************************************************************************

		HOLDER

	************************************************************************************/

	

	#MainHolder

	{

		position:absolute;

		width:946px;

		height:auto;

		margin-left:50%;

		left:-437px;

		padding:0px;

		border:0px solid #666666;

		

	}

	

	

	#MainContent

	{

		width:935px;

		background-image:url(../../Global_Images/Background_Content.jpg);

		background-position:bottom;

		background-repeat:no-repeat;

		padding-left:11px;



	

	}

	

	#ContentScreen

	{

		border:1px dashed #CCCCCC;

		width:922px;

		min-height:400px;

	

	

	}

	

	#TextContent

	{

		padding-top:10px;

		padding-left:10px;

		float:left;

	

	}

	

	#SeminarTeaser

	{

		float:left;

		padding-top:10px;

		padding-left:15px;

		padding-right:20px;

		background-image:url(../../Global_Images/Seminare_Stoerer.jpg);

		background-position:top right;

		background-repeat:no-repeat;

		padding-top:84px;

		width:190px;

	

	}

	

	

	/*

	***************************************

	 Header Bar

	***************************************

	*/

	

		

	#HeaderBar

	{

		width:946px;

		height:62px;

	}

	

	

	#NavigationBar

	{

		width:750px;

		height:62px;

		margin:0px;

		padding:0px;

		border:0px solid #FFFF00;

		padding-top:0px;

		float:left;

	}

	

	#Logo

	{

		height:62px;

		width:185px;

		background-image:url(../../Global_Images/Logo_Gruenert_Seminare.jpg);

		background-position:top left;

		background-repeat:no-repeat;

		float:left;

	

	}

	

	

	

	#NavigationBar ul

	{

		list-style:none;

		padding:0px;

		margin:0px;

		padding-top:33px;

		padding-left:15px;

	

	}

	

	

	#NavigationBar ul li

	{

		list-style:none;

		float:left;

		padding:0px;

		margin:0px;

		float:left;

		color:#62666c;

	}

	

	

	#NavigationBar ul li a

	{

		list-style:none;

		float:left;

		padding:0px;

		margin:0px;

		display:block;

		color:#62666c;

		text-decoration:none;

		font-family:Arial, Helvetica, sans-serif;

		font-size:14px;

		text-transform:lowercase;

	}

	

	#NavigationBar ul li a:hover

	{

		list-style:none;

		float:left;

		padding:0px;

		margin:0px;

		display:block;

		color:#d80054;

		text-decoration:none;

		font-family:Arial, Helvetica, sans-serif;

		font-size:14px;

		text-transform:lowercase;

	}

	

	

	

	

	/*

	***************************************

	 Footer Links

	***************************************

	*/

	

	

	#FooterBar

	{

		padding-left:22px;

		padding-top:8px;

		font-family:Arial, Helvetica, sans-serif;

		font-size:10px;

	

	}

	

	

	#FooterBar

	{

		padding:0px;

		margin:0px;

		padding-bottom:18px;

	

	}

	

	#FooterBar ul

	{

		padding:0px;

		margin:0px;

		list-style:none;

		padding-bottom:18px;

		padding-left:15px;

		padding-top:8px;

	

	}

	

	

	#FooterBar ul li

	{

		padding:0px;

		margin:0px;

		list-style:none;

		float:left;



		padding-left:8px;

		padding-right:8px;

	

	}

	

	#FooterBar ul li a

	{

		padding:0px;

		margin:0px;

		list-style:none;

		font-family:Arial, Helvetica, sans-serif;

		color:#cccccc;

		font-size:10px;

		text-decoration:none;

	

	}

	

	#FooterBar ul li a:hover

	{

		padding:0px;

		margin:0px;

		list-style:none;

		font-family:Arial, Helvetica, sans-serif;

		color:#62666c;

		font-size:10px;

		text-decoration:none;

	

	}

	

	

	/*

	------------------------------------------------------------------------------------------------

	Startseite - Teaser Box  Style Definition

	------------------------------------------------------------------------------------------------

	*/

	

	

	#SeminarTeaser

	{

		float:left;

		padding-top:10px;

		padding-left:15px;

		padding-right:20px;

		background-image:url(../../Global_Images/Seminare_Stoerer.jpg);

		background-position:top right;

		background-repeat:no-repeat;

		padding-top:84px;

		width:190px;

	}

	

	

	.SeminarHeadline

	{

		color:#d80054;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:bold;

		padding-bottom:20px;

		width:150px;

	

	}

	

	

	.SeminarSmallText

	{

		color:#b7b9bb;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:normal;

	

	}

	

	

	.SeminarTextBold

	{

		font-family:Arial, Helvetica, sans-serif;

		color:#4c5057;

		font-weight:bold;

		padding-bottom:20px;

	

	}

	

	

	/*

	------------------------------------------------------------------------------------------------

	Folgeseite - Style Definition

	------------------------------------------------------------------------------------------------

	*/

	

	#ContentScreenFolgeseite

	{

		padding-left:75px;

		padding-right:75px;

	

	}

	

	#ContentScreenDetailseite

	{

		border-top:1px dashed #CCCCCC;

		padding-top:11px;

		padding-bottom:40px;

	}

	

	#BreadCrumb

	{

		height:20px;

		color:#b7b9bb;

		font-family:Arial, Helvetica, sans-serif;

		font-size:10px;

		padding-top:13px;

		font-weight:normal;

		padding-left:69px;

	}

	

	#BreadCrumb a

	{

		color:#b7b9bb;

		font-family:Arial, Helvetica, sans-serif;

		font-size:10px;

		padding-right:6px;

		padding-left:6px;

		text-decoration:none;

		

	}

	

	#BreadCrumb a:hover

	{

		color:#62666c;

		font-family:Arial, Helvetica, sans-serif;

		font-size:10px;

		text-decoration:none;

		

	}

	

	

	/*

	------------------------------------------------------------------------------------------------

	Folgeseite / Teaser Seminare Overview - Style Definition

	------------------------------------------------------------------------------------------------

	*/

	

	

	.SeminarTeaserBar

	{

		border-top:1px dashed #CCCCCC;

	

	}

	

	

	.TeaserBarLeft2

	{

		width:400px;

		float:left;

		padding-top:18px;

		padding-bottom:18px;

	

	}

	

		.TeaserBarRight2

	{

		width:370px;

		float:left;

		padding-top:18px;

		padding-bottom:18px;

	

	}

	

		.SeminarTextBoldTeaser2

	{

		font-family:Arial, Helvetica, sans-serif;

		color:#4c5057;

		font-weight:bold;

		padding-bottom:14px;

		width:380px;

	

	}	



		.SeminarTextBoldTeaser2 a

	{

		font-family:Arial, Helvetica, sans-serif;

		color:#d80054;

        text-decoration:underline;	

	}	

	

	

	.TeaserBarLeft

	{

		width:550px;

		float:left;

		padding-top:18px;

		padding-bottom:18px;

	

	}

	

	.TeaserBarRight

	{

		width:222px;

		float:left;

		padding-top:18px;

		padding-bottom:18px;

	

	}

	

	.SeminarHeadlineBig

	{

		color:#d80054;

		font-size:18px;

		font-family:Arial, Helvetica, sans-serif;

		padding-bottom:14px;

	

	}

	

	.SeminarHeadlineBig a

	{

		color:#d80054;

		font-size:18px;

		font-family:Arial, Helvetica, sans-serif;

		padding-bottom:14px;

		text-decoration:none;

	

	}

	

	.SeminarHeadlineBig a:hover

	{

		color:#d80054;

		font-size:18px;

		font-family:Arial, Helvetica, sans-serif;

		padding-bottom:14px;

		text-decoration:underline;

	

	}

	

	a

	{

	color:#d80054;

	}

	

	a:active

	{

	color:#d80054;

	}

	

	a:visited

	{

	color:#d80054;

	}

	

	h1

	{

		color:#d80054;

		font-size:18px;

		padding:0px;

		margin:0px;

		line-height:100%;

		font-weight:normal;

		font-family:Arial, Helvetica, sans-serif;

		padding-bottom:4px;

	

	}

	h2
	{
		color:#4C5057;
		font-size:13px;
		padding:0px;
		margin:0px;
		line-height:100%;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		padding-bottom:15px;
	}
	.bodytext i{font-weight:normal;font-style:normal;}

	.SeminarTextBoldTeaser

	{

		font-family:Arial, Helvetica, sans-serif;

		color:#4c5057;

		font-weight:bold;

		padding-bottom:14px;

		width:430px;

	

	}

	

	.SeminarDatum

	{

		color:#b7b9bb;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:normal;

		float:left;

		width:74px;

	

	}

	

	.SeminarDatumDisplay

	{

		color:#4c5057;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:bold;

		float:left;

		width:310px;

	

	}

	.SeminarDatumText

	{

		

		color:#d80054;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:bold;

		float:left;

	

	}

	

	

	.SeminarDetailLink

	{

		color:#d80054;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:normal;

		float:left;

	

	}

	

	.SeminarDetailLink a

	{

		color:#d80054;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:normal;

		text-decoration:none;

	

	}

	

	.SeminarDetailLink a:hover

	{

		color:#d80054;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:normal;

		text-decoration:underline;

	

	}

	

	

	/*

	------------------------------------------------------------------------------------------------

	Folgeseite / Seinar Detail Screen - Style Definition

	------------------------------------------------------------------------------------------------

	*/

	

	

	#SeminarBeschreibung

	{

		float:left;

		width:427px;

		border:0px solid #999999;

		

	

	}

	

	

	#SeminarIcons

	{

		float:left;

		border:0px solid #009966;

		width:90px;

		background-color:#FFFFFF;

		text-align:right;

		padding-left:54px;



		padding-right:0px;

	

	}

	

	#SeminarDetailIcon

	{

		float:left;

		padding-right:4px;

	

	}

	

	

	#SeminarBild

	{

		float:left;

		background-color:#FCFCFC;

		min-height:650px;

		margin-left:100px;

		height:100%;

		

	}

	

	

	.BackToOverviewLink

	{

		padding-bottom:36px;

	}

	

	.BackToOverviewLink a

	{

		color:#b7b9bb;

		font-family:Arial, Helvetica, sans-serif;

		font-size:10px;

		text-decoration:none;

	}

	

	.BackToOverviewLink a:hover

	{

		color:#62666c;

		font-family:Arial, Helvetica, sans-serif;

		font-size:10px;

		text-decoration:none;

	}

	

	

	.SeminarTextBold

	{

		font-family:Arial, Helvetica, sans-serif;

		color:#4c5057;

		font-weight:bold;

		padding-bottom:14px;

		width:350px;

		padding-right:30px;

		display:block;

		

	

	}

	

	

	.SmallTextGrey

	{

		color:#b7b9bb;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		font-weight:normal;

		float:left;

		width:74px;

		padding-bottom:20px;

		display:block;

	

	}

	

	.SeminarTextGrey

	{

		font-family:Arial, Helvetica, sans-serif;

		color:#4c5057;

		font-weight:bold;

		padding-bottom:14px;

		width:320px;

		float:left;

		display:block;

	

	}

	

	

	.SeminarDetailBar

	{

		width:400px;

		border:0px solid #666666;

		padding:0px;

		margin:0px;

	

	}

	

	.bodytext

	{

		padding:0px;

		margin:0px;

	

	}

	

	.DatumHighlight

	{

		color:#d80054;

	

	}

	

	

	#Inhalte .SmallTextGrey

	{

		/*min-height:70px;*/
		float:left;
		display:block;
	

	}

	

	

	#Inhalte .SeminarTextBold

	{

		/*min-height:70px;*/
		width:280px;
		padding-left:0px;
	float:left;
		display:block;
	

	}

	

	

	#Inhalte .SeminarTextBold ul

	{

		padding:0px;

		margin:0px;

		

	

	}

	

	

	#Inhalte .SeminarTextBold ul li

	{

		padding-left:0px;

		margin-left:0px;

		

	

	}

	

	

	#Anfrage

	{

		font-family:Arial, Helvetica, sans-serif;

		font-size:13px;

		color:#d80054;

		text-decoration:none;

		padding-bottom:30px;

	}

	

	#Anfrage a

	{ 

		font-family:Arial, Helvetica, sans-serif;

		font-size:13px;

		color:#d80054;

		text-decoration:none;

	}

	

	#Anfrage a:hover

	{ 

		font-family:Arial, Helvetica, sans-serif;

		font-size:13px;

		color:#d80054;

		text-decoration:underline;

	}

	

	

	/*

	------------------------------------------------------------------------------------------------

	Formular Anfrage Screen - Style Definition

	------------------------------------------------------------------------------------------------

	*/

	

	/* Powermail */

	/* Form */

span.powermail_mandatory {

	/* Color of mandatory error message */

	color: #b10000;

	padding-left:3px;

}

input.validation-failed,

textarea.validation-failed {

	/* Background color if validation failed 

	background-color: red;*/

	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);

	background-repeat: no-repeat;

	background-position: 98% 1px;

}

div.powermail_mandatory_js {

	/* DIV container of errormessage */

	color: red;

	margin: 3px 0 15px 200px;

}

fieldset.tx-powermail-pi1_fieldset {

	/* Fieldset */

	border: 0px solid #FFFFFF;

	background-color: #FFFFFF;

	padding: 0px;

}

fieldset.tx-powermail-pi1_fieldset legend {

	/* legend of Fieldset */

	font-weight:bold;

	font-size:13px;

	color: black;

	color:#d80054;

}

fieldset.tx-powermail-pi1_fieldset label {

	/* label */

	display: block;

	width: 200px;

	float: left;

	clear: both;

	font-weight: bold;

}

fieldset.tx-powermail-pi1_fieldset input.powermail_text,

fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,

fieldset.tx-powermail-pi1_fieldset select.powermail_select {

	/* Input and textarea */

	width: 280px;

	border:1px solid #cccccc;

	background-color:#ffffff;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#2a2a2a;

	padding:2px;

	font:Arial, Helvetica, sans-serif;

}



.jscalendar {

	/* Input and textarea */

	width: 80px;

	border:1px solid #cccccc;

	background-color:#ffffff;

	padding:2px;

}







fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {

	/* Radiobuttons */

	margin: 5px 0;

}

div.tx_powermail_pi1_fieldwrap_html {

	/* DIV container arround every field */

	margin: 10px 0;

}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {

	/* submit button */

	

	background-color:#ffffff;

	border-left:1px solid #cccccc;

	border-top:1px solid #cccccc;

	border-right:1px solid #cccccc;

	border-bottom:1px solid #cccccc;

	color:#dd206a;

	font:left;



	

}



.powermail_submit



{

	/* submit button */

	

	background-color:#ffffff;

	border-left:1px solid #cccccc;

	border-top:1px solid #cccccc;

	border-right:1px solid #cccccc;

	border-bottom:1px solid #cccccc;

	color:#dd206a;

	font:left;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	padding-left:20px;

	padding-right:20px;

	padding-top:3px;

	padding-bottom:3px;

	background-image:url(../../Global_Images/button_bg.jpg);

	background-position:left top;

	background-repeat:repeat-x;

	

}



.powermail_submit :hover



{

	/* submit button */

	

	background-color:#b10000;

	border-left:1px solid #606060;

	border-top:1px solid #606060;

	border-right:1px solid #bebebe;

	border-bottom:1px solid #bebebe;

	color:#FFFFFF;

	font:left;

	width:112px;

	

}







.tx_powermail_pi1_submitmultiple_back{

	/* submit button */

	

	background-color:#FFFFFF;

	border-left:1px solid #606060;

	border-top:1px solid #606060;

	border-right:1px solid #bebebe;

	border-bottom:1px solid #bebebe;

	color:#898989;

	

}



p.tx_powermail_pi1_fieldwrap_html_checkbox_title,

p.tx_powermail_pi1_fieldwrap_html_radio_title {

	margin: 0;

	padding: 0;

	font-weight: bold;

	padding-bottom:8px;

}

div.countryzone {

	margin: 10px 0 0 200px;

}

div.tx_powermail_pi1_fieldwrap_html label a {

	/* Description */

	cursor: help;

}

div.tx_powermail_pi1_fieldwrap_html label a dfn {

	/* Description */

	display: none;

}

div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {

	/* Description on mouseover */

	display: block;

	position: absolute;

	width: 250px;

	padding: 5px;

	background-color: #ddd;

	border: 1px solid red;

	color: black;

	text-decoration: none;

	font-size: 0.8em;

}



.tx_powermail_pi1_submitmultiple_forward

{

	background-color:#898989;

	border-left:1px solid #606060;

	border-top:1px solid #606060;

	border-right:1px solid #bebebe;

	border-bottom:1px solid #bebebe;

	color:#FFFFFF;

	float:left;



}



.tx-powermail-pi1_confirmation_submit

{

	background-color:#898989;

	border-left:1px solid #606060;

	border-top:1px solid #606060;

	border-right:1px solid #bebebe;

	border-bottom:1px solid #bebebe;

	float:left;

	margin-left:20px;

	color:#FFFFFF;



}



.tx-powermail-pi1_confirmation_submit :after

{

	clear:both;



}



.tx-powermail-pi1_confirmation_back

{

	background-color:#898989;

	border-left:1px solid #606060;

	border-top:1px solid #606060;

	border-right:1px solid #bebebe;

	border-bottom:1px solid #bebebe;

	color:#FFFFFF;

	float:left;



}





div.tx_powermail_pi1_fieldwrap_html img.icon_info {

	/* Description icon */

	padding: 2px 2px 0 2px;

}





	/* Confirmation */

td.powermail_all_td {

	padding: 3px 10px 3px 0;

}



	/* THX */

td.powermail_all p.bodytext {

	margin: 0;

}





.tx-powermail-pi1_confirmation p

{

font-weight:bold;

	font-size:13px;

	color:#012147;

}





	/***************************************
		A B O U T
	***************************************/
.contenttable{
	border:none;
	font-size:11px;
	padding:0px;
	margin:0px;
}
	
.contenttable .tr-even, .tr-odd, {
	font-size:11px;
	padding:0px;
	margin:0px;
}
	
.td-0{
	width:100px;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:0px;
}
.td-last{
	width:550px;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:0px;
}

	
		.sdattab
		{
			max-width:300px;
		}
		.sdattab .desc
		{
			max-width:200px;
		}
		.sdattab .datum
		{
			max-width:100px;
		}
		.sdattab td
		{
			padding-right:8px;
			vertical-align:top;
		}
		#Termine{
			margin-bottom:20px;
		}
	/***************************************

		TYPO

	***************************************/

	

	  .fltrt 

	{ 

    	float: right;

    	margin-left: 8px;

    }

    .fltlft 

	{ 

    	float: left;

    	margin-right: 8px;

    }

    .clearfloat 

	{ 

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }