@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    border: 0;
}

html, body {
	margin:0;
	padding:0;
	height: 100%;
}

body, p,
h1, h2, h3, h4, h5, h6,
table, tr, td,
ul, ol, li,
form, input, select, textarea
     {
       font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
       font-size: 13px;
	   line-height:16px;
       color: #bfbfbf;
       text-decoration: none; 
	   font-weight: normal; 
    }
   
input, textarea
{
       color: #000000;
    }

   

a, 
a:link,
a:active, 
a:visited
{
  color: #d1c6a5;
  text-decoration: none;
  border:none;
}


a:hover
{
  color: #bfbfbf;
}


body {
background:#2b1f13;
background-image:url(/cms/site/img/background.png);
background-repeat:no-repeat;
background-position:top center;
}






/*---  other common ----*/

.brown,
ins  
 	{
color:#d1c6a5;
text-decoration:none;
	}	
	

.titlesmall  /* for Meteobox */
 	{
    color:#d1c6a5;
	font-size:17px;
	line-height:9px;
	}	


.title,
big
 	{
	padding-bottom:15px;
    color:#d1c6a5;
	font-size:20px;
	}




/* ========== start, languageswitch, header, navigation ===================*/



#zentriert{
width:990px;
margin:0 auto;
padding:0;
text-align:left;
}


/*------ Languageswitch ----- */

#languageswitch
{
 height:62px;
 padding-top:45px;
 width:1010px;  
 line-height:124px;
  text-decoration: none;
  color:#d1c6a5;
}

*html #languageswitch
{
 margin:0px;
 margin-top:62px;
 line-height:15px;
 height:0px;
 }



#languageswitch a:active, 
#languageswitch a:hover 
{
 color: #bfbfbf;
}



/*------ Navigation ----- */


#navigation
{
width:990px;
height:48px;
padding-top:4px;
padding-left:15px;
text-align:center;
}

*html #navigation
{
padding-top:0px;
}

#navigation ul
{
padding-top:4px;
padding-bottom:4px;
float:right;
}

#navigation ul li,
#content .subnav ul li 
{
list-style:none;
float:left;
/*width:180px;*/
}



#navigation ul li a, 
#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover {
padding-left:23px;
padding-right:47px;
/*display:block;*/
text-align:center;
font-size:20px;
line-height:20px;
text-decoration:none;
}


#navigation  ul li a:hover,
#navigation ul li a:active,
#navigation .navactivestyle
{
color:#d1c6a5;
background-image:url(/cms/site/img/navtrenn.png);
background-position:left center;
background-repeat:no-repeat;
}

*html #navigation  ul li a:hover,
*html #navigation ul li a:active,
*html #navigation .navactivestyle
{
background-image:url(/cms/site/img/navtrennie6.png);
}


/*------ header: Image+Logo+underLine ----- */

#header
{
margin-top:20px;
margin-bottom:20px;
margin-left:16px;
 width:1010px;
 height:275px;
  }


 *html #header
{
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
}



/*======== maincontent ================*/
#maincontent
{
margin-top:15px;
padding-left:15px;
}

*html #maincontent
{
margin-top:0px;
}

#content
{
 width:1020px;
}

#content .row
{
margin-top:15px;
float:left;
}


#content .textrow
 	{
	/*margin-top:15px;*/
	padding-right:20px;
	}

/*
*html #content .textrow
 	{
	margin-top:10px;
	}
*/



/* --- submenu, description --- */


#content .subnav ul li,
#content .subnavactivestyle ul li
 	{
	font-size:17px;
	line-height:34px;
	list-style:none;
	}


#content .subnav ul li a,
#content .subnav ul li a:link,
#content .subnav ul li a:visited,
#content .subnavactivestyle ul li a,
#content .subnavactivestyle ul li a:link
{
background-image:none;
text-decoration:none;
padding-left:15px;
}

/*
*html #content .subnav ul li a,
*html #content .subnav ul li a:link,
*html #content .subnav ul li a:visited,
*html #content .subnavactivestyle ul li a,
*html #content .subnavactivestyle ul li a:link
{
background-image:none;
text-decoration:none;
padding-left:15px;
}
*/

