* {
	margin:0;
	padding:0;
	font-size:100.01%;
}

body {
	font-size:62.5%;
	border:0;
	background:url(../images/goodville_start_gross_fin_1100_80p_50t.jpg) no-repeat center top;
}

.clearfloat {
	clear:both;
	float:none;
}

/*--------------------------------*/

a {
	color:#336599;
	text-decoration:none;
}

a:focus,
a:hover {
	text-decoration:underline;
}

a img {
   border:0;
}

strong {
   font-weight:bold;
}

#main {
	width:102.5em;
	margin:0 auto;
   position:relative;
   /*background:url(img/menu/bg.png) repeat-y 114px 104px;*/
   /*padding-bottom:35px;*/
}

#left {
   float:left;
   margin-top:241px;
}

#header {
   position:absolute;
   top:35px;
   left:0;
   z-index:2;
}

#header a {
   display:block;
   width:233px;
   height:197px;
   background:url(img/logo.png) no-repeat;
   text-indent:-2000px;
   overflow:hidden;
}

#menubg {
   background:url(img/menu/bg.png) repeat-y 114px top;
   width:200px;
   /*height:100%;*/
   position:absolute;
   top:139px;
   z-index:1;
}

#menu {
   padding-left:56px;
   position:relative;
   z-index:2;
}

#menu ul {
	list-style-type:none;
}

#menu li a {
   backgrond-repeat:no-repeat;
   display:block;
   width:130px;
   height:52px;
   text-indent:-2000px;
   overflow:hidden;
}

#menu li a:hover {
   background-position:-130px 0;
}

.lang-de #menu .respectful-business a { background-image:url(img/menu/de/respectful-business.png); height:59px; }
.lang-de #menu .leistungen a     { background-image:url(img/menu/de/leistungen.png); }
.lang-de #menu .partner a           { background-image:url(img/menu/de/partner.png); }
.lang-de #menu .referenzen a     { background-image:url(img/menu/de/referenzen.png); }
.lang-de #menu .inspiration a   { background-image:url(img/menu/de/inspiration.png); }
.lang-de #menu .kontakt a           { background-image:url(img/menu/de/kontakt.png); }

.lang-en #menu .respectful-business a { background-image:url(img/menu/en/respectful-business.png); height:59px; }
.lang-en #menu .services a     { background-image:url(img/menu/en/services.png); }
.lang-en #menu .partners a           { background-image:url(img/menu/en/partners.png); }
.lang-en #menu .references a     { background-image:url(img/menu/en/references.png); }
.lang-en #menu .inspiration a { background-image:url(img/menu/en/inspiration.png); }
.lang-en #menu .contact a           { background-image:url(img/menu/en/contact.png); }


#content {
   width:672px;
   float:right;
   padding:15px 88px 100px 0;
}

#footer {
   background:#555 url(img/footer_bg.png) repeat-x;
   position:relative;
   position:fixed;
   z-index:2;
   bottom:0;
   width:100%;
   padding:8px 0 6px;
   color:#ccc;
   font-family:delicious,Helvetica,Arial,sans-serif;
   float:left;
   z-index:10;
}

#footer a {
   color:#fff;
   text-decoration:none;
   opacity:0.7;
   filter:Alpha(opacity=70);
}

#footer a:focus,
#footer a:hover,
#footer a:active,
#footer a.active {
   opacity:1;
   filter:Alpha(opacity=100);
}

#footer .inner {
   width:102.5em;
   margin:0 auto;
}

#footer ul {
   float:left;
   list-style-type:none;
   padding-left:6px;
}

#footer li {
   float:left;
   padding-right:20px;
   font-size:1.5em;
}

#footer .contact {
   float:right;
   padding-right:88px;
   font-size:1.5em;
}





/*** content ***/


#content .box {
   background:#e5e5e5;
   background:rgba(229,229,229,0.9);
   /*opacity:0.9;*/
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   padding:20px;
}


