/* 		Stylesheet f. www.tragbar-dresden.de */
/*		Autor: Thomas Jung. TJWD Thomas Jung Werbung & Design */
/*		2008 */

* {
	margin:0;
	padding:0;
	font-size:1em;
}

html {
	height:100%;
	text-align:left;
	font-size:62.5%;
	padding:0;
	margin:0;
}

body {
	background:#fff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.3em;
	height:100%;
	padding:0;
	margin:0;
}

img {
	border:none;
}

ul {
	list-style-type:none;
}

#sitespanner {
	position:relative;
	width:100%;
	min-height:100%;
	clear:left;
}

.dontread {
	position:absolute;
	bottom:0px;
	right:0px;
	visibility:hidden;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:207px;
	background:#fff url(../images/headerbg.jpg) 0 0 repeat-x;
}

#head_borders {
	position:absolute;
	top:0;
	left:0;
	margin-left:40px;
	width:745px;
	height:180px;
	border-left: #ccc dashed 1px;
	border-right: #ccc dashed 1px;
}

#headadd
{
	position:absolute;
	top:0px;
	left:275px;
	width:490px;
	height:20px;
	background: url(../images/headadd.gif) no-repeat;
}

#logo {
	position:absolute;
	top:70px;
	left:121px;
	width:290px;
	height:70px;
	background:url(../images/tragbarlogo.gif) no-repeat;
}

#logolink {
	position:relative;
	top:0;
	left:0;
	width:290px;
	height:70px;
	text-indent:-2000px;
	overflow:hidden;
	display:block;
	z-Index:1;
	
}

#zipper {
	position:absolute;
	bottom:0px;
	left:0px;
	height:60px;
	width:820px;
	background:url(../images/zipper.gif) no-repeat;
}

#content {
	position:relative;
	left:0;
	top:0;
	margin:-25px 0 100px 40px;
	width:745px;
	min-height:620px;
	overflow:hidden;
	border-color: #666;
	border-style: dashed;
	border-width:0 1px 1px 1px;
	float:left;
}

#navigation {
	position:relative;
	top:0;
	left:0;
	margin:27px 0 0 22px;
	width:160px;
	height:220px;
	background:#fff;
	float:left;
}

#redzip {
	position:relative;
	top:0px;
	left:0px;
	width:160px;
	height:90px;
	background:url(../images/redzip.gif) no-repeat 115px 0px;
}

#navstart {
	position:relative;
	left:0px;
	top:0px;
	width:160px;
	height:20px;
	background:url(../images/navstart.gif) no-repeat 0 0;
}

#navend {
	position:relative;
	left:0px;
	top:0px;
	width:160px;
	height:40px;
	background:url(../images/navend.gif) no-repeat 0 0;
}

.navtrenner {
	position:relative;
	top:0;
	margin-left:15px;
	width:120px;
	height:1px;
	overflow:hidden;
	border-bottom:#ccc dotted 1px;
	background:url(../images/navbg.gif) repeat-y;
	display:block;
}

#navlist {
	position:relative;
	top:0;
	left:0;
	width:160px;
	min-height:10px;
	padding:0 0 10px 0;
	background:url(../images/navbg.gif) repeat-y;
}

.navnode {
	position:relative;
	top:0;
	left:0;
	margin:0px 0  0 15px;
	width:120px;
	height:17px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	border-color:#ccc;
	border-style:dotted;
	border-width:1px 0 0 0;
}

.navnode:hover {
	border-color:#ccc;
	border-width:1px 0 0 0;
}

.navzeiger {
	position:absolute;
	right:3px;
	width:20px;
	height:20px;
	background:url(../images/navzeiger.gif) no-repeat 0 0;
}

#nz_start { top:110px; }
#nz_kollektion { top:129px; }
#nz_feedback { top:147px; }
#nz_promo { top:165px; }
#nz_links { top:183px; }
#nz_kontakt { top:201px; }

#nav_start { background:url(../images/b_start.gif) no-repeat; }
#nav_kollektion { background:url(../images/b_kollektion.gif) no-repeat; }
#nav_links { background:url(../images/b_links.gif) no-repeat; }
#nav_feedback { background:url(../images/b_feedback.gif) no-repeat; }
#nav_promo { background:url(../images/b_promo.gif) no-repeat; }
#nav_kontakt { background:url(../images/b_kontakt.gif) no-repeat; border-width:1px 0 1px 0; }

