@CHARSET "utf-8";

/* >>>> by eric meyer http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/  START >>>> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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.1%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1.5em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0 !important;
}
/* 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;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* <<<< by eric meyer http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ <<<< END */

body {
	background: url("/images/bg.jpg") repeat-x center top #f7f7f6;
	font-family: Verdana, sans-serif;
	font-size: 13px;
}
a:hover {
	text-decoration: underline !important;
}
.page {
	width: 820px;
	margin: 0 auto;
}
.page h1 {
	text-indent: -8000px;
	width: 252px;
	height: 63px;
	margin: 38px auto 20px auto;	
	background: url("/images/logo.gif") no-repeat;
}
.page h1 a {
	display: block;
	width: 252px;
	height: 63px;
}

.pageContent {
	background: #fff;
	padding: 9px 9px 0px 9px;
}
.pageContent .plus,
.pageContent .minus {
	display: block;
	z-index: 999;
	position: absolute;
	width: 49px;
	height: 27px;
	margin-top: 166px;
	background: url("/images/plus_btn_h.png") no-repeat;
	background: url("/images/plus_btn_i.png") no-repeat;
	margin-left: 775px;
}
.pageContent .minus {
	margin-left: -20px;	
	background: url("/images/minus_btn_h.png") no-repeat;
	background: url("/images/minus_btn_i.png") no-repeat;
}
.pageContent .plus,
.pageContent .minus {
	text-indent: -8000px;
}
.pageContent .plus:hover {
	background: url("/images/plus_btn_h.png") no-repeat;
}
.pageContent .minus:hover {
	background: url("/images/minus_btn_h.png") no-repeat;
}
	
.pageContent .visual {
	background: url("/images/visuals/1.jpg") no-repeat;
	height: 342px;
	overflow: hidden;
}
.pageContent .space {
	height: 321px;	
}
.pageContent .teaser {
	padding: 0 40px;
	height: 21px;
	background: #fff;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	opacity: 0.8;	
}
.pageContent .teaser a {
	color: #000;
	text-decoration: none;
}
.pageContent .teaser h2 {
	display:inline;
	background: url("/images/info_btn.png") no-repeat center right;
	padding-right: 23px;
}
.pageContent .teaser a:hover {
	text-decoration: underline;
}
.pageContent .text {
	padding: 0 40px;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	opacity: 0.8;
	background: #fff;
	height: 500px;
}
.pageContent .subnavi {
	padding: 5px 0 5px 376px;
}
.pageContent .subnavi a {
	display: block;
	float: left;	
	height: 21px;
	width: 85px;
	margin-left: 10px;
	text-indent: -8000px;	
	
}
.pageContent .subnavi a.gallery {
	background: url("/images/gallery_btn_i.jpg") no-repeat;
}
.pageContent .subnavi a:hover.gallery,
.pageContent .subnavi a.gallery_active {
	background: url("/images/gallery_btn_a.jpg") no-repeat;
}
.pageContent .subnavi a.garage {
	width: 114px;
	background: url("/images/garage_btn_i.gif") no-repeat;
}
.pageContent .subnavi a:hover.garage,
.pageContent .subnavi a.garage_active {
	width: 114px;
	background: url("/images/garage_btn_a.gif") no-repeat;
}
.pageContent .subnavi a.aboutus {
	width: 99px;
	background: url("/images/aboutus_btn_i.gif") no-repeat;
}
.pageContent .subnavi a:hover.aboutus,
.pageContent .subnavi a.aboutus_active {
	width: 99px;
	background: url("/images/aboutus_btn_a.gif") no-repeat;
}
.pageContent .subnavi a.start {
	background: url("/images/start_btn_i.gif") no-repeat;
}
.pageContent .subnavi a:hover.start,
.pageContent .subnavi a.start_active {
	background: url("/images/start_btn_a.gif") no-repeat;
}

.pageTeaser {
	padding-top: 20px;
}
.pageTeaser .blog,
.pageTeaser .contact {
	float: left;
	width: 330px;
}
.pageTeaser .blog {
	width: 477px;
	margin-left: 13px;
}
.pageTeaser h3 {
	text-indent: -8000px;
	margin: 0 0 0 5px;
	height: 19px;
}
.pageTeaser .blog h3 {
	background: url("/images/blog_txt.gif") no-repeat;	
}
.pageTeaser .contact h3 {
	background: url("/images/contact_txt.gif") no-repeat;
}
.pageTeaser .content {
	background: #fff;
	height: 125px;
	padding-top: 50px;
}
.pageTeaser .blog .content {
	background: url("/images/blog_head_bg.gif") no-repeat #fff;
	padding: 50px 15px 0 15px;
	font-size: 11px;
}
.pageTeaser .blog .content .read {
	position: absolute;
	z-index: 0;
	margin: 95px 0 0 370px;
	width: 85px;
	height: 21px;
	background: url("/images/read_btn.jpg") no-repeat;
	text-indent: -8000px;
}
.pageTeaser .blog .content h4 {
	font-size: 14px;
	font-family: Verdana, sans-serif;
	padding-bottom: 5px;
}
.pageTeaser .contact .content {
	background: url("/images/contact_head_bg.gif") no-repeat #fff;
	font-size: 12px;
}
.pageTeaser .contact dl {
	overflow:hidden;
	padding: 2% 4%;
}
.pageTeaser .contact dl dt {
	float:left;	
}
.pageTeaser .contact dl dd a {
	text-decoration: none;
	color: #000;
}
.pageTeaser .contact dl dd {
	margin-left: 72px;
	padding-bottom:0.5%;
	font-size: 11px;
}

.imprint {
	padding-top: 15px;
	margin-left: 350px;
	color: #666666;	
}
.imprint a {
	color: #666666;
	text-decoration: none;
}
.imprint a:hover {
	text-decoration: underline;
}
#imprint {
	margin-left: 350px;
	margin-bottom: 50px;	
}
#imprint,
#imprint a {
	color: #666666;
}


.galleryOverview {
	height: 301px;	
	padding: 10px 30px;
}
.galleryOverview img {
	
}
.gAlbum,
.gCategories {
	float: left;
	line-height: 16px;
	margin: 9px 9px;
	text-align: center;
	width: 124px;
	height: 124px;
	border: 1px solid #e6e6e6;
	text-decoration: none;
}
a:hover.gThumb,
a:hover.gAlbum,
a:hover.gCategories {
	text-decoration: none !important;
	border: 1px solid #A8A8A8 !important;
}
.gAlbum span,
.gCategories span {
	display: block;
	float: left;
	margin-top: 83px;
	width: 124px;
	height: 38px;
	padding-top: 3px;
	background: #fff;
	color: black;
	overflow: hidden;
} 
.gAlbum small,
.gCategories small {
	font-size: 11px;
}
.gAlbum img,
.gCategories img {
	padding: 0;
	float: left;
	display: block;
}
.gThumb {
	display: block;
	margin: 9px;
	float: left;
	width: 124px;
	height: 124px;
	border: 1px solid #e6e6e6;
}


.subnavi a {
	display: block;
	float: left;
}