#content .subnav ul li a:hover,
#content .subnav ul li a:active,
#content .subnavactivestyle ul li a:hover,
#content .subnavactivestyle ul li a:active,
#content .subnavactivestyle ul li a:visited
{
color:#d1c6a5;
background-image:url(/cms/site/img/navtrennsmall.png);
background-position:left center;
   background-repeat:no-repeat;  
}

*html #content .subnav ul li a:hover,
*html #content .subnav ul li a:active,
*html #content .subnavactivestyle ul li a:hover,
*html #content .subnavactivestyle ul li a:active,
*html #content .subnavactivestyle ul li a:visited
{
color:#d1c6a5;
background-image:url(/cms/site/img/navtrennsmallie6.png);
background-position:left center;
   background-repeat:no-repeat;
}


#description .row
{
margin:15px;
margin-left:60px;
margin-right:0px;
width:350px;
float:left;
}


/*
#description .textrow,
{
	padding-right:0px;
}
*/

#description .titlesmall  /* main info for Meteobox */
 	{
	line-height:17px;
	}	
	
/*======= home, separator ====== */
#vertical
{
 background-image:url(/cms/site/img/linevertical.png);
 background-repeat:no-repeat;
 }




/*======= the 3rd colum ================*/
/* --- meteobox ------*/

#meteobox 
{
	padding-top:10px;
	text-align:center;
}

#meteobox .row {
	width:97px;
	line-height:15px;
}



#meteobox img {
    padding-top:5px;
	height:50px;
	width:50px;
}	


#meteobox
{
 margin-left:0px;
 width:293px;
 height:118px;
 background-image:url(/cms/site/img/meteoboxbg.png);
 background-repeat:no-repeat;
 }


/* --- dynamic image ------*/

 #matterhorn
 {
 margin:15px;
 margin-top:0px;
 margin-left:0px;
 width:293px;
 height:292px;
 background-image:url(/cms/site/img/matterhornbg.png);
 background-repeat:no-repeat;
 }
 
 /*
 *html #matterhorn
 {
 margin-top:0px;
 height:300px;
 background-image:url(/cms/site/img/matterhornbg2.png);
  }
 */

#matterhorn  ul
 {
 padding-top:5px;
 padding-left:80px;
 list-style:none;
 line-height:15px;
 }

*html #matterhorn  ul
 {
 padding-top:0px;
 }
 


/* -- for Galery -- orig:  align="center" border="0" cellpadding="0" cellspacing="0" width="100%">  */


.rowgallery
 {
 margin-left:60px;
 float:left;
 width:368px;
 margin-top:0px;
  }
 
.rowgallery img
  {
 margin-right:3px;
  margin-bottom:15px;
  }
 
/* ====== Kontaktformular ===============*/

.field
{
WIDTH: 200px;
border:2px;
border-color:#2b1f13;
border-style:solid;
}

.field2
{
WIDTH: 50px;
border:2px;
border-color:#2b1f13;
border-style:solid;
}

.field3
{
WIDTH: 143px;
border:2px;
border-color:#2b1f13;
border-style:solid;
}

.area, .textarea
{
WIDTH: 200px;
HEIGHT: 150px;
border-color:#2b1f13;
border:2px;
border-style:solid;
}

.formbutton
{
WIDTH: 197px;
font-size:17px;
padding:3px;
/padding-top:5px;
padding-left:55px;
background-image:url(/cms/site/img/buttonbg.png);
background-repeat:no-repeat;
}


.kontaktrow1
{
width:360px;
float:left;
}

.kontaktrow2
{
width:310px;
padding-left:30px;
float:right;
}

.error, 
.sendtext,
.sendtext2
{
color:#f1c473;
}
 
 /*======== Links, footer ===============*/
 
#link .row
{
margin:0px;
width:400px;
float:left;
text-align:left;
margin-top:15px;
}
 
#link img
{
margin:0px;
margin-bottom:5px;
}
 
 
 #footer
 {
 text-align:center;
 float:left;
 }
 

 

