/* 

Tagungshaus-Reimlingen.de // Stylesheets
(c) Interaktiv Manufaktur // Thomas Tiedtke // 2008

*/


/* Styles normalisieren 
***************************************** */

* {
   padding:0px;
   margin:0px;
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
}

ol, ul {
   list-style: none;
}

address,caption, cite, code, dfn, em, strong, th, var {
   font-style:normal;
   font-weight:normal;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

fieldset, img {
   border:0;
}

caption, th {
   text-align: left;
}


/* Allgemeine Styles 
***************************************** */

/* gegen Scrollbar-Springen beim Firefox */
html {
	height: 100%;
	margin-bottom: 1px;
}

body {
}

body,td,th,a,label {
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   font-size:12px;
   line-height:16px;
   color:#E6D2CD;
}

h1, h1 a {
   font-weight: normal;
   font-size:18px;
   line-height:18px;
   color:#E6D2CD;
   text-decoration:none;
   font-family: Georgia,'Times New Roman',times,serif;
}

h2, h2 a {
   font-weight: normal;
   font-size:12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   line-height:14px;
   color:#E6D2CD;
   text-decoration:none;
}

h3, h3 a {
   text-decoration:none;
}

h4, h4 a {	
   text-decoration:none;
}

ul {
   list-style: square;
   margin-left:20px;
}
li {
   margin-left:0px;
}
acronym {
   cursor: help;
}
strong {
   font-weight: bold;
}


.trenner {
   clear:both;
   height:4px;
   background-color:#FFB274;
   margin-top:24px;
   margin-bottom:16px;
   margin-top:0px;
}

.spacer {
   clear:both;
   height:8px;
}


/* Links
******************************** */

a {
   color:#E6D2CD;
}

a:hover {
   text-decoration:underline;
}

a.detail {
   display:block;
   background: url('/_images/icn_link.gif') left 5px no-repeat;
   padding-left:20px;
   text-decoration:underline;
   color:#EE7F00;
}

a.detail:hover {
   text-decoration:underline;
   color:#EE7F00;
}


a.linkext {
   background:url('/_images/icn_linkext.gif') top left no-repeat;
   padding-left:18px;
   text-decoration:none;
   color:#EE7F00;
}
a.linkext:hover {
   color:#EE7F00;
   text-decoration:underline;
}


a.back {
   background:url('/_images/icn_back.gif') center left no-repeat;
   padding-left:24px;
   text-decoration:none;
}
a.back:hover {
}

a.download {
   display: block;
   background:url('../_images/icn_linkdownload.gif') center left no-repeat;
   padding-left:18px;
   padding-top:5px;
   padding-bottom:5px;
   text-decoration:none;
}
a.download:hover {
   color:#EE7F00;
   text-decoration:underline;
}


a.downloadpdf {
   display:block;
   padding: 2px 0px 2px 20px;
   background:url('/_images/icn_pdfsmall.gif') top left no-repeat;
   text-decoration:none;
}
a.downloadpdf:hover {
   color:#EE7F00;
   text-decoration:underline;
}

a.print {
   background:url('/_images/icn_print.gif') center left no-repeat;
   text-decoration:none;
}
a.print:hover {
   text-decoration:underline;
}
a.email {
   /* background:url('/_images/icn_email.gif') center left no-repeat;
   padding-left:20px; */
   text-decoration:none;
   color:#EE7F00;
}
a.email:hover {
   text-decoration:underline;
}




/* 
Seiten-Bereiche
**************************************
*/

#head {
   position:relative;
   top:0;
   left:0;
   background-color:#FFFFFF;
   background-image:url('/_images/bg_head.png');
   background-repeat:repeat-x;
   background-position: top bottom;
   height:144px;
}

#branding {
   width:790px;
   height:135px;
   margin-left:auto;
   margin-right:auto;
   position:relative;
   top:0;
   left:0;
   border-bottom: 6px solid #76042E;
   margin-bottom:3px;

}


#logo {
   position:absolute;
   left:30px;
   top:24px;
}

#claim {
   position:absolute;
   top:100px;
   left: 270px;
   z-index:1;
}

