@import url(ttnews.css);

body { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%;
	line-height:110%; /*war 110%*/
	color: #000;
	margin: 0; 
	padding: 10px 0;
	background:#EAEAEC url(../images/hintergrund.png) repeat-x;
}

a	{ outline:0; }
/* firefox scrollbar hack */ 
html {height: 100%; margin-bottom: 1px; } 


/****************************************************************
	Geraffel ringsrum, Schatten, mittig etc. 
*****************************************************************/

#wrapper {
	background: url(../images/body.png) repeat-y 50% 0; 
	width:990px;
  	min-height: 100%; /* For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
  	height: 100%; /* For IE */
	font-size: 73%; /*war 69%*/
	margin: 0 auto;
	text-align:left;
}

.block-clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.block-clear{display:inline-block; background:red;}
/* Hides from IE-mac \*/
* html .block-clear{height:1%;}
.block-clear{display:block;}

#wrapper #container-top { height:0px; background:transparent url(../images/top.gif) no-repeat scroll top left; }
#wrapper #container-bottom { background:transparent url(../images/bottom.gif) no-repeat scroll left top; height:2px; }

#wrapper #wrapper-left { 
	background:transparent url(../images/shadow-left25.png) no-repeat scroll right top;
	height:400px;
	width:25px;
	float:left;
	margin:0px;
	position:relative;
	z-index:5;
}

#wrapper #wrapper-right {
	background:transparent url(../images/shadow-right25.png) no-repeat scroll left top;
	height:400px;
	width:25px;
	float:right;
	margin:0px;
	position:relative;
	z-index:5;
}

#wrapper-bottom {
	background:transparent url(../images/shadow-bottom.png) no-repeat scroll left top;
	height:15px;
	width:990px;
	z-index:5;
	margin-bottom:10px; 
	margin: 0 auto;
}

#wrapper #wrapper-center {
	margin: 0 25px;
	background-color:#fff;
}

body.body-left { min-width:780px; }

#wrapper #container #body-left {
	margin:0px;
	width:205px;
	float:left;
	z-index:2;
	position:relative;
}

#container-top {
	height:2px;
}

#wrapper #container {
	margin:0 auto;
	padding:0;
	max-width:1270px;
	background:transparent url("../images/bg-wrapper.jpg") repeat-y scroll top left;
}


/****************************************************************
	Modul Header
*****************************************************************/

div#header {
	background:transparent url("../images/bg-header.jpg") no-repeat;
	width:100%;
	height:196px;
	position:relative;
}

div#logo a {
	position:absolute;
	left:115px;
	top:40px;
	width:200px;
	height:85px;
	border:0;
	background:transparent url("../images/logo-kurhaus-bad-wurzach.gif") no-repeat;
}

div#degr360 a {
	position:absolute;
	left:208px;
	top:147px;
	background:transparent url("../images/360grad.gif") no-repeat; 
	width:80px;
	height:45px;
}
div#degr360 a:hover {
	background:transparent url("../images/360grad2.gif") no-repeat; 
}

ul#header-navi { list-style-type: none; padding:0; margin:0; }

ul#header-navi li#h-kontakt a { 
	position:absolute;
	left:479px;
	top:115px;
	background:transparent url("../images/link-kontakt4.png") no-repeat; 
	width:116px;
	height:33px;
}
ul#header-navi li#h-kontakt a:hover { 
	background:transparent url("../images/link-kontakt3.png") no-repeat; 
}

ul#header-navi li#h-impressum a { 
	position:absolute;
	left:510px;
	top:110px;
	background:transparent url("../images/link-impressum4.gif") no-repeat; 
	width:88px;
	height:34px;
}
ul#header-navi li#h-impressum a:hover { 
	background:transparent url("../images/link-impressum2.gif") no-repeat; 
}
ul#header-navi li#h-oeffnungszeiten a { 
	position:absolute;
	left:615px;
	top:70px;
	background:transparent url("../images/link-oeffnungszeiten4.png") no-repeat; 
	width:117px;
	height:48px;
}
ul#header-navi li#h-oeffnungszeiten a:hover { 
	background:transparent url("../images/link-oeffnungszeiten3.png") no-repeat; 
}

/****************************************************************
	Modul Content
 	Definiert 3 Spalten (navigationgation, Content, rechte Spalte)
*****************************************************************/	
	
#col1, #col2, #col3 { float: left; }
div.abstand { padding:8px; }
#col3 div.abstand { padding:40px 15px 0 15px; margin:3px; }

#col1 { 
	width: 175px; 
	background: transparent url("../images/bg-col1.gif") no-repeat;
	padding-top:40px;
}

#col2 { 
	margin: 0; 
	/*width: 530px; */
	width:510px;
	margin-right:30px;
	margin-top:33px;
	margin-bottom:1.5em;
}

