/* 
	* ============================================================== 
	* Senats Hotel Koeln
	*
	* @copyright       Senats Hotel Koeln
	* @author          brandung GmbH & CoKG - Andrea Loeper
	* @file			   global.css
	* @version         0.1
	*
	* ============================================================== 
	*/

  /* 
	* ============================================================== 
	* =Globale Klassen
	* ============================================================== 
	*/

	.img { border: 0; padding:0 0 0 0; vertical-align:top; }
	.left { float: left; display: inline; }
	.right { float: right; display: inline; }
	.center { display:block; text-align:center; margin: 0 auto; }
	
	.font1px { font-size: 1px; }
	
	.textRight { 
		text-align:right; padding-right:12px;
		}
		
	.textLeft { 
		text-align: left; 
		}
		
	.textCenter { text-align: center; }
	
	.textColRightTeaser { 
		color:#333333;
		font-size:11px;
		font-style:normal;
		padding-left:7px;
		padding-top:10px;
		text-align:left;
		}
/* ======== Text-Style für Links + LinkPfeil ========== */		
	strong { 
		font-weight:bold;
		text-transform:uppercase;
		color:#840111;
		font-size:10px;
	}
	
	.icon-arrow { background:transparent url(../img/ic-arrow.gif) no-repeat scroll right 60%; padding-right:14px; }	
	