#headContact {
   position:absolute;
   /* top:72px; */
   top:26px;
   left:520px;
   z-index:1;

}

/* Orange-Linie */
#mainLine {
   position:absolute;
   top:224px;
   left:0px;
   width:790px;
   height:3px;
   z-index:10;
   background-color:#EE7F00;
}


/* Stimmungstext */
#moodText {
   position:absolute;
   top:260px;
   left:12px;
}


/* Hauptbereich */
#main {
   /* background-color:#FEE9D3;*/
   background: url('/_images/bg_main.png') top left repeat-x;
}

/* Hauptbereich */
#content {
   position:relative;
   top:0;
   left:0;
   margin-left:auto;
   margin-right:auto;
   width:790px;
   background-color:#76042E;
   vertical-align: top;
   padding-bottom:60px;
}

/* Detailseiten, Inhaltsbereich (unter MainImage) */
#detail {
   width:496px;
   clear:both;
}

/* Footer */
#footer {
   position:relative;
   top:0;
   left:0;
   margin-left:auto;
   margin-right:auto;
   width:790px;
   clear:both;
   margin-top:3px;
   margin-bottom:60px;
   border-top: 6px #76042E solid;
   padding-top:6px;
   color:#B67773;
}

#footer a,
#footer a.email {
   color:#B67773;
   text-decoration:none;
   background:none;
   padding-left:0;
}
#footer a:hover {
   text-decoration:underline;
}


/* linke Spalte (Nav2) */
td.nav2 {
   width:270px;
   vertical-align: top;
}

/* mittlere Spalte */
td.detail,
td.overview {
   width:460px;
   vertical-align: top;
   padding-top:30px;
}

/* rechte Spalte (Sidebar, ergaenzender Inhalt) */
td.info {
   width:240px;
   vertical-align: top;
}

/* 
Navigation: Top-Navigation (Nav1)
**************************************
*/

div.nav1 {
   margin-top:0px;
   margin-left:6px;
   position:relative;
   top:-9px;
}

a.nav1,
a.nav1Active  {
   display:block;
   width:232px;
   height:48px;
   padding:4px;
   font-size:18px;
   font-weight:normal;
   text-decoration:none;
}

a.nav1Active {

}


img.nav1 {
   border-top: 6px solid #76042E;
   padding-top:3px;
}
img.nav1Active {
   border-top: 6px solid #EE7F00;
   padding-top:3px;
}


/* 
Navigation: Sub-Navigation (Nav2)
**************************************
*/

/* Nav 2 leicht nach oben versetzen */
div.nav2 {
   width:150px;
   position:relative;
   top:0px;
   left:6px;
   padding-top:20px;
}

a.nav2  {
   color: #FEE9D3;
   text-decoration:none;
   display:block;
   padding: 6px 0px 6px 6px;
}

a.nav2 span {
   display: block;
   padding: 4px;
}

a.nav2:hover {
   color: #76042E;
}

a.nav2:hover span {
   color: #76042E;
   background-color:#FEE9D3;
}

a.nav2Active {
   color: #76042E;
   font-weight:bold;
   text-decoration:none;
   display:block;
   padding-left:3px;
   border-left: 3px solid #EE7F00;
}

a.nav2Active span {
   display:block;
   padding: 4px;
   background-color:#FEE9D3;
}


/* 
Navigation: Sub-Navigation (Nav3)
**************************************
*/

.nav3 {
   margin-bottom:14px;
   padding-left:4px;
   padding-right:4px;
}

.nav3 a {

}
.nav3Inner {

}
.nav3Box,
.nav3BoxActive {

   /*	background-color: #FFFFFF; */
}
.nav3Box .inner,
.nav3BoxActive .inner {
   padding-top:4px;
}
.nav3BoxActive {
   /*	background-color: #FFC699;	*/
}

.nav3Box a,
.nav3BoxActive a { 
   background:url('/_images/icn_link.gif') top left no-repeat;
   text-decoration:none;
   /*	color:#000000; */
   padding-left:24px;
}
.nav3Box a:hover {
   text-decoration:underline;
}
.nav3BoxActive a {
   font-weight: bold;
   color:#FF7E16;
}
.nav3BoxActive a:hover {
   text-decoration:underline;
}