#nav_start:hover { background:url(../images/b_start_over.gif) no-repeat; }
#nav_kollektion:hover { background:url(../images/b_kollektion_over.gif) no-repeat; }
#nav_feedback:hover { background:url(../images/b_feedback_over.gif) no-repeat; }
#nav_promo:hover { background:url(../images/b_promo_over.gif) no-repeat; }
#nav_links:hover { background:url(../images/b_links_over.gif) no-repeat; }
#nav_kontakt:hover { background:url(../images/b_kontakt_over.gif) no-repeat; border-width:1px 0 1px 0; }

#nav_start_act { background:url(../images/b_start_act.gif) no-repeat; }
#nav_kollektion_act { background:url(../images/b_kollektion_act.gif) no-repeat; }
#nav_feedback_act { background:url(../images/b_feedback_act.gif) no-repeat; }
#nav_promo_act { background:url(../images/b_promo_act.gif) no-repeat; }
#nav_links_act { background:url(../images/b_links_act.gif) no-repeat; }
#nav_kontakt_act { background:url(../images/b_kontakt_act.gif) no-repeat; border-width:1px 0 1px 0; }


.subnavi,
.subnavi_act {
	font-size:11px;
	margin:2px 2px 2px 25px;
	padding:2px 2px 2px 8px;
	width:100px;
	display:block;
	color:#666;
	font-weight:normal;
	
}

.subnavi:hover {
	
	background:#ccc;
	color:#666;
}

.subnavi_act { font-weight:bold;color:#c60;}
.subnavi_act:hover { color:#c60; }

#mainbox {
	position:relative;
	top:0;
	left:0;
	margin:45px 0 30px 40px;
	width:470px;
	min-height:350px;
	float:left;
}

#viewer {
	position:absolute;
	top:40px;
	left:500px;
	width:270px;
	height:240px;
}

#viewermask {
	position:absolute;
	top:0;
	left:0;
	width:270px;
	height:240px;
	background:url(../images/viewermask.png) no-repeat 0 0;
}

.viewer_imagecotainer {
	position:absolute;
	top:33px;
	left:36px;
	width:200px;
	height:150px;
	width:200px;
	overflow:hidden;
}

.viewerpic {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:auto;
}

#viewerstrg {
	position:absolute;	
	top:33px;
	left:0;
	width:270px;
	height:135px;
}
#viewer_fwd {
	position:absolute;
	top:55px;
	right:20px;
	width:30px;
	height:30px;
	background:url(../images/viewer_fwd.png) no-repeat 0 0;
	text-indent:-2000px;
	overflow:hidden;
}

#viewer_rew {
	position:absolute;
	top:55px;
	left:18px;
	width:30px;
	height:30px;
	background:url(../images/viewer_rew.png) no-repeat 0 0;
	text-indent:-2000px;
	overflow:hidden;
}

#viewer_bigger {
	position:absolute;
	top:0px;
	left:50px;
	width:165px;
	height:130px;
	text-indent:-2000px;
	overflow:hidden;

}


#labels {
	position:relative;
	top:0px;
	left:0px;
	width:80px;
	height:auto;
	display:block;
	padding:0 0 0 20px;
	overflow:hidden;
}

#labels ul li {
	margin: 0px 0px 10px 0px;
}

#labels ul li img {
	width:80px;
}

.labelstyle {
	position:relative;
	top:0;
	left:0;
	width:80px;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	float:left;
	margin:4px;
}

.ls_clear { clear:left; }

.cutters {
	position:absolute;
	width:23px;
	height:23px;
}

#cutterwhite { top:500px; left:15px; background:url(../images/cutterwhite.gif) no-repeat 0 0; }
#cutterblack { top:60px; left:785px; background:url(../images/cutterblack.gif) no-repeat 0 0; }


#siteend {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:285px;
	background:url(../images/siteendbg.jpg) 0 35px repeat-x;
	z-index:1;
}

#siteendspacer {
	position:relative;
	height:250px;
	width:100%;
	background:transparent !important;
	clear:left;
}

#bytjwd {
	position:absolute;
	top:0;
	left:0;
	width:475px;
	height:185px;
	background:url(../images/bytjwd.jpg) no-repeat 0 0;
	text-indent:-2000px;
	overflow:hidden;
}

#tjwdlink {
	position:absolute;
	top:73px;
	left:187px;
	width:260px;
	height:40px;
	background:url(../images/tjwdlink.gif) no-repeat 0 0;
	text-indent:-2000px;
	overflow:hidden;
	display:block;
	z-Index:20;
}