@import "reset.css";
@import "typography.css";
/* -----------------------------------------
Ende Import der Standard CSS-Dateien &
Beginn der Layoutspezifischen Anpassungen 
----------------------------------------- */
#container, #container404 {
	width: 800px;
	height: 600px;
	margin: -300px 0px 0px -400px;
	border: 3px dashed #000;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
}

#content {
	width: 430px;
	height: 375px;
	padding: 0px 5px 5px 0px;
	margin: 204px 0px 0px 90px;
	color: #fff;
	overflow: auto;
}

#left, #right {
	width: 530px;
	height: 589px;
	margin: 5px;
	background: #000 url(../../layout/images/left.gif) left top no-repeat;
	float: left;
}
#right {
	width: 253px;
	margin-left: 0px;
	background: #fff url(../../layout/images/right.gif) left top no-repeat;
}
#logo h1, #logo h2 {
	position: absolute;
	top: -20000px;
}

/* ----------------- 404 */
#container404 {
	width: 400px;
	height: 300px;
	margin: -150px 0px 0px -200px;
	border: 3px dashed #000;
	
	position: absolute;
	left: 50%;
	top: 50%;
}
#content404 {
	width: 390px;
	height: 290px;
	margin: 5px;
	color: #fff;
	background: #000 url(../../layout/images/logo.png) center top no-repeat;
}

#content404 h1 {
	padding: 120px 0px 10px 0px;
	margin: 0px 8px 15px 8px;
}
#content404 p {
	margin: 0px 5px;
	text-align: center;
}

/* ----------------- Navigation */
div#navi ul {
	width: 214px;
	margin: 56px 0px 0px 25px;
}
div#navi ul span {
	display: none;
	color: #fff;
}
div#navi ul li, div#navi ul li a {
	width: 214px;
	height: 35px;
	margin: 8px 0px;
	display: block;
}
div#navi ul li.home a {
	background: transparent url(../../layout/images/navi/home.gif) left top no-repeat;
}
div#navi ul li.news a {
	background: transparent url(../../layout/images/navi/newsarchiv.gif) left top no-repeat;
}
div#navi ul li.shop a {
	background: transparent url(../../layout/images/navi/onlineshop.gif) left top no-repeat;
}
div#navi ul li.store a {
	background: transparent url(../../layout/images/navi/store.gif) left top no-repeat;
}
div#navi ul li.galerie a {
	background: transparent url(../../layout/images/navi/galerie.gif) left top no-repeat;
}
div#navi ul li.kontakt a {
	background: transparent url(../../layout/images/navi/kontakt.gif) left top no-repeat;
}
div#navi ul li.impressum a {
	background: transparent url(../../layout/images/navi/impressum.gif) left top no-repeat;
}
div#navi ul li.anfahrt a {
	background: transparent url(../../layout/images/navi/anfahrt.gif) left top no-repeat;
}
div#navi ul li.home a:hover, 
div#navi ul li.news a:hover, 
div#navi ul li.shop a:hover, 
div#navi ul li.store a:hover, 
div#navi ul li.galerie a:hover, 
div#navi ul li.kontakt a:hover, 
div#navi ul li.impressum a:hover, 
div#navi ul li.anfahrt a:hover, 
div#navi ul li.home a.aktive, 
div#navi ul li.news a.aktive, 
div#navi ul li.shop a.aktive, 
div#navi ul li.store a.aktive, 
div#navi ul li.galerie a.aktive, 
div#navi ul li.kontakt a.aktive, 
div#navi ul li.impressum a.aktive, 
div#navi ul li.anfahrt a.aktive {
	background-position: 0px -36px;
}


/* ----------------- Galerie */
ul.galerie {
	margin: 0px 0px 0px 4px;
	padding: 0;
}
ul.galerie li {
	width: 130px;
	height: 90px;
	margin: 0 6px 15px 0;
	padding: 0;
	float: left;
	list-style-image: none;
	overflow: hidden;
}
ul.galerie li.last {
	margin: 0 0px 15px 0;
}
ul.galerie a{
	padding: 0;
	margin: 0;
}

/* ----------------- DefinitionsListen z.B. Addy */
dl.dlFloating dt, 
dl.dlFloating dd {
	width: 200px;
	float: left;
}


/* ----------------- Formular */
form {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

fieldset {
	padding: 0px 0px 10px 0px;
	border: 0px;
}
label {
	width: 160px;
	margin: 0px 10px 5px 0px;
	padding: 7px 0px 0px 0px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
	float: left;
}
label span {
	font-size: 0.8em;
	display: block
}
input {
	width: 220px;
	margin: 0px 5px 10px 0px;
	padding: 2px;
	border-width: 0px 0px 1px 0px;
	border-color: #fff;
	border-style: dashed;
	background-color: transparent;
	font-size: 1.3em;
	color: #fff;
	float: left;
}
textarea {
	width: 220px;
	height: 150px;
	margin: 0px 5px 5px 0px;
	padding: 2px;
	border: 0px;
	background: transparent url(../../layout/images/textarea_bg.gif) left top repeat-y;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #fff;
	float: left;
}
input.button {
	width: auto;
	margin: 0px 35px 10px 0px;
	padding: 2px;
	border-width: 0px;
	border-color: #fff;
	border-style: double;
	/*background: transparent url(../../layout/images/list_item.gif) right top no-repeat;*/
	background-color: #323232;
	font-size: 1.3em;
	color: #fff;
	float: right;
}

div.error {
	color: #A62B32;
	margin-bottom: 10px;
}
div.error p {
	padding-bottom: 2px;
}
div.error h2 {
	color: #A62B32;
	margin-bottom: 5px;
}