/*
                             ud$$$**$$$$$$$bc.                          
                          u@**"        4$$$$$$$Nu                       
                        J                ""#$$$$$$r                     
                       @                       $$$$b                    
                     .F                        ^*3$$$                   
                    :% 4                         J$$$N                  
                    $  :F                       :$$$$$                  
                   4F  9                       J$$$$$$$                 
                   4$   k             4$$$$bed$$$$$$$$$                 
                   $$r  'F            $$$$$$$$$$$$$$$$$r                
                   $$$   b.           $$$$$$$$$$$$$$$$$N                
                   $$$$$k 3eeed$$b    $$$Euec."$$$$$$$$$                
    .@$**N.        $$$$$" $$$$$$F'L $$$$$$$$$$$  $$$$$$$                
    :$$L  'L       $$$$$ 4$$$$$$  * $$$$$$$$$$F  $$$$$$F         edNc   
   @$$$$N  ^k      $$$$$  3$$$$*%   $F4$$$$$$$   $$$$$"        d"  z$N  
   $$$$$$   ^k     '$$$"   #$$$F   .$  $$$$$c.u@$$$          J"  @$$$$r 
   $$$$$$$b   *u    ^$L            $$  $$$$$$$$$$$$u@       $$  d$$$$$$ 
    ^$$$$$$.    "NL   "N. z@*     $$$  $$$$$$$$$$$$$P      $P  d$$$$$$$ 
       ^"*$$$$b   '*L   9$E      4$$$  d$$$$$$$$$$$"     d*   J$$$$$r   
            ^$$$$u  '$.  $$$L     "#" d$$$$$$".@$$    .@$"  z$$$$*"     
              ^$$$$. ^$N.3$$$       4u$$$$$$$ 4$$$  u$*" z$$$"          
                '*$$$$$$$$ *$b      J$$$$$$$b u$$P $"  d$$P             
                   #$$$$$$ 4$ 3*$"$*$ $"$'c@@$$$$ .u@$$$P               
                     "$$$$  ""F~$ $uNr$$$^&J$$$$F $$$$#                 
                       "$$    "$$$bd$.$W$$$$$$$$F $$"                   
                         ?k         ?$$$$$$$$$$$F'*                     
                          9$$bL     z$$$$$$$$$$$F                       
                           $$$$    $$$$$$$$$$$$$                        
                            '#$$c  '$$$$$$$$$"                          
                             .@"#$$$$$$$$$$$$b                          
                           z*      $$$$$$$$$$$$N.                       
                         e"      z$$"  #$$$k  '*$$.                     
                     .u*      u@$P"      '#$$c   "$$c                   
              u@$*"""       d$$"            "$$$u  ^*$$b.               
            :$F           J$P"                ^$$$c   '"$$$$$$bL        
           d$$  ..      @$#                      #$$b         '#$       
           9$$$$$$b   4$$                          ^$$k         '$      
            "$$6""$b u$$                             '$    d$$$$$P      
              '$F $$$$$"                              ^b  ^$$$$b$       
               '$W$$$$"                                'b@$$$$"         
                              -=Hack the Planet=-       ^$$$*


  Author:      Demetrey
  Copyright:   Demetrey
  File:        ff2.css
  Description: Main Style Sheet for Firefox, Netscape, Opera

*/

body{
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	background: #ece8e7;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
    }

/* HEAD CONTAINER */
#head_Container{
	margin: 0; padding: 0;
	width: 100%;
	height: 451px;
	background: #ddc2c9 url(../../bilder/backgrounds/back_head_01.jpg) no-repeat 800px 0px;
               }

#head_Container .platzhalter{background: url(../../bilder/backgrounds/back_head_02.jpg) no-repeat;}

#title_Container,#icon_Container{margin: 0; padding: 0; height: 88px; float: left;}
#title_Container{width: 525px;}
#icon_Container{width: 275px; }

#icon_Container p{padding-top: 1px;}
#icon_Container p a{margin: 0px 0px 0px 18px; padding: 0px;}

#icon_Container .floated_left{width: 214px;}
#icon_Container .floated_right{width: 61px; text-align: center;}