/* ======== Text-Style fett,kursiv Schriften im Textfluss ========== */		
	
	em { font-style:italic; }
	
	.normal { font-weight: normal; color: #333333;}
	.underline { border-bottom:1px solid; }

	.strongNormal { font-weight:bold; color:#333333; margin-bottom:1px;}
	.tableFormierung .strongNormal { font-weight:bold; color:#333333; margin-bottom:1px; padding-left:5px; }

  /* 
	* ============================================================== 
	* =Navi
	* ============================================================== 
	*/
	#navi { 
		padding:4px 15px 0;
	}
	
		#navi ul {
			float: right;
			display: inline;
			list-style: none;
			margin: 5px 5px 5px 5px;
		}
		
			#navi li {
				float: left;
				margin: 0;
				display: inline;
			}
			
				#navi li a { display: block; height: 28px; margin-left: 0px; }
				#navi li a span { margin: -10000px; }
				
				#navi li a.tab1 { background: url(../img/navi_tab1.png); width: 82px; }
				#navi li a.tab1:hover,
				#navi li.active a.tab1 { background: url(../img/navi_tab1_over.png);}
				
				
				#navi li a.tab2 { background: url(../img/navi_tab2.png); width: 87px; }
				#navi li a.tab2:hover,
				#navi li.active a.tab2 { background: url(../img/navi_tab2_over.png); }
				
				#navi li a.tab3 { background: url(../img/navi_tab3.png); width: 136px; }
				#navi li a.tab3:hover,
				#navi li.active a.tab3 { background: url(../img/navi_tab3_over.png); }
				
				#navi li a.tab4 { background: url(../img/navi_tab4.png); width: 134px; }
				#navi li a.tab4:hover,
				#navi li.active a.tab4 { background: url(../img/navi_tab4_over.png); }
				
				#navi li a.tab5 { background: url(../img/navi_tab5.png); width: 161px; }
				#navi li a.tab5:hover,
				#navi li.active a.tab5 { background: url(../img/navi_tab5_over.png); }
				
				#navi li a.tab6 { background: url(../img/navi_tab6.png); width: 104px; }
				#navi li a.tab6:hover,
				#navi li.active a.tab6 { background: url(../img/navi_tab6_over.png); }
				
				

  /* 
	* ============================================================== 
	* =SubNavi
	* ============================================================== 
	*/
	#subnavi { 
		background:transparent url(../img/subnavi_bg.gif) no-repeat scroll 0 0;
		padding-top:85px;
		width:198px;
		}
		
		#subnavi .footer { 
		background: url(../img/subnavi_footer.gif) no-repeat bottom left; 
		width: 198px; 
		height: 6px; 
		font-size: 1px;
		}
	
		#subnavi ul {
			list-style: none;
		}
		
			#subnavi li {
				margin: 0 0 5px 0;
				background: url(../img/subnavi_line.gif) no-repeat bottom center;
			}
			
				#subnavi li.last { background: none; }
			
				#subnavi ul li a {
					
					display: block;
					font-size: 11px;
					color: #840111;
					line-height: 14px;
					text-decoration: none;
					cursor: pointer;
				}
				
				#subnavi ul li a span { 
					display: inline;
					float: left;
					padding: 8px 0 15px 18px;
					
				}
				
				#subnavi ul li a:hover,
				#subnavi ul li.active a { font-size: 11px; font-weight:bold;}
				#subnavi ul li a:hover span {}
					
					
  /* 
	* ============================================================== 
	* =Ariadne
	* ============================================================== 
	*/
	#ariadne {}
  
 	/* 
	* ============================================================== 
	* =Logo
	* ============================================================== 
	*/
	#Logo {
		left:30px;
		position:absolute;
		top:0px;
		width:179px;
		z-index:1;
	}
	/* *** */

  
  /* 
	* ============================================================== 
	* =Startseite
	* ============================================================== 
	*/
	
	#startHeaderPic { 
	}

	#startWelcome {
		height:80px;
		left:674px;
		position:absolute;
		top:260px;
		width:196px;		
	}

	.startTeaser {
		background:transparent url(../img/bg_startteaser.gif) no-repeat scroll 0 0;
		float:left;
		display: inline;
		padding:6px 10px 44px 10px;
		margin: 0 3px;
		width:289px;
	}	
	
	#container .startTeaser .startImages {
		border-bottom:1px solid #d4a8ad;
		border-top:1px solid #d4a8ad;
		padding-bottom:4px;
		padding-top:4px;
		width:290px;
	}
	
	#container .startTeaser h2.header_zimmer{
		background:transparent url(../img/header_zimmer.gif) no-repeat scroll 0 0;
		height:20px;
	}	
	
	#container .startTeaser h2.header_tagung{
		background:transparent url(../img/header_tagung.gif) no-repeat scroll 0 0;
		height:20px;
	}	
	
	#container .startTeaser h2.header_dom{
		background:transparent url(../img/header_dom.gif) no-repeat scroll 0 0;
		height:20px;
	}	

  /* 
	* ============================================================== 
	* =colRight, colLeft, colContent Center (Inhalt)
	* ============================================================== 
	*/
	
 	 /* ======== colRight rechte Seite ========== */
	
	#colRight .RightTeaser {
		background:transparent url(../img/bg_teaser_colRight.gif) no-repeat scroll 0 0;
		display:inline;
		float:left;
		padding: 6px 9px 3px 7px;
		width:185px;
	}
		 
		#colRight .RightTeaser p { padding: 10px 10px 20px 10px ; margin: 0; }
		 
	 	#colRight .RightTeaserFooter {
			background:transparent url(../img/footer_teaser_colRight.gif) no-repeat scroll left bottom;
			float:left;
			display: inline;
			height:11px;
			width:200px;
			margin: 0 0 10px 0;
			font-size: 1px;
		}
			 
	 	#colRight .RightTeaser h4 {
			border-bottom: 1px solid #d4a8ad;
			height:23px;
		}	
 
	 /* ======== colContent Center ========== */
	
	#colContent h1 { font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 10px 0; }
	#colContent h2 { font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 3px 0; }
	#colContent h3 { font-size: 11px; font-weight: bold; margin: 0; padding: 0 0 3px 0; color:#333333; }
	
	
	#colContent ul {
				margin:5px 0;
				}
				
	#colContent li {
					background:transparent url(../img/point.png) no-repeat scroll left 6px;
					color:#333333;
					line-height:14px;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:4px 0;
					padding:0 0 0 10px;
					}

/* =================================== Einstiegsseiten ======================================== */
	#colContent .einstiegsTeaser {
			background:transparent url(../img/bg_einstiegsteaser.gif) no-repeat scroll 0 0;
			display:inline;
			float:left;
			height:190px;
			padding:5px 21px 5px 6px;
			width:236px;
			}
		 
			 #colContent .einstiegsTeaser h2 {
				border-bottom: 1px solid #d4a8ad;
				height:16px;
				width:238px; 
				}
	
			#colContent .einstiegsTeaser .einstiegImages {
				padding:0px;
				width:237px;
				}
