/******************************************************/
/* CSS Document */
/*  Hotel Alpin 
/*	Stylesheet Document
/* 	Copyright (c) 2012 HOTELMARKETING GRUPPE
/*	www.hotelmarketing.ch
/*
/******************************************************/

/*-------------------------------------------------------------------------*/
/* DEFAULT
/*-------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td {
    margin:0px;
    padding:0px;
    }

h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    }
fieldset, img {
    border:0;
    }
.left {
    float:left;
    display:inline;
    }
.right {
    float:right;
    }  
.clearer {
    clear:both;
    }
.spacer {clear:both;
}

notext, #footer, #adresse, #men1, #oben2, #drucken, #header, #nowraptaser, #teaserinhalt, #startseitentext, #trenner,  #logo, #impressum, #oben, #web20, #logoheader, #navigation, #info, #hintergrund, #sprachen, #containeroben, #subnavilinks, #aktionen, #trennerhori,  #sliderwerbung, #footerContainer, #containerobenlinks, #breadcrumb, #hintergrundbild, #hintergrund, #supersized, #drucken, #buchung, header.container, nav.navdesk, aside.nowraptaser, aside.nowraptaser, aside.teaserrechts, footer, nav.bread, h2.hide         
 {
display:none;
visibility:hidden;
}

#notext, .notext{
 display:none;
visibility:hidden;
}



/*-------------------------------------------------------------------------*/
/* HEADLINES
/*-------------------------------------------------------------------------*/
H1{
    font-size: 18px;
    color: #000000!important;  
    margin:60px 0px 15px 0px;
  

}

H2{
    font-size: 14px;
    margin:0px 0px 0px 0px;
    
  

}


H3{
    font-size: 12px;
    padding-top:10px;
}


H4{
    font-size: 12px;
    color: #FFFFFF!important;
 
    padding-bottom:8px;
}
H5{
    font-size: 16px;

    padding:0px;
}

H6{
    font-size: 14px;
    margin:0px 0px 0px 0px;
}

/*-------------------------------------------------------------------------*/
/* CONTENT
/*-------------------------------------------------------------------------*/

html  {
    overflow-y:scroll !important;
    background-color:#FFFFFF;
    background-image:none;

    
    }

body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top: 30px;
  color: #000000;
  line-height:1.5;
  height: 100%;
  padding: 0;
  text-align:left;
  background-image:none;

  
  
}

aside.printlogo
{
text-align:center;

}

#mitte{  margin: auto;width: 700px;overflow: hidden; padding: 0px; background-color:#FFFFFF; text-align:left; left:-100px; background-image:none;}
#content{  padding-left:0px; left:0px; width: 450px; background-image:none;}

a {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
a:active {color: #000000;text-decoration: underline;}

li {
list-style-image:url(/medien/images/li.gif);

}


article.headline, article.content1spalter, article.content2spalter {
		float:right;
	width:100%;
	padding:0;
	margin:0

}
	
	article.content2spalterhightlight {
		float:left;
	width:100%;
	

}
	
	
	article.content1spalter section {

	
}

	.content1spalterin{
	float:left;
		width:100%;			
	margin-bottom:20px;
		
	}
	
	

article.content2spalter section,  article.content2spalterhightlight section{

	
}
	.content2spalterina, .content2spalterinahightlight{
		float:left;
		width:40%;	
	margin-bottom:30px;
		
	}

.content2spalterina30{
		float:left;
		width:30%;	
	margin-bottom:30px;
		
	}

	.content2spalterina img, .content2spalterinahightlight img{
		float:left;
		width:450px;
height:auto;	
		
	}
 .content2spalterina30 img{
		float:left;
		width:200px;
height:auto;	
	padding:0; margin:0
		
	}

	article.content3spalter section img{
		float:left;
		width:250px;
height:auto;	
		
	}

	.content2spalterinb,.content2spalterinbhightlight{
		float:right;
		width:50%;	
	
	}
	
.content2spalterina70{
		float:right;
		width:40%;	
	margin-right:5%
	
	}
	


	article.content3spalter img
{
	width:250px;
	height:auto
	

	}



article.content3spalter section {
		float:left;
		width:30%;	
	
	

	}

	
		article.content3spalter {
	float:left;
	width:100%;
	 
}
	
article.content3spalter section, 
article.content3spalter section:nth-of-type(even) {
		width:30%;	
		margin-right:4%;
	margin-bottom:30px;
	
	}
	
article.content3spalter section:nth-of-type(3n+3) {
		margin-right:0;	
	}





		article.sitemapbox section {
		float:left;
		width:25%;	
		margin-right:4%;
		margin-bottom: 4%;
		padding:2% 2% 3% 2%;
	

	}

	
		article.sitemapbox {
	float:left;
	width:100%;
	 
}
	
article.sitemapbox section, 
article.sitemapbox section:nth-of-type(even) {
		width:25%;	
		margin-right:4%;
	
	}
	
article.sitemapbox section:nth-of-type(3n+3) {
		margin-right:0;	
	}

	
	
#content section, 
	#content section:nth-of-type(even) {
		width:30.666666666666664%;	
		margin-right:4%;
		padding:1.2% 1.2% 2.2% 1.2%;
		-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
	}
	
	#content section:nth-of-type(3n+3) {
		margin-right:0;	
	}
	
	


