/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}
img{border:0;}

a {color: #135293;}

a:hover {text-decoration: none;}

h1{
	margin: 0;
	padding: 10px 0;
	
	font-size: 227%;
	font-weight: normal;
	color: #666666;
}

h2{
	margin:0 20px;
	padding: 10px 0;
	background: url(../images/layout/img09.gif) repeat-x left bottom;
	font-weight:normal;
}
h3, h4{
	margin:0 20px;
	padding: 10px 0;
}



/**********************************************************************************************************/
										/*LAYOUT ELEMENTE*/
/**********************************************************************************************************/

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF;
}
/**********************************************************************************************************/
										/* LINKS */
/**********************************************************************************************************/

#sidebar {
	float: left;
	width: 240px;
}
#sidebar h3, p{margin:0 0 10px 20px;}

#sidebar p{
	line-height: 180%;
}
/* Logo */

#logo {
	height: 220px;
	background: #FFFFFF url(../images/layout/img02.gif) repeat-y right top;
}

#logo a, #logo em {
	margin: 0;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #9C9C9C;
	display:block;
}

#logo a {
	padding: 125px 0 0 0;
	background: url(../images/layout/huette_hell.gif) no-repeat center center;
	font-size: 30px;
}

#logo h2 {
	font-size: 14px;
}

#logo a {
	color: #9C9C9C;
	text-decoration: none;
}

/* Menu */

#menu {
	padding: 20px;
	background: #61853a url(../images/layout/img04_dunkel1.gif) repeat-x;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 10px 0 10px 10px;
	background: url(../images/layout/img05_dunkel1.gif) repeat-x;
}
#menu li ul{background:none;list-style-type:disc;padding-left:20px;}
#menu li ul li{background:none;padding:10px 0 0 0px;font-size:95%;color:#61853A;}
#menu li ul li a{font-size:95%;color:#61853A;}

#menu li.first {
	background-color:#CBEFA4;
	color: #61853A;
        font-size: 129%;
	
}
#menu li.first a{
	background-color:#CBEFA4;
	color: #61853A;
        font-size: 129%;
	
}
#menu a {
	text-decoration: none;
	font-size: 129%;
	color: #FFFFFF;
	display:block;
}

#menu a:hover {
	text-decoration: underline;
}
/*Kontakt Box*/
.orange {
	margin:0;
	background: #FF9523 url(../images/layout/img10.gif) repeat-x;
	color: #FFFFFF;
	padding:20px;
}

.orange a {
	color: #FFFFFF;
	display:block;
	text-decoration:none;
	margin:0;font-size: 129%;padding:10px 0 10px 10px;background:url(../images/layout/img11.gif) repeat-x;font-weight:normal;
}
#actual a{background-color:#FFE8CF;color:#FF9523;}
.orange a:hover{text-decoration:underline;}
.orange h2{}
.orange ul{list-style-type:none;margin:0;padding:10px 0 0 0;background:url(../images/layout/img11.gif) repeat-x left top;}
.orange li.telefon{background-image:url(../images/icons/telefon.jpg);background-repeat:no-repeat;height:27px;padding-left:20px;margin-left:0;font-size:12px;}
.orange li.email{background-image:url(../images/icons/email1.jpg);background-repeat:no-repeat;height:20px;padding-left:20px;margin-left:0;font-size:12px;}

/*Bildergalerie Link*/
#bildergalerie {
	padding:20px;
	background:#61853a url(../images/layout/img04_dunkel1.gif) repeat-x;
	/*#83bce3  url(../images/layout/imgblau_lang.gif) repeat-x;*/
	
}
#linkbild img{width:190px; border:1px solid #FFFFFF; padding:5px; margin:5px 0 0 0; background:#FFFFFF;}
#linkbild{background: url(../images/layout/img05_dunkel1.gif) repeat-x;/*background:url(../images/layout/imgblau_kurz.gif) repeat-x;*/}
#bildergalerie a{font-size: 129%;display:block; text-decoration:none;color:#FFFFFF;padding:10px 0 ;background: url(../images/layout/img05_dunkel1.gif) repeat-x;/*background:url(../images/layout/imgblau_kurz.gif) repeat-x;*/}



#bildergalerie a:hover{text-decoration:underline;}

#act_bild a{background-color:#CBEFA4;color: #61853A;padding-left:10px;}
#no_act_bild a{padding-left:10px;}
/**********************************************************************************************************/
										/* MITTE */
/**********************************************************************************************************/

/* Content */
.header_bild{
	background-image:url(../images/layout/img08.jpg);
	width:740px;
	height:220px;
}
#content {
	float: right;
	width: 740px;
	
}
.boxed {
	padding: 5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol, .boxed td {
	line-height: 180%;
}
/**********************************************************************************************************/
										/* UNTEN */
/**********************************************************************************************************/

/* Footer */

#footer {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(../images/layout/img12.gif) repeat-x;
}

#footer p {
	margin: 0;
	
}

#links {
	float: left;
	width: 230px;
	height: 45px;
	padding:35px 0 0 10px;
	margin: 0;
	
	background: url(../images/layout/img13.gif) repeat-x;
}

#links li{
	display:inline;
	padding:0 8px;
	margin:0;
}
#links a {
	color: #FFFFFF;
}

#legal {
	float: right;
	width: 720px;
	height: 45px;
	padding: 35px 0 0 20px;
	font-size: 120%;
}

/**********************************************************************************************************/
										/* KLASSEN */
/**********************************************************************************************************/

/*Preisliste*/
.preise{
	border:0;
	width:680px;
	margin-left:20px;
	
}
.preise th{	text-align:left;}
.preise td{padding:8px 5px 5px 0;}
/*H�tteninfo von a-z*/
.huetteninfo{

}
.huetteninfo th{text-align:left;}
.huetteninfo td{padding:8px 5px 5px 0;}

.bilder{}
.bilder img{float:left; margin:12px;padding:5px; border:1px solid #bfc5bf;}

.bild_gross{
text-align:center; 
}
.bild_gross ul{list-style-type:none;}
.bild_gross li{display:inline; padding-right:80px;}