#col3 { 
	width: 225px; 
	background: transparent url("../images/bg-col3-rest.gif") no-repeat;
	min-height:300px;
	height:auto !important;
	height:300px;
}

#col3 div#logo {
	position:absolute;
	background: transparent url("../images/logo-kurhaus-klein.gif") no-repeat;
	width:146px;
	height:70px;
	border:0;
	outline:0;
	margin-top:-38px;
	margin-left:16px;
	z-index:10;
}
#col3 div#logo2.veranstaltungen {
	background: transparent url("../images/logo-veranstaltungen.jpg") no-repeat;
}
#col3 div#logo2.aktuell {
	background: transparent url("../images/logo-aktuell.jpg") no-repeat;
}
#col3 div#logo2.restaurant {
	background: transparent url("../images/restaurant.jpg") no-repeat;
}
#col3 div#logo2.shop {
	background: transparent url("../images/shop.jpg") no-repeat;
}
#col3 div#logo2.tagungen {
	background: transparent url("../images/tagungen.jpg") no-repeat;
}

/****************************************************************
	Modul Navigation
 	Definiert Ebene 2-3
*****************************************************************/	

div#mainnavi ul { 
	list-style-image: none;
	list-style-position: outside;
	padding:0; 
	margin:0;
}

div#mainnavi ul li  { 
	list-style-type: none; 
	margin:2px 0; 
	float: inherit; 
	border-bottom:1px solid #C0C1C3;
	/* sonst gibts im IE keine border nach unten, warum auch immer */
	border-top:1px solid #C0C1C3;
	margin-top:-3px;
}

div#mainnavi ul li a { 
	display:block; 
	color:#000; 
	padding:.12em 5px .12em 20px; 
}

div#mainnavi li.current, 
div#mainnavi li.active, 
div#mainnavi li.current_has_sub, 
div#mainnavi li a:hover, 
div#mainnavi ul li.active a { 
	color:#782829; 
	background:#D9DADC url("../images/bg-navi-hover.gif") no-repeat top right; 
}

div#mainnavi ul ul { padding:0; margin:0; }
div#mainnavi ul ul li { margin:0; padding:0; border:1px solid #D9DADC; }
div#mainnavi ul ul li a, div#mainnavi ul li.active ul a { background: #D9DADC url("../images/square.gif") no-repeat 10px 1px; color:black; }
div#mainnavi ul li.active li.current a { color:#782829; background: #D9DADC url("../images/square_act.gif") no-repeat 10px 1px; }
div#mainnavi ul ul li a:hover { background: #D9DADC url("../images/square_act.gif") no-repeat 10px 1px; }
div#mainnavi ul ul li a span { padding-left: 12px; }

div#mainnavi ul li a:hover, div#mainnavi ul li.has_sub ul li.normal a:hover { 
	color:#782829; 
	background:transparent url("../images/bg-navi-hover-nosub.gif") no-repeat top right; 
}

div#mainnavi ul li.has_sub a:hover {
	background:transparent url("../images/bg-navi-hover.gif") no-repeat top right; 
}

/****************************************************************
	Modul Teaserausgabe
*****************************************************************/	

.tx-jppageteaser-pi1 .tx-jppageteaser-pi1-list-entry-image {
	float:left;
	width:40%;
	text-align:center;
	margin-top:-20px;
}

.tx-jppageteaser-pi1 .tx-jppageteaser-pi1-list-entry-image div {
	text-align:center;
	display:table-cell;
	/* har har damit geht es har */
}
	
.tx-jppageteaser-pi1 .tx-jppageteaser-pi1-list-entry-description {
	float:left;
	width:60%;
}

.tx-jppageteaser-pi1-list h4 {
	padding-left:35%;
}

div.tx-jppageteaser-pi1-list-entry {
	width: 100%;
	clear:both;
	background:url("../images/bg-list-entry.gif") no-repeat bottom right;
}

div.tx-jppageteaser-pi1-list-entry-link-item a {
	padding-top:10px;
	padding-left:15px;
	background: transparent url("../images/pfeil-vor.gif") no-repeat 0 90%;
}


/****************************************************************
	Modul Allgemeine Tags
 	Definiert p, h1-h5, etc.
*****************************************************************/			

