/* CSS Document */

/* rot.css, ids, colors, img fuer about, september 2007, maria putzhuber */

body {    
    color: #000;
    background: #c70029;
}

/*startseite mit foto*/

#start #content {
	background: url(../img/content/about-start.jpg);	
}

#start #text {
	position:absolute;
	bottom:40px;
	left: 236px;
}

#start #type {
	position:absolute;
	bottom:-1px;
	left: 50px;
	background: none;
	height: 339px;
	width: 149px;
} 

#start #text h1 {
	color: #c70029;
	background:inherit;	
	padding-bottom:10px;
}

#start #text p {
	color: #fff;
	background:inherit;
	font-weight:bold;
	background: url(../img/content/transparent_rot.png) repeat;
	margin-right:0;
	padding: 10px;	
	float:right;        	
}

#start #text p strong {
        /*background-color:#c70029;*/
        color:#fff;
        line-height:170%;
        font-size:0.9em;
        font-weight:bold;        
}
* html #start #text p {
	color: #fff;
	background:none;	       	
}

* html #start #text p strong {
        background-color:#c70029;
        color: #fff;             
}



/*subseite*/

#sub #content {
	background:#f1bfc9 url(../img/content/rundung-rot.gif) no-repeat top left ;	
}

/* iehacks */
* html #start #type {
	background:none;
}

* html #sub #type {
	background:none;
}

/* .twocolumns  = subseite ohne rechtes menue*/


#sub #text {
	position:static;
	padding:12px 0 20px 140px;
}

#sub #type {
	position:absolute;
	bottom:-1px;
	left: 0;
	background:none;
	height: 339px;
	width: 149px;
} 

#sub #text h1 {
	color: #c70029;
	background:inherit;	
	padding:0 12px 0 86px;

}
#sub #text h2 {
	padding:0 12px 10px 86px;
}

#sub #text h3 {
	padding:10px 12px 10px 86px;
}

#sub.twocolumns #text {
	padding-left:96px;
}

#sub.twocolumns #text h1,
#sub.twocolumns #text h2 {
	padding-left:130px;
}

#sub.twocolumns #text h3,
#sub.twocolumns #text p,
#sub.twocolumns #text ul,
#sub.twocolumns #text ol {
	padding-left:60px;
}

table {
   background: url(../img/content/verlauf-rot.png) repeat left top;	
}

td {
	background: #f1bfc9;
	color:#000;	
}

#content a:hover,
#content a:focus,
#content a:active {
	color:#c70029;
	background-color:inherit;
}

/* Navigation */

/*citynav */


li#ueberuns a, li#ueberuns.level1active span {
	background: url(../img/header/nav-ueber-rot.gif) no-repeat top left ;
	}

li#berlin a, li#berlin.level1active span {
	background: url(../img/header/nav-berlin-rot.gif) no-repeat top left ;
}

li#muenchen a, li#muenchen.level1active span {
	background:  url(../img/header/nav-muenchen-rot.gif) no-repeat top left ;
}

li#wien a, li#wien.level1active span {
	background:  url(../img/header/nav-wien-rot.gif) no-repeat top left;
}

li#ueberuns a:hover, 
li#ueberuns a:focus, 
li#ueberuns a:active,
li#ueberuns a.level1highlight,
li#ueberuns.level1active span {
	background: url(../img/header/nav-ueber-rot.gif) no-repeat 0 -69px ;
} 

li#berlin a:hover, 
li#berlin a:focus, 
li#berlin a:active,
li#berlin a.level1highlight, 
li#berlin.level1active span {
	background: url(../img/header/nav-berlin-rot.gif) no-repeat 0 -69px ;
} 

li#muenchen a:hover, 
li#muenchen a:focus, 
li#muenchen a:active,
li#muenchen a.level1highlight, 
li#muenchen.level1active span {
	background: url(../img/header/nav-muenchen-rot.gif) no-repeat 0 -69px ;
} 

li#wien a:hover, 
li#wien a:focus, 
li#wien a:active,
li#wien a.level1highlight, 
li#wien.level1active span {
	background: url(../img/header/nav-wien-rot.gif) no-repeat 0 -69px ;
}


