/* --------geigenbau-kruppa.de - STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	6.subnavi */
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	
}
html, body{
	font-family: "Trebuchet MS", Tahoma;
	color:#300;
	background:url(../images/bg.jpg);
	background-position:top center;
	font-size: 13px;
	background-color:#fdedc8;
	background-repeat:repeat-x;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #ebb787;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;
}

p{
	margin:15px 0 17px 10px;
	line-height:1.5em;
	}	
	
h2{
	font-weight: bold;
	font-size: 15px;
	margin:15px 0 5px 10px;
	padding:2px;
	background:#ebba90;
	line-height:18px; 
	width:238px;
	}
	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:791px;
	background:url(../images/bg-container.jpg);
	background-repeat:repeat-y;
	position:relative;}
	
#header{
	width:791px;
	height:297px;
	background:url(../images/bg-header.jpg);
	position:relative;
	z-index: 1;}

#header h1{
	font-size: 0.001em;
	color: #fff;
	position:absolute;
	text-indent:-4000px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
	}
#header h1 a{
	width:335px;
	height:80px;
	font-size: 0.001em;
	color: #fff;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	overflow: hidden;
	margin:73px 0 0 392px;
	}

#header h1 a:hover{color: #fff; text-decoration: none;}

#boxleft{
	width:415px;

	background:url(../images/bg-content.jpg);
	background-repeat:no-repeat;
	float:left;}
	
#boxright{
	width:298px;
	margin:50px 0 0 434px;
}

#img{
	width:265px;
	margin:50px 0 0 137px;}	

#footer{
	height:114px;
	background:url(../images/bg-footer.jpg);
	background-repeat:no-repeat;
	clear:both;
}

#zeiten{margin: 55px 0 0 380px; position:absolute; font-size:11px;}

#footer-aussen{
	height:114px;
	background:url(../images/bg-footer-aussen.jpg);
	background-repeat:repeat-x;
	margin-top:-114px;
}
	
/*------------------3.links------------------*/

a { color:#300; text-decoration:underline;}
a:hover { text-decoration:none; color:#e35a03; }

/*------------------4.content------------------*/
.text-orange{color:#e35a03;font-weight:bold;}

.zitat{
	border:1px solid;
	padding:10px 3px 10px 12px;
	font-style:italic;
	font-weight:bold;
	}

.liste{
	margin:5px 0 20px 10px;
	text-align:left;}
	
.liste li{
	list-style-image:url(../images/arr.png);
	margin:5px 0 0 50px;}

.back{ margin-left:175px;}

.text-10px{font-size:10px; margin-left:22px;}
/*------------------5.navi------------------*/	
#navi{
	margin:274px 0 0 185px;
	position:absolute;
	font-size:12px;
	}
	
#navi ul{
	display:inline; 
	list-style-type:none;
	font-weight:bold;}
	
#navi li  {display:inline; padding:0 30px 0 0;}

#navi li a, a:hover{text-decoration:none;}

/*------------------6.subnavi------------------*/
#subnavi{
	width:29px;
	height:190px;
	margin-top:60px;
	position:absolute;
	z-index:10;
	}
	
#subnavi ul{list-style-type:none;}
	
#subnavi li  {display:block; text-indent:-4000px; }

#subnavi li a, #subnavi li a:hover {
	padding:0px;
	display:block;
	text-decoration:none;}
	
#button01 a {background: url(../images/subnavi/impressum01.jpg);height:74px;}
#button01 a:hover { background: url(../images/subnavi/impressum02.jpg);background-repeat:no-repeat;}
#button01-aktiv a { background: url(../images/subnavi/impressum02.jpg);background-repeat:no-repeat;}

#button02 a {background: url(../images/subnavi/anfahrt01.jpg);height:54px;}
#button02 a:hover { background: url(../images/subnavi/anfahrt02.jpg);background-repeat:no-repeat;}
#button02-aktiv a { background: url(../images/subnavi/anfahrt02.jpg);background-repeat:no-repeat;}

#button03 a {background: url(../images/subnavi/kontakt01.jpg);height:60px;}
#button03 a:hover { background: url(../images/subnavi/kontakt02.jpg);background-repeat:no-repeat;}
#button03-aktiv a { background: url(../images/subnavi/kontakt02.jpg);background-repeat:no-repeat;}