a { text-decoration: none; color:#ad3d2c; }	
a:link { text-decoration:none; color:#ad3d2c; }
a:visited { color:#ad3d2c; }
a:hover { color:#5C770C; border-bottom:1px solid #5C770C; }
#mainnavi a:hover, #header a:hover { border:none; }

#col1 img, #col2 img, #col3 img { border:0; }

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	margin: 0 0 1em 0; 
	padding-top: 3px; 
	color:#000;
	
}

#col2 h1, #col2 h4 {
	font-family: Georgia, 'Times New Roman', serif;
	font-weight:normal;
	letter-spacing:1px;
	font-size:200%;
	color:#100E11;
	line-height:100%;
}

#col2 h2 { font-size:130%; }
#col2 h4 { font-size:180%; }
p { margin-bottom:1em; }
p.bodytext {margin:0 0 1em 0;}
#printer { border:0; }
.Clear { clear: both; }	
#printer, li#h-impressum a, li#h-kontakt a, li#h-oeffnungszeiten a, .footer-abstand img { behavior:url(iepngfix.htc); z-index:20; } 

@media screen, print
{
.invisable {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}


/****************************************************************
	Modul breadcrumb
*****************************************************************/

#breadcrumb { 
	position: relative;
	padding-left:198px;
	top: 10px;
	width:555px;
	font-size:69%;
	line-height:1.4em;
}


/****************************************************************
	Modul <hr>
*****************************************************************/	

hr.clearer {
	clear:right;
	height:1px;
	border:0;
	color: #FF7A0E;
}

#col2 hr {
	height:1px;
	border:0;
	color:#ccc;
	background-color:#ccc;
}

hr.clearall {
	clear:both;
	height:1px;
	border:0;
	color: #fff;
}

hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}


/****************************************************************
	Modul Bulletlisten fuer diverse Ausgaben
*****************************************************************/	

#col2 ul {
	list-style-image: url(../images/square2.gif);
	list-style-position: outside;
 	padding:.5em 0 1em 5px;
	margin: 1em 0;
}	

#col2 ul li { margin: .2em 12px; }


/****************************************************************
	Tabellen
*****************************************************************/		
/*
table {
	background-color:#EFEFEF;
	border-collapse:collapse;
	width:460px;
	margin: 1em  0;
}

table th {
	background-color:#E2ECF1;
	border:1px solid white;
	padding:5px;
}

table td {
	border:1px solid white;
	vertical-align:top;
	padding:5px;
	font-size:11px;
	line-height:13px;
}

table td.nowrap { white-space:nowrap; }
table td.news-logged-grey { background-color:#DADADA; }

*/
/****************************************************************
	Modul Boxen
	Definiert Ausgabe Boxen rechts
*****************************************************************/	

div.box { }

div.box h2  {
	margin:0 0 .8em 0;
	font-size:100%;
	padding: 4px 0 2px 8px;
}

div.box .date {
	font-style:italic;
	padding-right:3px;
}

div.box h4 { 
	padding:3px 8px; 
	border-bottom:1px solid #CCC;
	margin:-8px -8px 10px -8px;
}

div.box ul {
	margin: 0;
	padding: 0 0.5em 0 0;
	list-style-type:none;
}

div.box ul li { padding: .3em 0; }

div#col3 div.kontextbox h2 {
	margin-top:4px;
} 

div.kontextbox ul { 
	list-style-image: url("../images/square2.gif"); 
	padding:0 0 0 4px;
	margin:1em;
}

div.kontextbox .news-list-date {
	float:none;
	display:block;
	text-align:left; 
	height:14px;
}

div.kontextbox .news-latest-item { margin:0; padding:0; }
div.kontextbox .news-latest-item ul { margin-top:0; padding:0; }
div.kontextbox ul li.more {
	padding-top:10px;
	padding-left:15px;
	list-style-image: none;
	list-style-type: none;
	background: transparent url("../images/pfeil-vor.gif") no-repeat 0 70%;
}


/****************************************************************
	Modul Footer
*****************************************************************/

div#footer {
	width:990px;
	text-align:center;
	font-size: 69%;
	margin: 0 auto;
}

div#footer div.footer-abstand { margin:auto; }
:root div#footer img {margin-top:10px; margin-bottom:0px;}
div#footer img { border:0;} 

/****************************************************************
	Shop
*****************************************************************/
#shop a, #shop a:link, #shop a:visited { color:black; text-decoration:underline; }

#product-box {
	margin: 0;
  	padding:2px 0 8px 0;
  	text-align: center;
}

#product-box h2 {
	padding-left:5px;
	font-size:110%;
	margin-bottom:0;
	text-align:left;
	clear:both;
}

#product-box a:hover { border-bottom:none !important; }

#product-box ul {
  	margin: 5px 0 0 0;
  	padding: 0;
  	list-style: none;
  	float:left;
}

span.spicy { color: #990909; }
span.knofel { color: #035EB3; }

#product-box ul li {
    margin: 5px 5px 5px 0;
    padding: 0;
	width:157px !important;
	width:157px;
    height: 210px;
	border:1px solid #B8B8B8;
    float: left;
    position: relative;
	background-color:white;
}

#product-box div.inner-box { margin: 5px; }

#product-box div.desc1,
#product-box div.desc1 a {
 	text-decoration: none;
  	color: #000;
  	font-weight: bold;
  	font-size: 110%;
	margin-bottom:10px;
}

