* { margin: 0; padding: 0; }
html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	
	text-align:center;								/* damit IE6 page horizontal zentriert...*/
	font-family: tahoma, arial, sans-serif;
	font-size: 100%;
	color: #333;         /**color: #666; heller, silber/ #333; **/
	
  	line-height: 1.125em; 							/* 16 x 1.125 = 18 http://www.justtype.de/artikel/grundlagen-css/*/
	font-size: 16px;								/*für alle ausser IE*/
	
}

#uc
{
	left: 5px;
	top: 1%;
	position: fixed;
}

/**************************** Schrift Einstellungen Anfang********************************/
h1
{
	color: #333;
	margin: 14px;
	padding: 0px 0px 6px 0px;
	font-size: 26px;
	/*letter-spacing: -2px;*/
	text-align: left;
}

h2
{
	color: #333;
	margin: 14px;
	padding: 7px 0px 6px 0px;						/* Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

p
{
	font-size: 0.8em; 								/* 16 x 0,75 = 12 */
	margin-top: 1.5em;								/*abstand*/
	margin-bottom: 1.5em;  							/*abstand*/
	margin-left: 14px;
}

.links {text-align: left;}							/*<p class="links">*/
.rechts {text-align: right;}							/*<p class="rechts">*/
.zentriert {text-align: center;}						/*<p class="zentriert">*/
.blocksatz {text-align: justify; margin-bottom: 1.5em;}/*<p class="blocksatz">*/
.bot {margin-bottom: 0;}								/*<p class="bot">*/
/*.foot {margin-left: 210px;}*/
.foot{text-align: center;}

.rotate 
{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg)
	filter: progid:DXImageTransform.Microsoft .BasicImage(rotation=3) /*IE zahhl 90deg)*/
}
/**************************** Schrift Einstellungen Ende**********************************/
#page 
{
	width: 800px;
	min-height: 100%;
	height: 100%;									/*IE6 min height*/
	height: auto;									/*Wenn inhalt grösser als fenster wird, wird div autom. grösser*/
	background-color: white;
	
	
	margin: auto;									/*30px: horizontaler abstand, auto: page horizontal zentrieren*/	
		clear: both;
}

#header
{
	width: 100%;					
	height: 180px;
	background-color: black;
	border-radius: 12px;
	
	margin-top: 9px;
	
	background-position: center;
	background-image: url(huereheiss_header1.png);
	background-repeat: no-repeat;
	
	box-shadow: 3px 3px 4px #aaa;	
}
/**************************** Hauptnavigation Anfang***************************************/
#mainnav
{
	width: 100%;					
	height: 45px;
	background-color: black;
	border-radius: 12px;
	margin-top: 7px;

	box-shadow: 3px 3px 4px #aaa;

}

#navigation 
{
	padding-top: 13px;
    list-style-type: none;
	text-align: center;
}

#navigation li 
{
    padding: 0px;
    margin: 5px;  									/* Abstand zwischen Links*/
    display: inline;								/* Links nebeneinander*/	
}
	
#navigation a 										/* Normalzustand*/
{ 
	text-decoration: none; 
	font-weight: bold;
    	color: white; 								/* Schriftfarbe*/
	padding: 5px 5px 5px 5px;						/* Innenabstand (Rahmen für Hover)*/

}

#navigation a:hover 
{
    color: white; 
	text-decoration: underline;
	/*border-radius: 6px;
	box-shadow: 3px 3px 4px #82FA58;  */
}	
/**************************** Hauptnavigation Ende****************************************/
#content
{
	/*min-width: 100% - 60px;									default, ist immer so breit wie elternelement(padding funzt so ohne angabe*/
	padding: 30px;
	min-height: 480px;								/* Mindestgrösse content*/
	height: 100%;									/*IE6 min height*/
	height: auto;									/*Wenn inhalt grösser als content wird, wird div autom. grösser*/
	border-radius: 12px;
	background-color: white;
	
	margin-top: 16px;
	/**display: block;**/
	/**box-shadow: 0px 16px 80px #aaa; ohne in main verschleierung **/
	box-shadow: 0px 5px 80px #aaa;
	
	clear: both;   /* falls floatendes div (2spalten Layout)http://blog.cssguru.de/css-clearfix/ **/
	overflow: auto;
}
/**************************** Zwei-Spalten-Layout im content Anfang************************/
#ucontent
{
	width: 75%;
	float: left;
	
	
	border-right: 1px #F5F5F5 solid;
	padding-right: 19px;							/*Abstand Trennstrich */

}

#unav
{
	float: right;
	
	/*border-right: 1px black solid;*/
}

#unavigation
{
	padding-top: 30px;
    	padding: 0px;
    	list-style-type: none;
	text-align: left;	
}

#unavigation li 
{
    padding: 0px;
    margin: 5px;  								/* Abstand zwischen Links*/
    display: block;								/* Links nebeneinander*/
	color: black;	
}

#unavigation a 										/* Normalzustand*/
{ 
	text-decoration: none; 	
	color: black;
}

#unavigation a:hover 
{
	text-decoration: underline;
}

/**************************** Zwei-Spalten-Layout im content ENDE************************/
#video
{
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#footer
{ 
	width: 100%;				
	min-height: 35px;								/* Mindestgrösse */
	height: 100%;									/*IE6 min height*/
	height: auto;									/*Wenn inhalt grösser als content wird, wird div autom. grösser*/
	
	background-color: black;	
	border-radius: 12px;
	
	padding-top: 2px;
	margin-top: 15px;
	
	
	
	/*margin-right: 150px; */
	text-align: left;
	font-size: 70%; 
	color: white;
	box-shadow: 3px 3px 4px #aaa;
}
/**************************** Kontakt Button Anfang**************************************/
#fdb
{
	width: 35px;
	height: 102px;
	background-color: black;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	
	background-image: url(kontakt.png);
	background-repeat: no-repeat;
	background-position: center;
	
	right: -5px;
	top: 80%;
	
	position: fixed;
	overflow: hidden;
	
	color: white;
	cursor: pointer;
}

#fdb a 
{
    display: block;
    height: 100%;
}
#fdb a span 
{
    display: none;
}

#fdb  a:hover
{	
	right: 0 !important;
	left: auto !important;
	margin-right: 0 !important;
	margin-left: auto !important;
	width: 35px !important;
}
/**************************** Kontakt Button Ende**************************************/
/**************************** Formular Anfang******************************************/

fieldset 
{
	margin-top: 30px;
	margin-left: 30px; /** default 18px **/
	border: none;
}
legend 
{
}

label 
{
    float: left;
    width: 7em;
    padding-top: 0.1em;			/** Beschriftung nach unten, auf höhe von eingbetext **/
    text-align: left;
    margin-right: 5px;
}

input, textarea
{
    display: block;				/**Zeilenumbruch nach Eingabe**/
    font-size: 1em;
    margin-bottom: 0.8em;
    border: 0.1em solid #000;
	border-radius: 12px;
    padding: 0.1em;
	padding-left: 6px; 			/** Abstand im Textfeld **/
    width: 17em;
	max-width: 300px;
	outline: none;

}

#search
{
	margin-top: 16px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	min-height: 30px;
	padding-top: 9px;
	text-align: center;
}

#wetter
{
	margin-top: 15px;
}

#news
{
	margin-top: 15px;
	max-width: 140px;
}

.kleinlabel
{
	padding: 0;
	margin: 0;
	font-size: 80%;
	width: 50px;
	
}
.kleininput
{
	width: 75px;
	margin: 0;
	font-size: 80%;
}



#disqus_thread { width: 620px !important; margin-left: 60px !important; margin-top: 20px !important;}