/* 
Locator 
**************************************
*/

#locator {
   font-size:10px;
   color: #666666;
   width:778px;
   padding:8px 0px 2px 24px;
}
#locator a {
   font-size:10px;
   color: #666666;
   text-decoration:none;
}
#locator a:hover {
   color: #333333;
   text-decoration:underline;
}
#locator span {
   font-weight:bold;
}


/* 
Meta-Navigation
**************************************
*/

.metaNav {
   position:absolute;
   top:96px;
   left: 580px;
   color: #FBCFA1;
}
.metaNav a,
.metaNav a.Active {
   display: block;
   font-size: 12px;
   line-height:14px;
   font-weight: normal;
   color: #76042E;
   text-decoration: none;
   padding: 4px 8px 4px 8px;
}

.metaNav a:hover {
   text-decoration:underline;
}

.metaNav a.Active {
   font-weight:bold;
   }



/* 
Styles Startseite
*******************************
*/

/* Seitenkennung */	
.start {
   padding-top:30px;
}

/* Titel auf der Startseite */
.start h1 {
   font-size:28px;
   line-height:32px;
   font-weight:normal;
   margin-right:18px;
   margin-bottom:18px;
}

.startMainImage {
   position:relative;
   top:12px;
   z-index:100;
}

.startBox {
   margin:30px;
}

.startBox h2,
.startBox h2 a {
   font-weight: normal;
   font-size:18px;
   line-height:18px;
   color:#E6D2CD;
   text-decoration:none;
   font-family: Georgia,'Times New Roman',times,serif;
}

.startBox h2 {
   margin-bottom:18px;
}

.startBox h2 a {
   text-decoration:none;
}

.startBox p {
   margin-bottom:8px;
}
.startBox p.text {
   min-height: 60px;
}
.startBox p.link {
   padding-bottom:12px;
}
.startBox a.link {
   color: #FF7E16;
   font-weight:bold;
   padding-left:24px;

}
.startBox a.link:hover {

}



/* 
Styles Überblick-Seiten
*********************************
*/

.overview h1 {
   padding-top:4px;
   padding-bottom:8px;
}

.overviewItem h1,
.overviewItem h1 a {
   font-family: Georgia,'Times New Roman',times,serif;
   font-size:14px;
   line-height:18px;
   color:#E6D2CD;
}

.overviewItem h2,
.overviewItem h2 a {
   font-size:18px;
   line-height:18px;
   color:#E6D2CD;
   text-decoration:none;
   font-family: Georgia,'Times New Roman',times,serif;
}


.overviewItem h1 strong {
   font-weight:normal;
   text-transform:uppercase;
}

.overviewItem {
   padding:0;
   color:#E6D2CD;
}
.overviewItem td {
   vertical-align:top;
}
.overviewItem img {
   margin-right:12px;
}

.overviewItem p {
   padding-bottom:4px;
}




/* 
Styles Detailseiten
*********************************
*/

.detail {

}

#detailImages {
   vertical-align:top;
   width:204px;
   padding-top:40px;
}

#detailText {
   vertical-align:top;
   padding-top:20px;
   width:288px;
}


/* Detail-Seite Überschrift */
.detail h1 {
   color:#F7B570;
   padding-top:20px;
   padding-bottom:10px;
   font-family: Georgia,'Times New Roman',times,serif;
   font-size:24px;
   margin-bottom:24px;
}

.detail h2 {
   margin-bottom:12px;
}

img.detailMainImage {
   padding-top:20px;
   margin-bottom:20px;
}

p.intro {
   width:360px;
}

/* Detail-Seite Text */
.detail p {
   width:280px;
   margin-bottom:12px;
}
.detail ul {
   margin-bottom:12px;
}
.detailTabInner {
   min-height: 600px;
   padding-top:18px;
   padding-left:12px;
   padding-bottom:48px;
}

