h1 { margin: 0px; padding: 10px 5px 10px 5px; border-collapse:collapse; }
h2 { margin: 0px; padding: 10px 5px 5px 5px; border-collapse:collapse; }
h3 { margin: 0px; padding: 10px 5px 5px 5px; border-collapse:collapse; }
#content p  
{
	margin: 0px; 
	padding: 5px;
	padding-bottom: 10px; 
	border-collapse:collapse; 
}

body
{
	font-family:arial, helvetica, sans-serif;
	color:rgb(35,35,35); 
	color:rgb(35,35,35); 
	background-repeat:no-repeat;
}


#content a, #footer a { font-weight:bold; font-size:10pt; }

ul  { margin-top: 0px; margin-bottom:0px; }

.bodytext { font-size:90%; text-align:justify; }

#container h1 { font-size: 300%; } 
#content h1 { font-size: 150%; text-align:left; } 
#content .csc-textpicHeader h1 { font-size: 120%; }

#content h2, #content h2 a
{ font-size: 120%; text-decoration:none; } 

#content h3, #content h3 a 
{font-size: 100%; text-decoration:none; }

#content .csc-firstHeader {	font-size:150%; text-align:left; }
.csc-textpic-image { margin:10px; padding:1px; }

#container { width:950px; margin:0 auto; position:relative; border:1px solid; border-bottom:0px; }

#content {  width:660px; clear:left; float:left; background:transparent; padding-left:15px; padding-right:25px; padding-top:15px; padding-bottom:15px;}

/********************* HEAD ********************************/
#header 
{
	display:block;
	position:relative;
	width:950px; 
	height:250px; 
	float:left; 
	background:transparent; 
	text-decoration:none;
	cursor:pointer;
}

#headerRight  
{
	position:absolute;
	left:700px;
	top:0px;
	width:249px; 
	height:250px; 
	float:right; 
	background:transparent; 
	border-left:1px solid;
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#headerRight .content
{
	position:relative;
	width:100%;
	top:100px;
	text-align:center;
	font-weight:bold;
	margin: auto;
}

/********************* MAIN DOCUMENT ********************************/
#main   
{
	width:950px; 
	clear:both;
	border-right:1px solid; 
}

/********************* MENU ********************************/
#menuright, #menuright ul ul
{
	width:250px;
	clear:right;
    float: right;
    border: solid;
    border-width: 1px 0;
    height:26px;
}

#menuright ul
{
    width: 200px;
    list-style: none;
    line-height: 1;
    font-weight: bold;
    margin:0;
    margin-left:auto;
    padding:0;
}

#menu, #menu ul ul
{
	float: left;
    border: solid;
    border-width: 1px 0;
    height:26px;
    
   z-index:20;
}

#menu ul 
{
	width: 700px;
    list-style: none;
    line-height: 1;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 0;
    
}

#menu a,
#menuright a {
    display: block;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    text-align:center;
    
}

#menu a.daddy,
#menuright a.daddy {
    background: url(images/rightarrow.gif) center right no-repeat;
}

#menu li
{
    float: left;
    padding: 0;
    width: 120px;
}

#menuright li 
{
	float: left;
    padding: 0;
    width: 100px;
}

#menu li ul,
#menuright li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 200px;
    w\idth: 200px;
    font-weight: normal;
    border-width: 1px;
    margin: 0;
}

#menu li li,
#menuright li ul {
    width: 200px
}

#menu li ul a,
#menuright li ul {
	text-align: left;
    width: 200px;
    w\idth: 200px;
    padding: 5px 0px 5px 5px;
}

#menu li ul ul,
#menuright li ul {
    margin: -27px 0 0 200px;
}


#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul,
#menuright li:hover ul ul, #menuright li:hover ul ul ul, #menuright li.sfhover ul ul, #menuright li.sfhover ul ul ul {
    left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul,
#menuright li:hover ul, #menuright li li:hover ul, #menuright li li li:hover ul, #menuright li.sfhover ul, #menuright li li.sfhover ul, #menuright li li li.sfhover ul
{
    left: auto;
}

/************************ THE SIDE MENU FOR LAGUAGES ******************************/
#sidemenu 
{
	width:30px; 
	height:60px; 
	position:absolute; 
	left:950px; 
	top:278px;
}