#product-box div.desc2 {
  color: #B8B8B8;
  font-size: 7pt;
  margin-bottom: 5px;
}

#product-box div.unit {
  color: #000;
  position: absolute;
  bottom: 30px;  
  left: 5px;
  font-size: 7pt;
}

#product-box div.unit2 {
  color: #000;
  background-color:#D1D7E5;
  text-align:right;
  width:152px !important;
  width:154px;
  padding: 3px 5px 3px 0;
  position: absolute;
  bottom: 0px;  
  right: 0px;
  font-size: 9pt;
}

#product-box div.price {
  color: #990909;
  font-weight: bold;
  font-size: 10pt;
  text-align: right;
  position: absolute;
  bottom: 30px;  
  right: 5px;
}

#product-box div.price2 {
  color: #d12032;
  font-weight: bold;
  font-size: 10pt;
  text-align: right;
  position: absolute;
  bottom: 5px;  
  right: 5px;
}

#product-box div.clear { clear: both; }

input {
	background: white url(../images/bg-input.gif) repeat-y;
	font-size:1em;
	border:1px solid #BDBDBD;
	border-top: 1px solid #696969;
	border-left: 1px solid #8B8B8B;	
}

input:focus, input:hover {
	background-color: #EFEEEE;
 	border:  1px solid #000;
}

div#basket img {
	border:1px solid white;
	float:left;
}

input.textshort {
	width:30px;
}

div#basket input.price {
	border:none;
	background-image:none;
	background-color:transparent;
	width:50px;
	border:1px solid black;
}

input[disabled] {color:#D12032; font-weight:bold;}

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

#form-module *, #form-module {
	margin:0px;
	padding:0px;
}

#form-module fieldset, #shop fieldset { border:solid 0 #fff; margin:0; padding:0; }
#form-module legend { display:none; }
#form-module ul { margin:0; padding:.5em 0 1em 20px; list-style-position: outside;}
#form-module ul li { padding:2px 0px; }

#form-module .element {
  display:block;
  clear:both;
  border-top-width: medium; 
}

#form-module .formtext {
  display:block;
  clear:both;
  border-top-width: medium; 
}

#form-module label {
  display:block;
  float:left;
  padding:5px 0;
  width:120px;
  border-right-width: medium; 
}

#form-module label.error { width:220px; }

#form-module input, 
#form-module select, 
#form-module textarea {
	background:#E6E6E6
		url("../shop/images/head-submit-inner.gif")
		no-repeat;
	margin-bottom:5px;
	width:250px;
	padding:2px;
	border:1px solid #fff;
	text-indent:5px;
	float:left;
	margin:4px;
}

#form-module select {
	margin-bottom:5px;
	width:255px;
	padding:0 0 0 4px;
	border:1px solid #fff;
	text-indent:0px;
	float:left;
	margin:4px;
}

#form-module textarea {
	background-image: url("../shop/images/inner-multiple.gif");
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	height:100px;
}

#form-module input:focus,
#form-module input:hover,
#form-module textarea:focus,
#form-module textarea:hover,
#form-module select_focus,
#form-module select:hover {
	background-color: #EFEEEE;
 	border: 1px solid #000;
}

#form-module input.submit, #shopform input.submit { 
	margin:5px 5px 5px 0px;
	padding:2px 5px;
	width:140px;
	background-color:#965255;
	background-image:none;
	color:#fff;
	font-size:1em;
	text-align:center;
	cursor:pointer;
}
	
#form-module input.submit:hover { 
	background-color:#731D21;
	color:#fff;
}

#form-module .checkbox {
	border-left:2px solid #fff;
	border-right:none;
	width:400px;
}

#form-module input.textshort { width:50px; }

#form-module input.checkbox {
	width:25px;
	padding:0;
	border:none;
	margin-left:10px;
}

#shop td.rechts, #shop th.rechts { text-align:right; }

div.error, #form-module div.error {
	font-weight:bold;
	color:#990909;
	background: #D2D8E6 url("../shop/images/warning.gif") no-repeat 5px 5px;
	padding:5px 5px 5px 30px;
	border-top:1px solid #B7C1DA;
	border-bottom:1px solid #B7C1DA;
	margin-right:10px;
}


/*****************************************************************
	Modul Tabellen
*****************************************************************/	
#shop table {
	width:90%;
	margin-top:1em;
	border-collapse: collapse;
}

#shop th, #shop td {
	text-align: left; /* for Opera */
	vertical-align: top;
	padding: .5em;
	border-bottom:1px solid #A6ABB3;
	font-size:100% !important;
}

#shop th { background: transparent url("../images/bg-table-th.png"); }
#shop th { behavior: url(iepngfix.htc); }
#shop table h2 { margin-top:0; }

#col2 .csc-textpic-imagerow  ul li { margin: 0 7px .2em 0px; }