@import url(resetcss.css);

* {
    margin:0;
    padding:0;
}

html, body{
    height:100%;
	font-family:"Trebuchet MS", Verdana, Arial;
	background:#412d26;
	line-height:20px;
}

#bg {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	overflow:hidden;
}

#logo {
	width:280px;
	height:151px;
	background:url(gfx/logo.png) no-repeat;
	top:60px;
	left:0;
	position:absolute;
}

#admin {
	width:280px;
	height:151px;
	top:60px;
	left:0;
	position:absolute;
	border:1px solid #9f2812;
}

#subline {
	width:305px;
	height:34px;
	background:url(gfx/subline.png) no-repeat;
	top:80px;
	right:240px;
	position:absolute;
}

#navibg {
	width:100%;
	height:48px;
	top:0;
	left:0;
	position:fixed;
	background:url(gfx/navi.jpg) repeat-x;
}

#navi {
	width:952px;
	height:30px;
	margin:10px auto;
	position:relative;
}
#navi a {position:absolute; top:0;}
#navi a:hover {background-position:top;}
#home {width:94px; height:28px; background:url(gfx/btn_home.png) no-repeat bottom; left:0;}
#leistungen {width:152px; height:30px; background:url(gfx/btn_leistungen.png) no-repeat bottom; left:119px;}
#sonderangebote {width:238px; height:30px; background:url(gfx/btn_sonderangebote.png) no-repeat bottom; left:290px;}
#anfahrt {width:119px; height:28px; background:url(gfx/btn_anfahrt.png) no-repeat bottom; left:547px;}
#kontakt {width:118px; height:28px; background:url(gfx/btn_kontakt.png) no-repeat bottom; left:685px;}
#impressum {width:130px; height:30px; background:url(gfx/btn_impressum.png) no-repeat bottom; left:822px;}

#wrapper {
	width:960px;
	height:540px;
	margin:0 auto;
	padding-top:48px;
	position:relative;
	border:0px solid white;
}

#referenzen {
	width:245px;
	height:300px;
	top:260px;
	left:0;
	position:absolute;
}

#referenzen a {position:absolute;}
#referenzen a:hover {background-position:top;}
#ref {width:181px; height:32px; background:url(gfx/referenzen.png) no-repeat bottom;}
#sonnensegel {width:162px; height:33px; background:url(gfx/ref_segel.png) no-repeat bottom; top:36px;}
#polstermoebel {width:164px; height:27px; background:url(gfx/ref_moebel.png) no-repeat bottom; top:70px;}
#cabrioverdecke {width:204px; height:27px; background:url(gfx/ref_verdecke.png) no-repeat bottom; top:104px;}
#motorradsitzbaenke {width:245px; height:26px; background:url(gfx/ref_motorrad.png) no-repeat bottom; top:138px;}

#content {
	width:620px;
	height:450px;
	right:0;
	bottom:0;
	position:absolute;
	border:1px solid #9f2812;
	background:url(gfx/content.png) repeat-y top left;
	overflow:auto;
}

#delpic_loader {
	display:none;
	width:622px;
	height:452px;
	right:0;
	bottom:0;
	position:absolute;
	border:0px solid #9f2812;
	background:black;
	overflow:auto;
	opacity:0.8;
	color:#bcbebd;
	text-align: center;
}
#delpic_loader div {margin-top:200px;}
#delpic_loader img {position:relative; top:19px;}

#help {
	width:75px; /*200px*/
	height:30px;/*350px*/
	right:621px;
	top:160px;
	position:absolute;
	border:1px solid #9f2812;
	background:white;
	font-size:12px;
	line-height:14px;
	background:url(gfx/content.png) repeat-y top left white;
	overflow:hidden;
	cursor:pointer;
}

#loader {display:none;}

#help div {padding:5px;}
#help div p {width:108px; float:left;}
#help div div p {width:55px; float:left;}
#help div h1 {font-size:18px; margin-left:5px; line-height:18px;}

/* Formatierung Inhalt */

#admin a {
	color:#8e3523;
	text-decoration:none;
}


#kontakt-wrapper {display:none;}

h1 {
	padding-bottom:5px;
	font-size:25px;
	left:-6px;
	position:relative;
}

h2 {
	color:#8e3523;
	padding-bottom:3px;
	left:-3px;
	position:relative;
}

.content {
	padding:10px;
	color:#25221c;
}
.content a {
	color:#8e3523;
	text-decoration:none;
}

#gallery img {
	border:4px solid #ffffff;
	padding:1px;
	margin:8px 0;
}

#gallery img:hover {
	border:4px solid #8e3523;
}

#addpic_gallery img {
	border:4px solid #ffffff;
	padding:1px;
	margin:8px 0;
}

#addpic_gallery img:hover {
	border:4px solid #8e3523;
}

#delpic_gallery img {
	border:4px solid #ffffff;
	padding:1px;
	margin:8px 0;
}

#delpic_gallery img:hover {
	border:4px solid #ff0000;
}

label,dfn {color:#8e3523;}

#adewani {
	width:68px;
	height:68px;
	background:url(gfx/adewani.png) no-repeat;
	top:280px;
	left:160px;
	position:absolute;
}

