@charset "utf-8";
/* CSS Document */

body, html 	{margin:0;padding:0;width:100%;background-color:#e0e0e0;color:#555;font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;height:100%}
html img 	{border:0px;}
#page		{width:974px;margin-left:auto;margin-right:auto;}
.clearfix	{clear:both;}
.include 	{position:absolute;top:6px;right:20px;color:#666666;font-size:0.9em;}
.innerLink	{background-image: url(images/arrow-right.gif);background-position:left 3px;background-repeat:no-repeat;padding-left:11px;}

#tooearly	{width:200px;display:hidden;}
/* Links allgemein */
a 			{color:#414f5b;text-decoration:none;}
a:hover 	{color:#414f5b;text-decoration:underline;}


.info-box,.download-box,.notification-box,.error-box{padding:20px 20px 20px 70px;margin-bottom:15px;position:relative;height:1%;}
.info-box{color:#64757f;background:#e1f2fc;border:1px solid #68a2cf}
.download-box{color:#697a58;background:#eeffdd;border:1px solid #a3c159}
.notification-box{color:#79725b;background:#fef7e0;border:1px solid #e6c555}
.error-box{color:#7e6c6c;background:#feebeb;border:1px solid #ff9999}
.info-box p.icon,.download-box p.icon,.notification-box p.icon,.error-box p.icon{position:absolute;left:10px;top:10px;margin:0}


/* page header und footer und navigation */

#header 	{height:100px;background:url(images/bg-header.gif) no-repeat;}
#footer		{clear:both;height:100px;background:url(images/bg-footer.gif) no-repeat 124px 0px;text-align:right;padding-right:173px;}
#navigation	{float:left;position:relative;width:124px;text-align:right;padding-top:150px;}
#mainwindow	{float:left;position:relative;width:726px;background:url(images/bg-page.gif) repeat-y;}
.topLogo	{position:relative;z-index:5;left:35px;top:20px;}

.footerLeft		{float:left;width:124px;font-size:11px;padding-top:5px;}
.footerRight	{float:right;padding-top:50px;font-size:10px;}

/* content */
#StudioMap {margin-top:20px;margin-left:-39px;width:473px;height:450px}
.ZufahrtContent {}

.ausstattungImage	{float:left;width:60px;}
.ausstattungText	{float:left;width:310px;}
.ausstattungListItem {clear:both;padding-top:4px;}
.ausstattungHintergrund {margin:10px 0px 15px 15px;padding:0px}
.ausstattungListHintergrund {float:left;margin:0px 0px 4px 4px;padding:0px}
.HintergrundFarbe	{border:1px solid #333;display:block;}
.HintergrundFarbe:hover	{cursor:pointer;}

.buttonBuchung {margin:20px 0px;}

#content {position:relative;float:left;width:391px;margin:16px 44px 0px 51px;}
#content h1 {margin:0;padding:5px 0px;background-color:#ddd5c4;color:#7a5a1c;font-size:1.6em;text-align:center;margin-top:18px;border-top:1px solid #9ca3a9;border-bottom:1px solid #9ca3a9;margin-bottom:20px;}
#content h2 {margin:0;padding:0;font-size:16px;font-style:italic;font-weight:bold;}

h3	{font-weight:bold;font-size:1.05em;margin-top:10px;margin-bottom:0px;}
.mainTitle	{font-weight:bold;font-size:1.05em;margin-top:10px;}
.mainText	{line-height:1.4em;margin-top:4px;}
.mainText	ul {margin-top:0px;margin-left:0px}

.mehrAbstand	{padding:6px 0px;}
.mehrEinzug		{padding-left:25px;}

.HomeImage	{clear:both;float:left;width:60px;padding-top:13px;}
.HomeText	{float:left;width:330px;}
.NeuImage	{clear:both;float:left;width:58px;padding-top:13px;}
.NeuImage img	{padding:0;margin:0;}
.NeuText	{float:left;width:130px;}
.NeuImStudio	{overflow:auto;padding-bottom:1px}

/* rechts */
#rightInfo	{position:relative;float:left;width:208px;padding-left:20px;margin-top:-51px;z-index:500}
.RIimage 	{float:left;padding:0px;margin-right:8px;margin-bottom:3px;}
.RIinfo		{clear:both;font-size:10px;padding-top:5px;}
.rightSpacerLine	{border-top:1px dashed #c4b282;height:1px;margin-top:10px;margin-bottom:10px;margin-right:20px;}

.FPDIleft 	{float: left;padding:6px 10px 6px 10px;width:120px;font-weight: bold;text-align: right;}
.FPDIright  {float: left;padding:6px 10px 6px 10px;width:200px;border-left: 1px solid #414f5b;}

/* Formulare */
.formElement 	{margin:5px 0px 3px 0px;width:391px;overflow:auto;}
.formFieldLabel {text-align:right;float:left;width:110px;padding-top: 6px;font-weight: bold;margin-right: 0px;}
.formField 		{padding-top:4px;margin-left: 125px;}
.formField textarea, input, select {font-size: 0.95em;}
select, .inputText, .inputTextarea	{border:1px solid #8da4b7;background-color:#ffffff;color:#555;width:250px;}
input[type="text"] {padding: 3px 0px 3px 2px;}
select {padding: 2px;}

.inputText:focus, select:focus, textarea:focus, .inputTextarea:focus {background-color: #f2ede4;border:1px solid #b39e75;}
.inputText:hover, select:hover, textarea:hover, .inputTextarea:hover {background-color: #f2ede4;border:1px solid #b39e75;}

.formError, .formError a {color: #a12b2b;}
.formError .inputTextarea, .formError .inputText, .formError textarea, .formError select {border:1px solid #a12b2b;background-color:#fcf3f3;}
.formErrorDesc	{font-size:0.9em;}

/* Preistabelle */
.Studiopreislegende 	{background-color:#70a06a;border-left:1px dashed #d7ccb7;text-align:center;vertical-align:middle;font-size:0.9em;color:#FFF;}
.Studiopreisleft 		{background-color:#70a06a;text-align:left;vertical-align:middle;font-size:0.9em;color:#FFF;}
.Studiopreiscontent		{border-left:1px dashed #d7ccb7;text-align:center;vertical-align:middle;font-weight:bold;background-color:#fff;color:#0e7200;font-size:1.2em;}
.Studiolast				{border-right:1px dashed #d7ccb7;}
.PreisLast				{border-bottom:1px dashed #d7ccb7;}

/* Buchung */
.BuchungForm			{float:left;margin-right:10px;}

.SlotInfo			{clear:both;padding:5px 10px;width:380px;margin-left:10px;}
.SlotShort			{width:280px;}
.SlotAvailable		{border-top:1px dashed #406a4e;border-bottom:1px dashed #406a4e;background-color:#c5dccc;}
.SlotNotAvailable	{border-top:1px dashed #8a3535;border-bottom:1px dashed #8a3535;background-color:#dfc7c7;}
.SlotErrorInfo		{color:#8a3535;}
.SlotDatum			{font-weight:bold;display:inline;white-space:nowrap;}
.SlotSuccessText	{color:#406a4e;}
.SlotReservierung	{margin-top:4px;}
.SlotSuccessText a		 {color:#406a4e;}
.SlotSuccessText a:hover {color:#406a4e;}

.OwnButton			{cursor:pointer;padding:1px 8px 0px 8px;border:1px solid #7a5a1c;color:#7a5a1c;background-color:#ddd5c4;}
.OwnButton:hover	{color:#f7f7f7;background-color:#7a5a1c;}
.BuchungButtonRight	{float:right;margin-top:-2px;display:inline;}
.BuchRes			{font-weight:normal;font-size:0.9em;margin-top:-1px;}
.BuchResAbstand		{margin-top:3px;}

.eisbaer			{height:39px;background:url(/images/eisbaer_2010.jpg) no-repeat;color:#4287b7;padding-top:95px;font-size:10px;margin-top:15px;padding-left:8px;line-height:12px;margin-bottom:10px;}