/* css by http://www.jonadesign.ch  */

/* @group RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

body {
	background-color: #ffffff;
	color: #6f6f6f;
	font: 11px Verdana;
	overflow: scroll;

}

img {
	border: 0px;
}

a {
	text-decoration: underline;
	color: #fff;
}

a:hover {
	color: #000;
}

h1 {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	float: left;
	margin-top: -3px;
	z-index: 100;
}

h2 {
	margin-top: -7px;
	margin-bottom: 6px;
}

h2 {
	margin-top: -7px;
	margin-bottom: 6px;
}

#accesskeys {
	display: none;
}

#header, ul#menubox {
	position: fixed;
	top: 85px;
	left: 116px;
}

#takealook, #detailed, #detailedproject, #spaceproject, #spaceproject_news  {
	margin-left: 265px;
	top: 74px;
	width: 458px;
}

#spaceproject_news  {
	margin-left: 265px;
	margin-top: 74px;
	width: 458px;
}

/* @group startseite */

.startimg {
	position: absolute;
	margin-top: 270px;
	z-index: 100;
}

#start {
	margin-top: 380px;
	position: absolute;
	margin-left: 180px;
	line-height: 18px;
	z-index: 100;
}

#start a {
	color: #959999;
	text-decoration: none;
}

#start a:hover {
	color: #000;
}

/* @end */

/* @group header */

#header a.logo {
	background: url(../img/content/logo_stauffacherbenz.gif) no-repeat;
	position: absolute;
	width: 135px;
	height: 28px;
	margin-top: 2px;
}

#header	a.lang	{
	float: right;
	color: #b2b5b5;
	margin-top: 269px;
	text-decoration: none;
	text-align: right;
}

#header	a.lang:hover {
	color: #000;
}

/* @end */

/* @group menu */

/* @group Menubox */

ul.menubox {
	list-style-type: none;
	text-align: right;
	width: 135px;
	line-height: 16px;
	margin-top: 52px;
	font-size: 11px;
}

ul.menubox li a.menu {
	color: #959999;
	text-decoration: none;
	letter-spacing: 0.2px;
}

ul.menubox li a.menu:hover {
	color: #000;
}

ul.menubox li a.menu1 {
	color: #262626;
	text-decoration: none;
	letter-spacing: 0.2px;
}

/* @end */

/* @end */

/* @group content */

#content {
	z-index: 100;
}



.nojavascript {
	text-align: left;
	font-weight: bold;
	font-size: large;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
}

/* @end */

/* @group übersicht */

#takealook {
	position: absolute;
	width: 480px;
	margin-top: 11px;
	z-index: 5;
}


#detailed {
	height: auto;
	width: 458px;
	position: absolute;
}

/* @group detailedproject */

#detailedproject	{
	height: auto;
	position: absolute;
	margin-top: -352;
	background-color: #fff;
	width: 480px;
}

/* @end */

/* @group thumb */

a.thumbbox_default {
	width: 604px;
	height: 820px;
	background-color: #fff;
	float: left;
	margin-top: 16px;
}

a.thumbbox_s {
	width: 84px;
}

a.thumbbox_m {
	width: 117px;
}

a.thumbbox_l {
	width: 191px;
}

a.thumbbox_s, 
a.thumbbox_m, 
a.thumbbox_l {
	height: 100px;
	background-color: #afafaf;
	float: left;
	text-decoration: none;
	margin-right: 12px;
	padding: 6px 7px 25px;
	margin-bottom: 11px;
}

a.thumbbox_s:hover, a.thumbbox_m:hover, a.thumbbox_l:hover {
	background-color: #848484;
}

.thumbtxt {
	float: left;
	color: #ffffff;
	margin-top: 4px;
}

/* @end */

/* @end */

/* @group project */

#spaceproject {
	position: fixed;
	height: 426px;
	width: 458px;
	background-color: #fff;
	padding-top: 11px;
	z-index: 10;
}

#spaceproject_news	{
	z-index: 10000;
	height: 426px;
	width: 458px;
	padding-top: 11px;
}

#project {
	background-color: #848484;
	width: 438px;
	height: 397px;
	padding: 9px 10px;	
	color: #ffffff;	
}

#project a.mail {
	color: #fff;
}

#project a.mail:hover {
	color: #000;
}