#abstand{
    
    padding-bottom:22px;
    
}

#feld01{
    
    width:160px; float:left; text-align:left;
    
}

#feld02{
    
    width:200px; float:left; text-align:left;
    
}



input.contactInput {
  
  height: 15px;
  font-size: 11px;
  border: 1px solid #000000;
  *border: 1px solid #000000;
  width:150px;
       font-size: 11px;
  }
  
  input.gutscheininput {
  
  height: 15px;
  font-size: 11px;
  border: 1px solid #000000;
  *border: 1px solid #000000;
  width:65px;
       font-size: 11px;
  }
  
  input.anlassinput {
  
  height: 15px;
  font-size: 11px;
  border: 1px solid #000000;
  *border: 1px solid #000000;
  width:300px;
       font-size: 11px;
  }
  
  input.input {
  
  height: 15px;
  font-size: 11px;
  border: 1px solid #000000;
  *border: 1px solid #000000;
  width:150px;
       font-size: 11px;
  }

select {
  
  height: 19px;
  font-size: 11px;
  border: 1px solid #000000;
  *border: 1px solid #000000;
    }


.checkbox{
  width: 20px !IMPORTANT;
  *border: 0px solid #fff !IMPORTANT;
  *width: 16px !IMPORTANT;
  background-color:transparent !IMPORTANT;
  font-size: 11px;
}

textarea {
  width: 250px;
  height: 60px;
  padding: 2px;
  margin: 4px 0px 5px 0px;
border: 1px solid #000000;
  *border: 1px solid #000000;
         font-size: 11px;

}



<!-- ************************ Start of Sitemap  **************************** -->


 #sitemap {

  margin-bottom: 30px;
  z-index: 1 !IMPORTANT;
float:left;
width:490px;


  }

 #sitemap #hauptnavigation ul{
  list-style: none;
  padding: 0px;
float:left;


  }

 
 #sitemap .trenn{
   color: #5b5b5b !IMPORTANT;
   height: 0px;
   font-size: 0px;

   }
  
  #sitemap #hauptnavigation li {
   float: left;
   position: relative;
   color: #000!IMPORTANT;
   cursor: default;
   margin: 0px;
   display: block;
   font-weight: bold;




   }
   
   #sitemap #hauptnavigation li:hover {
    text-decoration: none;



    }
    
   #sitemap #hauptnavigation a {
    color: #000!IMPORTANT;
    text-decoration: none;




    }

   #sitemap a {
    color: #9d1c0b!IMPORTANT;
    text-decoration: none;
         font-size: 12px;
    font-weight: bold !IMPORTANT;





    }

   
   
      
 #sitemap .dropdown {
  list-style: none;
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px;
  z-index: 1 !IMPORTANT;
padding-bottom:35px;


  }



  #sitemap .dropdown li {
   float: none !IMPORTANT;
   position: relative;
   padding: 0px !IMPORTANT;
 font-weight: normal !IMPORTANT;
padding-bottom:25px;
width:200px;

   }
   
#sitemap .dropdown li a {

    display: block;
    text-decoration: none;
    color: #000!IMPORTANT;
   font-weight: normal !IMPORTANT;

    }
    
   #sitemap .dropdown li a:hover {
    font-weight: normal !IMPORTANT;
text-decoration: underline !IMPORTANT;
    }


#thumbs{
      float:left;
      border:0px;

    }

    #thumbs a{
      display:block;
      float:left;
     width:75px;
      height:49px;

      margin :6px 6px 6px 1px;
      *margin :0px 6px 6px 1px;
    }

    #thumbs a img{
      float:left;
      top:0px;
      left:0px;
  width:75px;
      height:49px;
      border: 2px solid #d5d3d3;
    }

article.content1spalter, article.content2spalter, article.content3spalter, article.content4spalter, article.content1spaltergrau, article.content2spaltergrau

{
     width:100%;
	float:left;
	padding:0;
	margin:0 0 20px 0;
    }

.content2spalterina30{margin:0 0 20px -50px;	    }
.content2spalterina70{padding:0;	margin:0 0 20px 0px;	    }

article.content4spalter section  {width:25%;  padding:0;	margin:0 20px 20px -50px; float:left;}

article.content4spalter section img  {width:150px; height:auto; margin:0 20px 20px 0; float:left;}


article.content3spalter section  {width:39%;  padding:0;	margin:0 20px 20px -50px; float:left;}

article.content3spalter section img  {width:250px; height:auto; margin:0 0px 20px 0; float:left;; padding-right:10px;}

.content2spalterina {margin:0 20px 20px -50px; float:left;}