.detailTabs h2,
.detailTabs p {
   padding-left:8px;
}

.detailTabs h2 {
   font-size:18px;
   font-weight:normal;
}
.detailTabs  {
   padding-top:10px;
}

/* Detail-Seite Text */
.detailTab p {
   width:auto;
   margin-left:0;
   padding-left:0;
   margin-bottom:6px;
}

.tabnav {
   /* min-height:22px; */
   border-bottom:#EE7F00 solid 4px;
}

a.tabItem {
   display:block;
   border-top:#F7B570 solid 1px;
   border-left:#F7B570 solid 1px;
   border-right:#F7B570 solid 1px;
   padding:5px 10px 5px 10px;
   min-height:20px;
   text-decoration:none;
   color:#F7B570;
   margin-right:4px;
}
a.tabItemActive,
a.tabItem:hover {
display:block;
   border:#EE7F00 solid 1px;
   background-color:#EE7F00;
   padding:5px 10px 5px 10px;
   text-decoration:none;
   min-height:20px;
   color:#76042E;
   margin-right:4px;
}


/*
Infobereich
*********************************
*/


.info .trenner {
   height:6px;
}

.info h2,
.info h3 {
   margin-top:24px;
   margin-left:12px;
   padding:0;
}

.info p,
.info ul {
   padding-left:12px;
   padding-right:6px;
   padding-bottom:6px;
}





/* Umgebung
*******************************
*/

.umgebung p {
   width:200px;
   margin-bottom:24px;
}

.umgebung p.intro {
   width:360px;
}

.umgebungImg {
   margin-bottom:12px;

}



/* Raumliste
*******************************
*/

table.raumliste {

}

table.raumliste th {
   vertical-align: bottom;
   text-align: center;
   border-bottom: 1px #F7B570 solid;
   min-height:36px;
}

table.raumliste .iconLabel {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   /*color:#000000;*/
}

table.raumliste td {
   border-bottom: 1px #F7B570 solid;
   text-align: center;
   vertical-align: top;
   padding-top:8px;
   padding-bottom:8px;
}

table.raumliste td.label {
   text-align:left;
}



/* Raumliste
*******************************
*/

table.preisliste {
   margin-bottom:24px;
}

table.preisliste td.left {
   text-align:left;
}

table.preisliste th {
   vertical-align: bottom;
   text-align: center;
   border-bottom: 1px #F7B570 solid;
   padding-top:8px;
   padding-bottom:8px;
   min-height:36px;
   font-weight:bold;
}

table.preisliste td {
   border-bottom: 1px #F7B570 solid;
   text-align: center;
   vertical-align: top;
   padding-top:8px;
   padding-bottom:8px;
}

table.preisliste td.label {
   text-align:left;
}

table.preisliste td.borderL {
   border-left: 1px #F7B570 solid;
}

table.preisliste td.borderLR {
   border-left: 1px #F7B570 solid;
   border-right: 1px #F7B570 solid;
}

table.preisliste td.borderR {
   border-right: 1px #F7B570 solid;
}

/* Linkliste
************************** */
ul.linklist {
   margin-left:0px;
}

ul.linklist li {
   display:block;
   margin-bottom:8px;
}






/* Google Maps
******************************************* */

#gmap a, #gmap span {
   font-family: Arial, Helvetica, sans-serif;
   font-size:8px;
}

#gmap a {
   float:right;
}

#gmap span {
   float:right;
}





/* Partnersite-Footer */

#footerPartnerSites {
   margin-left:auto;
   margin-right:auto;
   width:790px;
   background-color:#FFFFFF;
   color: #999999;
   padding-bottom:100px;
}

#footerPartnerSites ul.linklist {
   margin-top:0;
   padding-top:0;
   margin-left:20px;
   padding-left:10px;
   border-left: 1px solid #999999;
}
#footerPartnerSites td {
   color: #999999;
}
#footerPartnerSites a {
   color: #999999;
   text-decoration:none;
}

#footerPartnerSites a:hover {
   text-decoration:underline;
}


.twitterBox {
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 20px;
   background-color: #FFFFFF;
}