@import url(resetcss.css);

@viewport {
   width: 1150px;
}

* {
    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:1050px;
	height:30px;
	margin:10px auto;
	position:relative;
	padding-top: 3px;
}
#navi a {font-family:"Trebuchet MS", Verdana, Arial; color: #d2c8ad; font-size: 25px; text-decoration: none;}
#navi a:hover {color: #9f2812}
#home {height:28px; padding-right: 15px;}
#leistungen {height:28px; border-left:2px solid #d2c8ad; padding-left: 17px; padding-right: 15px;}
#sonderangebote {height:28px; border-left:2px solid #d2c8ad; padding-left: 17px; padding-right: 15px;}
#anfahrt {height:28px; border-left:2px solid #d2c8ad; padding-left: 17px; padding-right: 15px;}
#kontakt {height:28px; border-left:2px solid #d2c8ad; padding-left: 17px; padding-right: 15px;}
#datenschutz {height:28px; border-left:2px solid #d2c8ad; padding-left: 17px; padding-right: 15px;}
#impressum {height:28px; border-left:2px solid #d2c8ad; padding-left: 17px; padding-right: 15px;}

#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:430px;
	left:160px;
	position:absolute;
}