/* =================================== Bild + Text, Text, GoogleMap Boxen ======================================== */
	#colContent .BoxTeaser {
		background:transparent url(../img/bg_boxteaser.gif) no-repeat scroll 0 0;
		clear:both;
		display:inline;
		float:left;
		margin:17px 0 0;
		padding:5px 5px 5px 6px;
		position:relative;
		width:513px;
		}
				
	#colContent .BoxTeaserFooter {
				background:transparent url(../img/footer_boxteaser.gif) no-repeat scroll left bottom;
				float:left;
				display: inline;
				height:12px;
				width:525px;
				font-size: 1px;
				}
				
				#colContent .BoxTeaser h2{
					background:#F8F9FB none no-repeat scroll 0 0;
					border-bottom:1px solid #d4a8ad;
					font-size:12px;
					margin:5px 5px 5px 138px;
					padding-bottom:5px;
					padding-top:6px;
					}
					
					#colContent .BoxTeaser .date{
						color:#840111;
						font-weight:bold;
						position:absolute;
						right:30px;
						top:16px;
						}
						
	#colContent .map{
	background:url(../img/bg_GMaps.gif) no-repeat scroll 0 0;
	width:525;
	height:327;
	padding:12px 10px 36px;
	}
	#colContent .download{
		color:#840111;
		margin:0 0 6px;
	}
	
	#colContent .download a{
		background-image:url(../img/download.gif);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:20px;
		width:5px;	
	}
	
	#colContent #kontakt_box {
		height:78px;
		width:520px;	
	}
	
	#colContent .kontakt_first{
		width:169px;
		float:left;
	}
	
	#colContent .kontakt_second{
		margin:5px;
		width:300px;
		float:left;
	}
	#colContent #kontakt_box .kontakt_second p{
	margin:0;}
	
	#colContent .kontakt_second .telefon{
		background:transparent url(../img/ic-tel.gif) no-repeat scroll 0 0;
		padding-left:18px;
		text-align:left;
		}
	#colContent .kontakt_second .fax{
			background:url(../img/ic-fax.gif) no-repeat scroll 0 0;
			padding-left:18px;
			text-align:left;}

	#colContent .kontakt_second .mail{
			background:url(../img/ic-mail.gif) no-repeat scroll 0 0;
			padding-left:18px;
			text-align:left;
				}
/* =================================== Zimmerdetailseiten ======================================== */	
 
		#colContent .BildContainer{
			border-bottom: 1px solid #d4a8ad;
			border-top: 1px solid #d4a8ad;
			display:inline;
			float:left;
			height:212px;
			width:525px;
			 }
		 
			#colContent .BildContainer .ImageBig{
				position: relative;
				float: left;
				padding:6px 6px 6px 3px;
				width:343px;
				}
			
					#colContent .BildContainer .ImageBig .ImageZoom{
						bottom:10px;
						position:absolute;
						right:8px;
						}
			
			#colContent .BildContainer .ImageSmall{
				float:right;
				padding:6px 3px 9px;
				width:153px;
				}
		#colContent .ausstattungTeaser {
			background:transparent url(../img/bg_teaser_ausstattung.gif) no-repeat scroll 0 0;
			display:inline;
			float:left;
			width:517px;
			margin:2px 0 0;
			padding:6px 6px 0px;
			}
			 
			 #colContent .ausstattungTeaser h3 {
				border-bottom: 1px solid #d4a8ad;
				height:25px;
				width:514px; 
				}
				
			#colContent .ausstattungTeaserFooter {
			background:transparent url(../img/footer_teaser_ausstattung.gif) no-repeat scroll left bottom;
			float:left;
			display: inline;
			height:12px;
			width:525px;
			font-size: 1px;
			}
		
				#colContent .ausstattungTeaser ul.left {
					margin:5px 0 5px 10px;
					width:195px;
				}
				#colContent .ausstattungTeaser ul.right {
					float:left;
					margin-left:60px;				
				}
				
				#colContent .ausstattungTeaser .ausstattungBox{
					float:left;
					width:400px;
				}
		
				#colContent .ausstattungTeaser li {
					background:transparent url(../img/point.png) no-repeat scroll left 6px;
					color:#333333;
					line-height:14px;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:4px 0;
					padding:0 0 0 10px;
					}

/* =================================== ImagesPosition ======================================== */
		
		.imageLeft {
		border-bottom:1px solid #d4a8ad;
		border-top:1px solid #d4a8ad;
		display:inline;
		float:left;
		margin:0 13px 10px 0;
		padding-bottom:5px;
		padding-top:5px;
		}
		.imageLeftinBox {
		display:inline;
		float:left;
		margin:0 10px 0 4px;
		padding-bottom:0;
		padding-top:4px;
		}
		
/* =================================== Table_global ======================================== */

.tb_header{
		background:#dee1eb;
		height:35px;}
/* =================================== Table ======================================== */
#tabellen{
width:524px;
float:left;
}

.tableBig	{
clear:both;
margin-bottom:20px;
padding-top:0;
width:520px;
		}
		.tableSmall	{
float:left;
margin-bottom:20px;
padding-top:0;
width:254px;
		}
	.tableSmalltext{
		float:left;
		line-height:20px;
		margin-left:17px;
		width:245px;
	}
	
	.tableSmalltext p{
		font-size:10px;
	}	
		