#sidemenu td  
{
	width:30px; 
	padding: 8px 3px 8px 3px; 
	margin:0px; 
	text-align:center; 
}

#sidemenu a img 
{
	border:none;
}

/************************ SIDEBAR ******************************/
#sidenote  
{
	width:250px; 
	clear:right; 
	float:right; 
	margin-bottom:10px; 
	text-align:right; 
}

#sidenotecontent  
{
	width:249px; 
	padding:20px 0px 20px 0px; 
	border-collapse:collapse; 
	border-left:1px solid; 
}

#sidenotecontent p { margin:5px; }


#sidenotecontent .group
{
	margin-bottom: 15px;
}

#sidenotecontent .groupheader
{
	position:relative;
	
	left:-10px;
	margin-bottom: 10px;
	clear:both;
	text-align:left;
	height:20px;
}

#sidenotecontent .groupheader-entry
{
}

#sidenotecontent .groupheader .bullet
{
	position:relative;
	width:9px;
	height:20px;
	float:left;
}

#sidenotecontent .groupheader .text
{
	
	position:relative;
	font-weight:bold;
	font-size:100%;
	left:10px;
}

#sidenotecontent .groupcontent { position:relative; width:200px; margin:auto; }

.shadow-right {	position:relative; padding-right:9px; }
.shadow-bottom-left { position:absolute; left:0px; height:9px; width:9px; z-index:1; }
.shadow-bottom-right { position:relative; height:9px; z-index:0; background-position:right top; background-color:Red; }

#sidenotecontent .groupheader .shadow-bottom-left { width:10px; }

/***************************** WEATHER **********************************/
#sidenotecontent .weather { position:relative; width:195px; }
#sidenotecontent .weather-item { text-align:center; }
#sidenotecontent .weather-item .header { padding:5px; font-weight:bold; font-size:10pt; }
#sidenotecontent .weather-item .data { padding:5px; border-style:solid; border-width:1px; font-size:10pt; }
        
/***************************** NEWS LATEST ************************************/      
#sidenotecontent .spacer { width:200px; height:5px; margin:auto; text-align:left; }

#sidenotecontent .news-latest-item { position:relative; padding:5px; text-align:left; border: solid 1px; z-index:10;}
#sidenotecontent .news-latest-item .header { font-weight:bold; }
#sidenotecontent .news-latest-item .text { font-size:10pt; }
#sidenotecontent .news-latest-item .time { font-size:smaller; color:rgb(122,122,122); }
#sidenotecontent .news-latest-item .more { text-align:right; font-size:smaller; }
#sidenotecontent .news-latest-item .more a { text-decoration:none; }

#sidenotebottomleft { width:1px; height:12px; clear:both; float:left; background-repeat:no-repeat; }
#sidenotebottom { width:249px; height:12px; float:right; background-repeat:no-repeat; }

/****************************** NEWS LIST ************************************/
#content .news-list-container { position:relative; margin:0 auto; width:500px;}
#content .news-list-header { overflow:hidden }
#content .news-list-title { float:left; }
#content .news-list-date { float:right; font-size:smaller; padding:2px 4px 2px 2px; }
#content .news-list-entry { clear:both; padding:5px; }
#content .news-list-text { text-align:left; font-size:10pt; }
#content .news-list-more { font-size:smaller; }
#content .news-list-more a { text-decoration:none;}
#content .spacer { width:200px; height:20px; margin:auto; text-align:left; }

#content .news-single-header { overflow:hidden; }
#content .news-single-title { float:left; }
#content .news-single-entry h3 { padding-bottom:20px; }
#content .news-single-text { text-align:left; font-size:10pt; }
#content .news-single-date { float:right; font-size:smaller; color:rgb(100,100,100); }

#content .news-single-backlink a { font-size:smaller; text-decoration:none; }

/********************************* 2 COLUMN ENTRIES ********************************/
#content .two_column_container .two_column_entry_fixed_size { width:48%; }
#content .two_column_container .two_column_entry { padding:5px; }

/******************************** WOHNUNGS ÜBERBLICK ******************************/
#content .flat-overview { position:relative; width:261px; margin:auto; margin-bottom:20px; }
#content .flat-overview-content { border:solid 1px; }
#content .flat-overview-content .tx-rgsmoothgallery-pi1 { border:none; padding:0px; }
#content .flat-overview p { padding:3px; }

