/************************************************
 *
 *  File     :  screen.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  Hotel Muegge
 *  Author   :  innovedia
 *
 ************************************************/

/* Global */
    * { margin: 0; padding: 0; }
    
    html { height: 100%; }

    body {
        cursor: default;
        font: 11px/16px "Trebuchet MS", Sans-Serif;
        color: #E6B481;
        height: 100%;
        background: #111;
        }
    
    a {
    	color: #E6B481;
    	cursor: pointer;
        }
    
    a:hover {
        color: #fff;
        }
        
	p {
   		font: 13px/17px "Trebuchet MS", Sans-Serif;
        padding-left: 10px;
		}
		
    /* Headings */
        h1 {
            font: 23px/27px "Trebuchet MS", Sans-Serif;
            padding-left: 10px;
			}
        
        h2 {
            font: 17px/21px "Trebuchet MS", Sans-Serif;
            padding-left: 10px;
            }

        h3 {
            font: 13px/17px "Trebuchet MS", Sans-Serif;
            padding-left: 10px;
            }
        
        h4 {
            font: 11px/13px "Trebuchet MS", Sans-Serif;
            padding-left: 10px;
            }
    /* // Headings */
    
    /* Listen */
    	ul li {
    		font: 13px/19px "Trebuchet MS", Sans-Serif;
    		color: #E6B481;
    		list-style-position: outside;
    		list-style-type: disc;
			margin-left: 26px;
			padding: 0px;
    		}
    	
        ul a {
    		color: #ffcc00;
    		text-decoration: none;
    		cursor: pointer;
	   		}
    
    /* //Listen */
    
    /* Layout */
	#layout {
        background: #44130E url(images/pattern-rot.gif);
        width: 100%;
        margin: 0 auto;
		}

    #header {
        width: 950px;
        margin: 0 auto;
        }

    #container {
  		font: 13px/17px "Trebuchet MS", Sans-Serif;
        width: 950px;
        margin: 0 auto;
        background: url(images/bg_container.gif);
        }

    #container_innen {
        position: relative;
       	top: -20px;
        }

    #container_adresse {
  		font: 11px/16px "Trebuchet MS", Sans-Serif;
        }

    #container_end {
        width: 950px;
        margin: 0 auto;
        }

    /* Navigation */


    #subnavi {
        background: url(images/nav_bgOn.gif) repeat-y;
		text-indent: 20px;
        }
        
	#subnavi a {
   		font: bold 11px/11px "Trebuchet MS", Sans-Serif;
    	color: #E6B481;
    	cursor: pointer;
    	text-decoration: none;
    	}
    
    #subnavi a:hover {
        color: #fff;
        }

    /* // Navigation */


    /* Footer */
        #footer {
        	width: 100%;
        	margin: 0 auto;
            height: 128px;
            margin-top: 0px;
	        background: url(images/bg_footer.gif) repeat-x;
            }
        
        #footer div {
            width: 950px;
            margin: 0 auto;
            color: #444;
	   		font: bold 11px/11px "Trebuchet MS", Sans-Serif;
            }
        
        #footer div p {
            clear: left;
            padding-left: 10px;
            }

        #footer table tr td {
	   		font: bold 11px/11px "Trebuchet MS", Sans-Serif;
            text-transform: none;
            text-decoration: none;
            color: #444;
            }

        #footer table tr td a {
	   		font: bold 11px/11px "Trebuchet MS", Sans-Serif;
            text-transform: none;
            text-decoration: none;
            color: #777;
            }

        #footer table tr td a:hover {
            text-transform: none;
            text-decoration: underline;
            color: #888;
            }  
    /* // Footer */

    
    /* Boxen */

		#Box {
			position: relative;
			}
    
    	#Box1 {
        	position: absolute;
        	top: -40px;
        	background: #A15A34;
        	width: 271px;
        	color: #E6B481;
        	}   
    
    	#Box2 {
        	position: relative;
        	top: -40px;
        	width: 271px;
        	height: 100%;
        	color: #E6B481;
        	margin-left: 0px;
        	margin-bottom: 20px;
        	}
        	
       	#BoxGastro {
        	position: absolute;
        	top: -40px;
        	width: 271px;
        	color: #E6B481;
        	margin-left: 0px;
        	background: #A15A34;
        	} 	
              
        #Box_Wellness {
        	position: absolute;
        	top: -60px;
        	width: 271px;
        	color: #E6B481;
        	margin-left: 0px;
        	background: #A15A34;
        	} 
        	
	   	#Box_Preise {
        	position: absolute;
        	top: -40px;
        	background: #A15A34;
        	width: 457px;
        	color: #E6B481;
        	}
        	
      	#Box_Portrait {
        	position: relative;
        	top: 0px;
        	background: #A15A34;
        	width: 457px;
        	color: #E6B481;
        	}
        	
        #Box_Tagung {
        	position: relative;
        	top: -40px;
        	margin-bottom: -40px;
        	background: #A15A34;
        	width: 457px;
        	color: #E6B481;
        	}
        	
    	#Box_Anfahrt {
        	position: relative;
        	top: 0px;
        	background: #A15A34;
        	width: 271px;
        	color: #E6B481;
        	}   
        	
        #Box_Map {
        	position: relative;
        	top: 30px;
        	width: 271px;
        	color: #E6B481;
        	}
        	
       	#Box1Text {
    		font: 13px/17px "Trebuchet MS", Sans-Serif;
        	color: #E6B481;
        	padding: 10px;
        	}
        	
    	#Slideshow {
        	top: 0px;
        	width: 271px;
        	height: 180px;
        	}
        	
        #Box_Slideshow_1 {
        	top: -40px;
        	position: relative;
        }
        
        #Box_Slideshow_2 {
        	top: -60px;
        	position: relative;
        }

        #Box_Slideshow_Gastro {
        	top: 20px;
        	position: relative;
        }

	    #imageContainer {
			position: relative;
        	top: 0px;
			margin: auto;
			height: 180px;
			border: 0px solid #000;
			}

		#imageContainer img {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			}

	/* // Boxen */
    
/* // Global */