#content {
   font-family:delicious,Helvetica,Arial,sans-serif;
}

#content h1 {
   font-weight:normal;
   font-size:4.7em;
   text-transform:uppercase;
   margin-left:194px;
   color:#dadada;
   margin-top:-27px;
   margin-bottom:11px;
   width:414px;
}

#content h2 {
   color:#003365;
   font-weight:normal;
   margin-left:197px;
   background:url(img/hborder.png) no-repeat bottom left;
   padding-bottom:0;
   line-height:1em;
   font-size:3em;
   margin-bottom:0.166666em;
   width:414px;
}

#content h3 {
   color:#003365;
   font-weight:normal;
   text-transform:uppercase;
   margin-left:197px;
   background:url(img/hborder.png) no-repeat bottom left;
   padding-bottom:0;
   line-height:1.055555em;
   font-size:1.8em;
   margin-bottom:0.555555em;
   width:414px;
}

#content .maincontent h4 {
   color:#003365;
   font-weight:normal;
   padding-bottom:0;
   line-height:1.055555em;
   font-size:1.5em;
   margin-bottom:0.555555em;
   width:414px;
}

#content .maincontent {
   /*margin-left:197px;*/
   margin-left:17px;
   float:left;
}

#content .media-container {
   margin-bottom:1em;
   width:432px;
}

#content .hr {
   font-size:0;
   line-height:0;
   overflow:hidden;
   text-indent:-2000px;
   background:no-repeat center;
   height:25px;
   margin-bottom:28px;
   width:414px;
}

#content .hr-einfachelinie { background-image:url(img/hr/einfachelinie.png); height:2px; }
#content .hr-bank { background-image:url(img/hr/bank.png); }
#content .hr-mistkuebel { background-image:url(img/hr/mistkuebel.png); }
#content .hr-essen { background-image:url(img/hr/essen.png); }
#content .hr-fahrrad { background-image:url(img/hr/fahrrad.png); }
#content .hr-heft { background-image:url(img/hr/heft.png); }
#content .hr-obst { background-image:url(img/hr/obst.png); }

#content .hr hr {
   width:0;
   height:0;
   border:0;
}

#content p,
#content ul,
#content ol {
   font-size:1.5em;
   margin-bottom:1em;
   line-height:1.066666em;
   width:414px;
}

#content ul,
#content ol {
   list-style-type:none;
}

#content ul li {
   background:url(img/bullet.png) no-repeat left 7px;
   padding-left:15px;
}

#content li {
   padding-bottom:0.4em;
}


#content .ol-number {
   float:left;
   width:1.2em;
}

#content .ol-content {
   float:left;
   width:20em;
}

#content img {
   margin-bottom:1em;
}

#content .downloads {
   /*margin-left:197px;*/
}

#content .downloads a {
   color:#666;
   font-size:1.3em;
   background-repeat:no-repeat;
   padding-left:40px;
   display:block;
   padding-top:3px;
   margin-bottom:1em;
   line-height:1.076923em;
   background-image:url(img/download-icons/unknown.png);
   position:relative;
   text-decoration:none;
}

#content .downloads a .inner {
   display:block;
   opacity:0.61;
   filter:Alpha(opacity=61);
}

#content .downloads a:hover .inner {
   opacity:1;
   filter:Alpha(opacity=100);
}

#content .downloads a.pdf {
   background-image:url(img/download-icons/pdf.png);
}

#content .downloads a.zip {
   background-image:url(img/download-icons/zip.png);
}

/*#content .downloads a .thumbnail {
   position:absolute;
   left:7px;
   top:10px;
   display:block;
   width:18px;
   height:18px;
   background:#ccc no-repeat center center;
}
*/
#content .downloads a .thumbnail {
   position:absolute;
   left:6px;
   top:9px;
   display:block;
   width:20px;
   height:20px;
   background:no-repeat center center;
}

#content .sidebar {
   width:180px;
   float:left;
   clear:both;
}