#icon_Container .floated_left p{
	margin: 18px 0px 0px 18px;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
                               }

#icon_Container .floated_left p.phone{margin-top: 5px; font-size: 24px; letter-spacing: -0.5px;}

#icon_Container .floated_right p span.square{
	margin: 18px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	width: 43px; 
	height: 35px; 
	display: block;
	background: #000000; 
	color: #ffffff;
	float: left;
                                            }

/* MENU CONTAINER */
#menu_Container{
	margin: 0; padding: 0; 
	width: 100%; 
	height: 42px; 
	border-top: solid 1px #ffffff; 
	background: #e7d5d9;
               }

#menu_Container .platzhalter a{
	margin: 0;
	padding: 14px 13px 0px 12px;
	height: 28px;
	float: left;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
	background-image: url(../../bilder/backgrounds/menu_back.gif);
	background-repeat: no-repeat;
	background-position: center right;
                              }
#menu_Container .platzhalter a:hover{background-color: #ba315d;}
#menu_Container .platzhalter a.active{background-color: #ba315d;}
#menu_Container .platzhalter a#last{padding: 14px 15px 0px 14px; background-image: none;}

/* OBERES TEXTCONTAINER */
#ober_Container{margin: 0; padding: 0; width: 100%;}
#ober_Container .platzhalter .floated_left{width: 507px;}
#ober_Container .platzhalter .floated_right{width: 293px;}

#ober_Container .platzhalter .floated_left h2{padding: 32px 0px 28px 40px; font: normal 36px Tahoma;}
#ober_Container .platzhalter .floated_left p{padding: 0px 40px 20px 40px;}
#ober_Container .platzhalter h1{padding: 32px 0px 28px 40px; font: normal 36px Tahoma;}
#ober_Container .platzhalter h2{padding: 32px 0px 28px 40px; font: normal 36px Tahoma;}
#ober_Container .platzhalter p{padding: 0px 40px 20px 40px;}

#pics_Container{
	margin: 40px 0px 0px 0px;
	padding: 0;
	width: 268px;
	height: 268px;
	background: url(../../bilder/backgrounds/back_pics.jpg) no-repeat;
               }

#pics_Container a{
	margin: 16px 0px 0px 16px;
	padding: 0; 
	float: left;
	border: solid 4px #ffffff;
                 }

#pics_Container a.blocked{
	margin: 20px 0px 0px 0px; 
	padding: 7px 0px 7px 0px;
	width: 268px;
	text-align: center;
	background: #000000; 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	border: none;
                         }

#pics_Container a.blocked:hover{background: #ba315d; border: none;}

#pics_Container a:hover{border: solid 4px #ba315d;}

/* MEGAAKTION */
#aktion_Container{margin: 40px 0px 0px 0px; padding: 0; width: 100%; background: #e7d5d9;}
#aktion_Container .platzhalter{background: #ba315d; cursor: pointer;}
#aktion_Container h2{margin: 13px 0px 0px 40px; padding: 0px 0px 0px 0px; font: bold 36px Tahoma; color: #ffffff; cursor: pointer;}

#aktion_Container .platzhalter .floated_left{width: 320px; cursor: pointer;}
#aktion_Container .platzhalter .floated_right{width: 480px; cursor: pointer;}

#aktion_Container .platzhalter .floated_left p{
	margin: 0; 
	padding: 0px 0px 10px 40px; 
	font: bold 72px Tahoma; 
	color: #ffffff; 
	letter-spacing: -2px;
	background: url(../../bilder/backgrounds/menu_back.gif) no-repeat right center;
                                              }

#aktion_Container .platzhalter .floated_right p{margin: 0; padding: 18px 30px 0px 30px; color: #ffffff;}

/* ROOMS CONTAINER */
#rooms_Container{margin: 0; padding: 0; width: 100%;}
.room_Block{margin: 20px 1px 0px 40px; padding: 0px 0px 40px 0px; background: url(../../bilder/other/bullet.gif) repeat-x left bottom;}
#first.room_Block{margin: 35px 1px 0px 40px;}
.room_Block .floated_left{width: 310px;}
.room_Block .floated_right{width: 445px;}