#project #dmx1Content1 a {
	color: #fff;
	text-decoration: underline;
}

#project #dmx1Content1 a:hover {
	color: #000;
	text-decoration: none;
}

.defaultproject {
	height: 33px;
}

#project img,
#mapcontainer {
	margin-bottom: 10px;
}

/* @end */

/* @group Kontakt */

.adresse  {
	font-size: 11px;
	line-height: 12px;
}

#mapcontainer {
	width: 438px;
	height: 292px;
	border: 0px;
}

h1.kontakt {
	margin-top: 0px;
}

#kontaktbox {
	position: absolute;
	padding-top: 22px;
	height: 78px;
}

#kontaktbox table {
	line-height: 1.3em;
}

#kontaktbox td.td1 {
	padding-right: 80px;
}

#kontaktbox td.td2 {
	padding-right: 8px;
}

/* @end */

/* @group navi */

#kontaktbox a.pdf {
	position: relative;
	float: right;
}

a.pdf:hover {
}

a.close_noproject {
	background-image: url(../img/navi/close.gif);
	width: 9px;
	height: 9px;
	position: absolute;
	top: 25px;
	margin-left: 425px;
}

/* @end */

/* @group Gallerie */

#gallerie {
	float: right;
	margin-bottom: -10px;
	height: 13px;
}

#gallerie_kontakt {
	margin-top: 3px;
	float: right;
	margin-bottom: -10px;
	height: 13px;
}

#project a.site {
	float: left;
	display: inline;
	width: 9px;
	height: 9px;
	z-index: 200;
	background: url(../img/navi/site.gif) no-repeat;
	margin-left: 6px;
}

#project a.site:hover {
	background: url(../img/navi/site_hover.gif) no-repeat;
}

#project a.site span {
	display: none;
	border: 0px;
	width: 576px;
	height: 384px;
}

#project a.site:hover span {
	display: block;
	position: absolute;
	left: 10px;
	top: 20px;
	z-index: 10;
}
#gallerie a.schliessen {
	margin-left: 10px;
}

#gallerie a.schliessen_news {
	position: absolute;
	margin-left: -9px;
	margin-top: 6px;
}

#gallerie a {
	margin-left: 2px;
}


/* @end */

/* @group footer */

#footerbox {
	text-align: right;
	width: 135px;
	color: #848388;
	margin-top: 401px;
	font-size: 11px;
}

#footerbox a {
	color: #848388;
}

#footerbox a:hover {
	color: #000;
}

/* @end */

/* @group Scrollbar */

/* Kleines Textfeld */

#scrollbuttonbox {
}

.scrollbuttons_small {
	position: absolute;
	float: right;
	width: 9px;
	height: 80px;
	margin-left: 429px;
	margin-top: 25px;
}

.scrollbuttons_small a.mouseover_up {
	position: absolute;
}

.scrollbuttons_small a.mouseover_down {
	position: absolute;
	margin-top: 58px;
}

/* Grosses Textfeld */

.scrollbutton_big {
	position: absolute;
	float: right;
	width: 9px;
	margin-left: 429px;
	margin-top: 25px;
}

.scrollbutton_big a.mouseover_up {
	position: absolute;
}

.scrollbutton_big a.mouseover_down {
	position: absolute;
	margin-top: 362px;
}

/* below in external file */

div#blabla {

	position: relative;
	clear: left;
	top: 6px;
	overflow: hidden;
}

.big {
	height: 385px;
	width: 425px;
}

.small {
	height: 74px;
	width: 418px;
}

/* hide from incapable browsers */

div#contentbox b {
	color: #fff;
	margin-top: -10px;
}

div#scrollbar {
	display: none;
	top: 240px;
}

div#scrollbar {
	position: relative;
	width: 1000px;
	height: 11px;
	display: block;
	/* di

splay:none initially */
    font-size: 1px;
/* so

no gap or misplacement due to image vertical alignment */
}

/* hintergrund der scrollbar */
div#track {
	position: absolute;
	left: 12px;
	top: 0;
	width: 975px;
	height: 11px;
	background-color: #e8e8e8;
}

div#dragBar {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 20px;
	height: 9px;
	background-color: #3bb20b;
}

/* for safari, to prevent selection problem  */

div#scrollbar, div#track, div#dragBar, div#left, div#right {
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */

div#scrollbar img {
	display: block;
}

/* @end */