#tabellen h2{ float:left;
font-size:14px;
font-weight:bold;
margin:0;
padding:0 0 3px; }

#tabellen .Text_tb_right{
color:#840111;
display:inline;
float:right;
font-size:10px;
font-weight:bold;
margin-top:5px;
text-align:right;}
		
#tabellen .tb_spezial_preise{
border:1px solid #ddd;
float:left;
margin-bottom:20px;
padding-top:0;
width:520px;
vertical-align:middle;
					height: 

		}
		
#tabellen .tb_spezial_preise tr td, .tb_zusatz tr td{
height: 32px;

		}		
		
#tabellen .tb_zusatz{
border:1px solid #ddd;
margin-bottom:8px;
padding-top:0;
vertical-align:middle;
width:253px;

		}
		
.tableFormatKapazi	{
		padding-top:0;
		width:520px;
		margin-bottom:20px;
		}
		
	.tableFormatKapazi	table{
		border:1px solid #dee1eb;
		margin:0;
		width:100%;
	}

		.tableFormatKapazi table tr td{
			height:35px;
		}
	
		.tableFormatKapazi table tr,td {
					border-bottom: 1px #DDD solid;
					font-weight:normal;
					color:#333333;
				}
	.tableFormatKapazi .tableText{
	text-align:center;
	}
/* 
	* ============================================================== 
	* =Formulare
	* ============================================================== 
	*/

/* =================================== OnlineBuchung ======================================== */
	.onlineB .date{
			padding:1px 5px;
			float: left;
			}
		
#colRight .RightTeaser p.onlineB{
			padding:4px 3px 0px 5px;
			clear: both;
			margin-bottom: 0;
			}
			
		.RightTeaser span.inputText {
					display:inline;
					float: left;
					margin:1px;
					}
					
		.RightTeaser span.inputText input { 
					margin:0 5px 0 2px;
					padding:0px;
					width:85px;
					float: left;
					}

		.RightTeaser span.inputText img { 
					float: left;
					}
					
		.RightTeaser span.inputText select {
					height:18px;
					margin:0 0 0 2px;
					padding:0;
					width:60px;
					}
								
		.RightTeaser p label { 
				cursor:auto;
				display:inline;
				float:left;
				width:57px;
				}
/* =================================== AnfrageFormular ======================================== */

.spalte2{ width: 250px; margin: 5px 3px; float: left; display: inline; } 

#formulare{
}

	#formulare .BoxTeaser h2{ margin:0px; padding:6px; }

	#formulare p { margin-bottom: 10px; }
	#formulare small { font-size: 9px; line-height:normal; }
	#formulare label { display: block; }
	
	#formulare input { border: 1px solid #d4a8ad; width: 185px; padding: 2px; }
	#formulare select { width: 191px; padding: 1px; }
	
	#formulare .plz { float: left; width: 50px; }
	#formulare .plz input{ width: 40px; }

	#formulare .ort { float: left; width: 165px; }
	#formulare .ort input { width: 134px; }
	

	#formulare .anfrage { margin: 5px 3px; }
	#formulare .anfrage p { margin-bottom: 20px; }
	#formulare .anfrage label { float: left; width: 110px; }
	#formulare .iCal { float:left; display: inline;  width: 190px;}
	#formulare .iCal input { width: 150px;}
	#formulare .iCal img { padding-left:5px;}
	#formulare .checkRight { float: right; padding-right: 20px;}
	#formulare .smallSelect select { width:70px; float:left}
	#formulare .anfrage textarea { width: 370px; border: 1px solid #d4a8ad;  padding: 2px; height:80px}

	#formulare .check input,
	#formulare .submit input { width:auto; border:none; margin-left:10px}
	#formulare p.submit { margin-bottom: 0;}

	.smallAbstand { margin-top: 120px; margin-bottom: 0;}
	.cash { padding-right:30px;}

  /* 
	* ============================================================== 
	* =Accordion
	* ============================================================== 
	*/
	
	#accordion .BoxTeaser h2{
		background:#F8F9FB none no-repeat scroll 0 0;
		border-bottom:1px solid #d4a8ad;
		font-size:12px;
		margin:0 0 0 0;
		padding: 5px;
	}

	#accordion .BoxTeaser h3{
		padding: 5px 5px 0 5px;
	}

	#accordion span.item {background:url(../img/btn_s_plus.gif) no-repeat top right; cursor:pointer; float: right; padding-right: 15px; }

	.accordionContent {
		padding:5px 5px 0 5px;
		display:none;
	}

	#accordion ul.left{
		margin:10px;
		width: 230px;
	}