#flat-overview-2a { position:relative; }
#flat-overview-2b { position:relative; left:30px; }
#flat-overview-3a { position:relative; left:-30px; }
#flat-overview-3b { position:relative; }

/****************************** WOHNUNGS PREISLISTE ***********************/
#content .flat-price { position:relative; margin:auto; margin-bottom:20px; }
#content .flat-price-image { position:absolute; margin-right:10px; }
#content .flat-price-description { position:absolute; padding:5px; left:160px; width:73%;}
#content .flat-price-content { position:relative; border:solid 1px; height:106px; }
#content .flat-price-content .tx-rgsmoothgallery-pi1 { border:none; padding:0px; }
#content .flat-price p { padding:3px; }

/******************** SHADOW WRAPPER ******************/
#content .shadowbox { position:relative; }

/********************************* IMAGE GALLERY ********************************/

#imagegallery-control-top {}
#imagegallery-control-bottom { position:relative; width:100%; }

.first {  float:left; clear:both; }
.previous {  float:left; }
.next { float:right; }
.last { float:right; }

.previous, .next, .first, .last 
{
	position:relative; width:16px; height:16px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.previous:hover, .next:hover, .first:hover, .last:hover
{
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; 
}


#imagegallery 
{
	position:relative;
}

#imagegallery h3
{
}

#imagegallery-left-column 
{
	position:relative;
	float:left;	
	padding-right:10px;
}


#imagegallery-image
{
	position:relative;
	float:left;
	padding:5px;
	padding-bottom:15px;
}

#imagegallery-content
{
}

#imagegallery-thumbnail-component
{
	clear:both;
	position:relative;
	width:95%;
	padding-left:5px;
}

#imagegallery-thumbnail-scroller
{
	overflow:hidden;
	position:relative;
	height:85px;
	width:100%;
	clear:both;
	
	border-top:1px solid;
	border-bottom:1px solid;
}

/* div with the gallery inside */
#imagegallery-thumbnails
{	
	position:absolute;
	height:85px;
	width:2500px;
}

/* div around the imgs */
.carouselWrapper 
{
}

/* single thumbnail */
.thumbnail
{
	cursor:pointer;
	position:relative;
	float:left;
	margin:2px;
	padding:1px;
	border:1px solid #ccc;
}

/* label = title of an image */
.label 
{
	visibility:hidden;
	font-size:80%;
	position:absolute;
	height:8px;
	top:-30px;
	left:0px;
	font-weight:bold;
	text-align:left;
	z-index:10;
}

/* number of the image */
.number 
{
  font-weight:normal;
  font-style:italic;
}


/************************ COMMENTING SYSTEM *********************************/
.tx-guestbook-latest .item { border: solid 1px; padding:1px; font-size:10pt; text-align:left; }
.tx-guestbook-latest .header { padding:5px; font-weight:bold; overflow:hidden; }
.tx-guestbook-latest .date { font-size:smaller; color:rgb(122,122,122); }
.tx-guestbook-latest .entry { padding:5px; }

#sidenote .tx-guestbook-noentry { font-size:smaller; padding:5px; text-align:left; }
#sidenote .tx-guestbook-noentry .header { font-weight:bold; text-align:center; margin-bottom:10px; }
#sidenote .tx-guestbook-noentry .content { }

#main .tx-guestbook-noentry { text-align:left; padding:5px; }
#main .tx-guestbook-noentry .header { font-weight:bold; margin-bottom:10px; }

.tx-guestbook-add-comment, .tx-guestbook-latest .more { text-align:left; }
.tx-guestbook-add-comment, .tx-guestbook-latest .more a
{ text-decoration:none; font-weight:bold; font-size:10pt; text-decoration:none; }


/**** COMMENTING FORM ****/
#tx-guestbook-form { position:relative; width:95%; margin:auto; }
#tx-guestbook-form-left { width:300px; float:left; }
#tx-guestbook-form-right { position:relative; width:300px; float:right; }

#tx-guestbook-form .header { padding:3px; font-weight:bold; }
#tx-guestbook-form .group { }

#tx-guestbook-form .field-labels {padding:0px; }
#tx-guestbook-form .field-label { width:100px; float:left; }
#tx-guestbook-form .field-label, .field { padding:4px; height:20px; }
#tx-guestbook-form .field input { height:13px; margin-left:13px; }

#tx-guestbook-form .message textarea { width:275px; height:79px; }
#tx-guestbook-form .message { padding:5px; }
.clear { clear:left; }

/**** COMMENTING LIST ****/
.tx-guestbook-list .result { position:relative; float:left; padding-left:10px;  }
.tx-guestbook-list .pagination { position:relative; float:right; padding-right:10px;  }

.tx-guestbook-list-item { position:relative; width:550px; margin:auto; }
.tx-guestbook-list-item .entry { border: 1px solid; }
.tx-guestbook-list-item .header { overflow:hidden;  }
.tx-guestbook-list-item .title { padding:5px; float:left; font-weight:bold;  }
.tx-guestbook-list-item .date { padding:0px; float:right; font-size:smaller; color:rgb(200,200,200); padding:2px 4px 2px 2px; }

/*********************** QUICK BOOK ************************/
.mail-quickbook, .mail-book { font-size:10pt; text-align:center; }
.mail-quickbook .field-label, .mail-quickbook .field, .mail-book .field-label, .mail-book .field { position:relative; padding:2px; margin:0px; height:20px; }
.mail-quickbook .field-label, .mail-book .field-label { float:left; width:43px; top:4px; margin:0px; text-align:right; }

.mail-book .field-label { width:67px; }

.datePicker { position:absolute; right:6px; top:6px; }
.datePicker:hover { cursor:pointer; }


.mail-book .description, .mail-quickbook .description { font-size:10pt; font-weight:bold; text-align:center; }
.mail-book .comment { text-align:left; }
.mail-book textarea { width:100%; height:70px; }

/*********************** SPECIAL HEADERS ************************/
.shadowed-header2 { clear:both; position:relative; width:90%; padding-top:10px; margin-bottom:10px; }
.shadowed-header2 .content { padding:2px; padding-left:5px; font-size:large; font-weight:bold; }

/*********************** LINK ELEMENT ************************/

#main .link p { padding:3px; margin:0px; }


.link-element { position:relative; margin-bottom:5px; }
.link { border:solid 1px; padding:1px; font-size:10pt; text-align:left; }
.link .url { padding:3px; font-weight:bold; overflow:hidden; }
.link .description { padding:3px; overflow:hidden; }


/*********************** 3 column elements ************************/
.three_column_container { position:relative; width:100%; height:120px; }

.imagebox img { position:relative; border:1px; border-style:solid; }


.three_column_container .three_column_entry_left { position:absolute; width:111px; left:7%; }
.three_column_container .three_column_entry_center { position:absolute; width:111px; height:100px; margin:auto; left:40%; }
.three_column_container .three_column_entry_right { position:absolute; width:111px; left:73%; }

/****************** BOX ELEMENT ***************/
.contentbox { position:relative; margin-bottom:10px; }
.contentbox .element {border:solid 1px; }
.contentbox .header { font-weight:bold; padding:5px; }
.contentbox .content { }

/****************** ROOM DESCRIPTION ***************/
.room { }
.room .description { width:70%; padding:5px; }
.room .equipment { vertical-align:top; padding:5px; border-left:solid 1px; }
.room .equipment-header { font-weight:bold; }
.room .equipment-content { font-weight:bold; font-size:10pt; }

.room .description p { padding:5px; margin:0px; }
.room .description ul { margin:0px; padding:0px; font-size: 90%;}
.room .csc-textpic-image { position:relative; left:2px; top:2px; margin-bottom:5px; border: none; }

.equipment-content { margin:0px; padding:0px; }

.send { width:99px; height:24px; border:0px; }
.send:hover { cursor:pointer; }

/****************** CENTERED IMAGE ***************/
.centered_image { margin:10px; }
.centered_image .text { text-align:center; font-weight:bold; font-size:small; }
.centered_image .tx-rgsmoothgallery-pi1 { margin:0 auto; border:1px; }

#footer  
{
        	/*
        	clear:both; 
        	margin-top:10px; 
        	padding: 7px; 
        	background-color:rgb(2,28,87); 
        	border-top:1px solid rgb(153,194,204); 
        	color:rgb(153,194,204); 
        	text-align:center; */
        	padding:5px;
        	clear:both;
	        border-bottom:1px solid;
	        border-top:1px solid;
	        text-align:center;
}