.room_Block .floated_left h2{margin: 0; margin-bottom: 25px; padding: 0; font: normal 36px Tahoma; letter-spacing: 1px;}
.room_Block .floated_left h2 a{color: #000000;}
.room_Block .floated_left h2 a:hover{color: #ba315d;}
.room_Block .floated_left p{margin: 0; padding: 0;}
.room_Block .floated_left p a{margin: 0; padding: 8px 8px 8px 8px; width: 228px; background: #000000; display: block;}
.room_Block .floated_left p a:hover{background: #ba315d;}
.room_Block .floated_left p a img{border: solid 2px #ffffff;}

.room_Block .floated_right p{margin: 0; padding: 0; clear: both;}
.room_Block .floated_right p.rating{margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px;}
.room_Block .floated_right p img{margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;}

span.percent{margin: 0; padding: 0px 0px 0px 10px; font: normal 30px Tahoma; color: #ba315d; float: left;}
span.text{margin: 0; padding: 6px 0px 0px 10px; font: normal 18px Tahoma; color: #ba315d; float: left;}

.room_Block .floated_right .floated_left{margin: 0; padding: 8px 0px 0px 0px; width: 290px; background: none;}
.room_Block .floated_right .floated_right{margin: 0; padding: 0px 0px 0px 0px; width: 150px; background: none;}

.room_Block .floated_right .floated_left p{margin: 0; padding: 6px 0px 0px 0px; font: normal 30px Tahoma;}
.room_Block .floated_right .floated_left p a{margin: 0; padding: 0; font: normal 30px Tahoma; color: #ba315d; background: none;}
.room_Block .floated_right .floated_left p a:hover{color: #000000; background: none;}
.room_Block .floated_right .floated_right p{margin: 45px 0px 0px 0px; padding: 5px 0px 5px 0px; background: #ba315d; font: normal 30px Tahoma; color: #ffffff; text-align: center;}

/* UNTERES TEXTCONTAINER */
#unter_Container{margin: 0; padding: 0; width: 100%;}
#unter_Container h1{margin: 20px 0px 20px 40px; padding: 0; font: normal 36px Tahoma;}
#unter_Container p{margin: 0px 0px 20px 40px; padding: 0;}
#unter_Container p.dotted{margin: 0px 1px 0px 40px; padding: 0; background: url(../../bilder/other/bullet.gif) repeat-x left bottom;}

/* FOOT CONTAINER */
#foot_Container{margin: 0; padding: 30px 0px 25px 0px; width: 100%;}
#foot_Container .floated_left{padding: 5px 0px 0px 0px; width: 750px;}
#foot_Container .floated_left p{padding: 0px 0px 0px 40px}
#foot_Container p.dotted{margin: 0px 1px 20px 40px; padding: 0; background: url(../../bilder/other/bullet.gif) repeat-x left bottom;}

/* CONTACT FORM */
#kreuz{
	margin: 20px 0px 0px 455px;
	padding: 0;
	width: 26px;
	height: 26px;
	position: absolute;
      }

#contact_Container{
	top: 50%; left: 50%;
	margin-top: -275px;
	margin-left: -200px;
	width: 500px;
	height: 550px;
	position: fixed;
	background: #ffffff;
	color: #000000;
	cursor: default;
	opacity: 0.90;
	display: none;
                  }

#contact_Container h2{margin: 0; padding: 10px 0px 20px 20px; font: normal 36px Tahoma; cursor: pointer;}
#contact_Container p{margin: 0; padding: 0px 0px 10px 20px; cursor: pointer;}

#contactFormArea, fieldset{margin: 0; padding: 0; width: 500px; border: none; cursor: default;}
label{cursor: default;}

.input_Feld_off,.input_Feld_on,.textarea_Feld_off,.textarea_Feld_on{
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 3px 5px;
	width: 450px;
	border: solid 1px #999999;
	font: bold 12px Tahoma;
	background: #ffffff;
                                                                   }
.textarea_Feld_off,.textarea_Feld_on{height: 180px;}
.input_Feld_off,.textarea_Feld_off{color: #000000;}
.input_Feld_on,.textarea_Feld_on{color: #ba315d;}

.submit_mailform_off,.submit_mailform_on{
	margin: 0; 
	padding: 7px 0px 7px 0px;
	width: 462px;
	text-align: center;
	display: block;
	border: none;
	font: bold 12px Tahoma;
	cursor: pointer;
                                        }

.submit_mailform_off{background: #000000; color: #ffffff;}
.submit_mailform_on{background: #ba315d; color: #ffffff;}

/* NUMBERZ */
#room_Title_Container{margin: 0; padding: 0; width: 100%;}
#room_Photos_Container{margin: 0; padding: 0; width: 100%;}
#room_Inhalt_Container{margin: 0; padding: 0; width: 100%;}

#room_Title_Container .platzhalter h1{padding: 32px 0px 28px 40px; font: normal 36px Tahoma; width: 265px; float: left;}
#room_Title_Container .platzhalter h1 a{color: #000000;}
#room_Title_Container .platzhalter h1 a:hover{color: #ba315d;}
#room_Title_Container .platzhalter p{padding: 38px 0px 28px 0px; cursor: default; float: left;}
#room_Title_Container .platzhalter p.bullets{padding: 50px 0px 28px 0px;}

/* NUMBERZ PHOTOZ */
#photo_Container,#thumbs_Container{float: left;}
#photo_Container{margin: 0px 0px 0px 40px; padding: 8px 8px 8px 8px; background: #000000;}
#photo_Container img{margin: 0; padding: 0; border: solid 2px #ffffff;}
#thumbs_Container{margin: 0px 0px 0px 24px; padding: 13px 2px 2px 13px; background: #e4d5d8;}
#thumbs_Container a{margin: 0px 11px 11px 0px; padding: 0; border: solid 4px #ffffff; display: block; float: left;}
#thumbs_Container a:hover{border: solid 4px #ba315d; display: block;}
#thumbs_Container a.leer{cursor: default;}
#thumbs_Container a.leer:hover{border: solid 4px #ffffff; display: block;}

.fadeItThumbs{width: 237px;}
.fadeItThumb:hover{border: solid 4px #ba315d;}
.fadeItThumbs img{
	margin: 0px 11px 11px 0px;
	width: 60px;
	height: 60px;
	border: solid 4px #ffffff;
	cursor: pointer;
	float: left;
                 }
.fadeItThumbSelected{border: 4px solid #ba315d!important;}

/* NUMBERZ INHALT */
#room_Inhalt_Container{margin-top: 30px;}
#room_Inhalt_Container .platzhalter .floated_left{width: 524px;}
#room_Inhalt_Container .platzhalter .floated_right{width: 276px;}

#room_Inhalt_Container .platzhalter .floated_left p{margin: 0px 0px 20px 40px;}

.room_Table{margin: 0px 0px 10px 40px; padding-top: 10px;}
.room_Line{width: 100%; border-bottom: solid 1px #ba315d;}
.room_Line h2{margin: 0; font: normal 22px Tahoma; background: #ba315d;	color: #ffffff; float: left;}
.room_Line h2.left{padding: 15px 0px 15px 30px; width: 250px; border-right: solid 1px #ce6f8d;}
.room_Line h2.right{padding: 15px 0px 15px 20px; width: 183px;}

#room_Inhalt_Container .platzhalter .floated_left .room_Table p{margin: 0px 0px 0px 0px; padding: 10px 0px 13px 0px; color: #ba315d;}
#room_Inhalt_Container .platzhalter .floated_left .room_Table .room_Line p{margin: 0px 0px 0px 0px; padding: 13px 0px 13px 0px; font: normal 22px Tahoma; color: #ba315d; text-align: center; float: left;}
#room_Inhalt_Container .platzhalter .floated_left .room_Table .room_Line p.left{width: 281px;}
#room_Inhalt_Container .platzhalter .floated_left .room_Table .room_Line p.right{width: 203px;}

.details_Table{margin: 0px 0px 0px 24px;}
#room_Inhalt_Container .platzhalter .floated_right .room_Line{border: none; background: url(../../bilder/other/pink_dot.gif) repeat-x bottom left;}
#room_Inhalt_Container .platzhalter .floated_right .room_Line p{margin: 0; padding: 0; line-height: 24px; float: left;}
#room_Inhalt_Container .platzhalter .floated_right .room_Line p.left{padding: 10px 0px 0px 0px; font: bold 13px Tahoma; width: 210px;}
#room_Inhalt_Container .platzhalter .floated_right .room_Line p.right{padding: 3px 0px 7px 0px; color: #ba315d; font: normal 22px Tahoma;}

.largelink_black,.largelink_pink{margin: 0px 0px 0px 40px; padding: 0px 0px 0px 0px; font: normal 26px Tahoma;}
.largelink_black{color: #000000;}
.largelink_black:hover{color: #ba315d;}
.largelink_pink{color: #ba315d; text-align: right;}
.largelink_pink:hover{color: #000000;}

/* ARTICLES */
#ober_Container.margined{margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.article_Line{margin: 5px 0px 20px 0px; padding: 0; width: 100%;}
.article_Icon{margin: 0px 0px 0px 0px; padding: 0px 20px 0px 40px; width: 52px; float: left;}
.article_Body{margin: 0px 0px 0px 0px; padding: 0; width: 635px; float: left;}

#ober_Container .platzhalter .article_Line .article_Body h1{font: normal 36px Tahoma; line-height: 36px; cursor: default;}
#ober_Container .platzhalter .article_Line .article_Body h2{margin: 0; padding: 0; font: normal 22px Tahoma; line-height: 18px; cursor: default;}
#ober_Container .platzhalter .article_Line .article_Body h2 a{color: #ba315d;}
#ober_Container .platzhalter .article_Line .article_Body h2 a:hover{color: #000000;}
#ober_Container .platzhalter .article_Line .article_Body h3{margin: 0; padding: 0; font: normal 22px Tahoma; line-height: 18px; cursor: default;}
#ober_Container .platzhalter .article_Line .article_Body h3 a{color: #ba315d;}
#ober_Container .platzhalter .article_Line .article_Body h3 a:hover{color: #000000;}
#ober_Container .platzhalter .article_Line .article_Body p{margin: 10px 0px 0px 0px; padding: 0;}
#ober_Container .platzhalter .article_Line .article_Body p a{color: #ba315d;}
#ober_Container .platzhalter .article_Line .article_Body p a:hover{color: #000000;}
#ober_Container .platzhalter .article_Line p{margin: 20px 0px 0px 40px; padding: 0;}
#ober_Container .platzhalter .article_Line p a.largelink_black{margin: 0px 0px 0px 0px;}
#ober_Container .platzhalter .article_Line a{color: #000000;}
#ober_Container .platzhalter .article_Line a:hover{color: #ba315d;}

/* GOOGLE MAP */
#map_border{
	margin: 0px 0px 0px 25px; 
	padding: 13px 13px 13px 13px;
	width: 723px;
	height: 402px;
	background: #ba315d;
           }

#map_canvas{
	margin: 0; padding: 0;
	width: 723px; height: 402px;
           }

#map_canvas p.largeInfoText_1{margin:15px 0px 0px 25px; padding:0; font: normal 18px Tahoma; color: #ffffff;}
#map_canvas p.largeInfoText_2{margin:25px 0px 7px 25px; padding:0; font: normal 18px Tahoma; color: #ffffff;}
#map_canvas p.smallInfoText{margin: 0px 0px 7px 25px; padding:0; font: normal 11px Tahoma; color: #ffffff;}
#map_canvas p.smallInfoText a{color: #ffffff;}
#map_canvas p.smallInfoText a:hover{color: #000000;}

/* HILFSDINGE */
.clear{clear: both;}
.platzhalter{margin: 0; padding: 0; width: 800px; height: 100%;}
img{border: none;}

p,h1,h2,h3,a{margin: 0; padding: 0;}
.floated_left,.floated_right{float: left; cursor: default;}

/* COLORS */
.pink{color: #ba315d;}
.linka{color: #ba315d;}
.linka:hover{color: #000000;}