#content .sidebar .h-gallery {
   position:relative;
   margin-bottom:1em;
   line-height:0;
}

#content .sidebar .aliasimage {
   position:relative;
   margin-bottom:1em;
   line-height:0;
}

#content .sidebar .aliasimage img {
   margin-bottom:0;
}

#content .sidebar .h-gallery img {
   margin-bottom:0;
}

#content .sidebar .caption {
   position:absolute;
   left:0;
   bottom:0;
   color:#fff;
   width:100%;
   -moz-border-radius:0 0 10px 10px;
   -webkit-border-radius:0 0 10px 10px;
   border-radius:0 0 10px 10px;
   display:block;
}
#content .sidebar .caption .bg {
	display:none;
}
#content .sidebar .caption .c {
   padding:2px 7px 0;
   font-size:1.2em;
   display:block;
   line-height:1.083333em;
   z-index:2;
   position:relative;
}

#content .sidebar .caption .bg {
   font-size:0;
   line-height:0;
   display:block;
   position:absolute;
   width:100%;
   height:100%;
   left:0;
   top:0;
   z-index:1;
   -moz-border-radius:0 0 10px 10px;
   -webkit-border-radius:0 0 10px 10px;
   border-radius:0 0 10px 10px;
   background:#000;
   opacity:0.5;
   filter:Alpha(opacity=50);
}


/*** elements ***/

.rollo {
   position:absolute;
   top:0;
   left:258px;
   width:677px;
   z-index:1000;
   background:url(img/rollobuttom.png) no-repeat bottom;
   padding:0 5px 30px;
   cursor:pointer;
}

.rollo .content {
   position:relative;
   overflow:hidden;
   cursor:default;
}

.rollo ul {
   margin:0;
   list-style-type:none;
   background:#b6b6b6;
   float:left;
   width:651px;
   padding:15px 0 2px 26px;
   position:absolute;
   bottom:0;
   left:0;
}

.rollo li{
   margin:0;
   float:left;
   margin-left:11px;
   margin-bottom:13px;
}

.rollo li a {
   background:#fff center center no-repeat;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   display:block;
   width:90px;
   height:66px;
   overflow:hidden;
   text-indent:-2000px;
}

.rollo .cols3 li a {
   width:191px;
}

.rollo .cols6 li a {
   width:90px;
}

.rollo li.img1 a:focus,
.rollo li.img1 a:hover,
.rollo li.img1 a:active {
   opacity:0.8;
   filter:Alpha(opacity=80);
}

.rollo li.img2 a span,
.rollo li.img2 a span,
.rollo li.img2 a span {
	margin-top:100%;
	height:100%;
	display:block;
	background:center no-repeat;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
}

.rollo li.img2 a:focus,
.rollo li.img2 a:hover,
.rollo li.img2 a:active {
	background-position:center 1000px;
}

.rollo li.img2 a:focus span,
.rollo li.img2 a:hover span,
.rollo li.img2 a:active span {
	margin-top:0;
}

.sgallery img {
   border:0;
}


.startmap {
	position:relative;
	margin:0 auto;
	width:0;
}

.startmap img {
	position:absolute;
	left:0;
	top:0;
	margin-left:-550px;
	border:0;
}

.startcontentbox {
	margin-left:-550px;
	position:absolute;
	left:0;
	top:0;
	width:249px;
	font-family:delicious,Helvetica,Arial,sans-serif;
	display:none;
}

.startcontentbox h2 {
	font-size:1.5em;
	text-transform:uppercase;
	background:url(img/startcontentbg.png) no-repeat left top;
	padding:0.466666em 1.133333em 0;
	line-height:1em;
	color:#fff;
}

.startcontentbox div {
	background:url(img/startcontentbg.png) no-repeat left bottom;
	padding:0.4em 1.133333em 0.8em;
	font-size:1.5em;
	line-height:0.933333em;
}





.url_de,.url_en {
	background-image:none;
}