/*leftnav*/

#citysubnav ul li a:hover,
#citysubnav ul li a:focus,
#citysubnav ul li a:active,
#citysubnav ul li a.level1highlight,
#citysubnav ul li.level1active span {
	color:#fff;
	background: url(../img/leftnav/subnav-verlauf-rot.gif) no-repeat left;	
}


/*menu left */

#specials {
	background: url(../img/leftnav/blubberorange-rot.gif) no-repeat left top;	
}

#sub #specials {
	background: url(../img/leftnav/blubberorange-rot.gif) no-repeat left top;
}


#booking {
	background:#e999a9 url(../img/rightnav/box-rotunten.gif) no-repeat left bottom;
	margin-top:50px;
}

#booking #booknow {
	background: url(../img/leftnav/blubberbooking.png) no-repeat left top;	
}

* html #booking #booknow {
	background: url(../img/leftnav/blubberbooking-rot.gif) no-repeat left top;	
}

#booking h1 {
	background:  url(../img/leftnav/boxbooking-rot.gif) no-repeat left top;
	color:#fff;	
}

/* right nav */

.rightbox {
	background:#e999a9 url(../img/rightnav/box-rotunten.gif) no-repeat bottom;	
}

.rightbox a {
	color:#000;
	background-color: #e999a9;
}

.rightbox a:hover,
.rightbox a:focus,
.rightbox a:active {
	color:#c70029;
	background-color: #e999a9;
}

h2.wombatsyellow {	
	background: #c70029 url(../img/rightnav/h2wombatsgelb-rot.gif) no-repeat;		
}

h2.wombatsorange {	
	background:#c70029 url(../img/rightnav/h2wombatsorange-rot.gif) no-repeat;			
}

h2.wombatsgreen {	
	background:#c70029 url(../img/rightnav/h2wombatsgruen-rot.gif) no-repeat;			
}

h2.wombatsred {	
	background:#c70029 url(../img/rightnav/h2wombatsrot-rot.gif) no-repeat;			
}

h2.wombatsblue {	
	background:#c70029 url(../img/rightnav/h2wombatsblau-rot.gif) no-repeat;			
}

h2.wombatslightblue {	
	background:#c70029 url(../img/rightnav/h2wombatshellblau-rot.gif) no-repeat;			
}

h2.yellow {	
	background:#c70029 url(../img/rightnav/h2gelb-rot.gif) no-repeat;			
}
h2.orange {	
	background: url(../img/rightnav/h2orange-rot.gif) no-repeat;		
}

h2.green {	
	background: url(../img/rightnav/h2gruen-rot.gif) no-repeat;		
}

h2.red {	
	background: url(../img/rightnav/h2rot-rot.gif) no-repeat;		
}

h2.blue {	
	background: url(../img/rightnav/h2blau-rot.gif) no-repeat;		
}

h2.lightblue {	
	background: url(../img/rightnav/h2hellblau-rot.gif) no-repeat;	
}

/* footer */


#footer ul li a {	
	color:#fff;
	background: #c70029;
}

#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li a:active,
#footer ul li a.level1highlight,
#footer ul li.level1active span  {
	color:#f1bfc9;
	background: #c70029;
}


/* for twocolumns rightlinks */

#rightlinks a {
	color:#000;
	background-color: #f1bfc9;
}

#rightlinks a:hover,
#rightlinks a:focus,
#rightlinks a:active {
	color:#c70029;
	background-color: #f1bfc9;
}

/* news */

.news-single-item h3, .news-latest-content h3 {
	background: url(../img/content/verlauf-rot.png) repeat !important;	
}


span.colored {
	color:#c70029;
	font-weight: bold;
}

#sub #text hr {
background-color:#f1bfc9  !important;
color:#f1bfc9 !important;
height:1px;
border-bottom:1px dotted #000;
text-align:left; 
margin:0 30px 10px 0 !important;
}



/* SEO text wombats */
#contact {
	height:40px;
	overflow:auto;
}