@charset "utf-8";
body {
	background-color: #fff;
	background-image: url(../images/bg-body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
p {
	margin: 0px 0px 13px 0px;
}
/* ------------------------------------------------------------  */
/* ------------------------ =containerContainer ---------------  */
/* ------------------------------------------------------------  */
#containerContainer { 
	width: 100%;
	background-image: url(../images/bg-contentcontainer.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0px;
}
/* ------------------------------------------------------------  */
/* ------------------------ =container ------------------------  */
/* ------------------------------------------------------------  */
#container { 
	width: 960px;
	margin: 0px auto;
	min-height: 480px;
}
/* ------------------------------------------------------------  */
/* ------------------------ =branding -------------------------  */
/* ------------------------------------------------------------  */
h1#branding {
	float: left;
	width: 220px;
	height: 80px;
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#branding a {
	display: block;
	width: 220px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -9000px;
	background-image: url(../images/logo.jpg);
}
/* ------------------------------------------------------------  */
/* ------------------------ =navigation1 -----------------------  */
/* ------------------------------------------------------------  */
#navigation1 {
	float: left;
	width: 710px;
	height: 80px;
	overflow: hidden;
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}
#navigation1 li {
	float: left;
	width: auto;
	height: 51px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation1 a {
	display: block;
	width: auto;
	height: 51px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/navigation1.jpg);
	text-indent: -9000px;
	background-repeat: no-repeat; 
}
li#dziomba {
	margin-right: 23px;
	width: 119px;
}
li#dziomba a {
	width: 119px;
	background-position: -30px 0px;
}
li#dziomba a:hover {
	background-position: -30px -51px;
}
li#dziomba a.aktiv {
	background-position: -30px -102px;
}
li#trommeln {
	margin-right: 21px;
	width: 95px;
}
li#trommeln a {
	width: 95px;
	background-position: -171px 0px;
}
li#trommeln a:hover {
	background-position: -171px -51px;
}
li#trommeln a.aktiv {
	background-position: -171px -102px;
}
li#stationen {
	margin-right: 22px;
	width: 98px;
}
li#stationen a {
	width: 98px;
	background-position: -289px 0px;
}
li#stationen a:hover {
	background-position: -289px -51px;
}
li#stationen a.aktiv {
	background-position: -289px -102px;
}
li#rollen {
	margin-right: 24px;
	width: 73px;
}
li#rollen a {
	width: 73px;
	background-position: -409px 0px;
}
li#rollen a:hover {
	background-position: -409px -51px;
}
li#rollen a.aktiv {
	background-position: -409px -102px;
}
li#drehtechnik {
	margin-right: 21px;
	width: 119px;
}
li#drehtechnik a {
	width: 119px;
	background-position: -505px 0px;
}
li#drehtechnik a:hover {
	background-position: -505px -51px;
}
li#drehtechnik a.aktiv {
	background-position: -505px -102px;
}
li#partner {
	margin-right: 0px;
	width: 82px;
}
li#partner a {
	width: 119px;
	background-position: -645px 0px;
}
li#partner a:hover {
	background-position: -645px -51px;
}
li#partner a.aktiv {
	background-position: -645px -102px;
}
/* ------------------------------------------------------------  */
/* ------------------------ =sidebar --------------------------  */
/* ------------------------------------------------------------  */
#sidebar {
	float: left;
	width: 221px;
	margin: 0px 27px 0px 0px;
}
p#anschrift {
	display: block;
	width: 220px;
	height: 74px;
	text-indent: -9000px;
	background-image: url(../images/anschrift.jpg);
	margin: 68px 0px 0px 0px;
}
a#mail.escape, a#mail.escape:link, a#mail.escape:visited,  a#mail.escape:visited span {
	margin: 0px 0px 0px 0px;
	display: block;
	width: 220px;
	height: 16px;
	overflow: hidden;
	background-image: url(../images/mail.jpg);
	background-position: top left;
	border: none;
	text-indent: -9000px;
}
a#mail.escape:hover, a#mail.escape:hover span {
	color: #0e266e;
	background-position: 0px -16px;
}
a.escape img {
	border: none;
}
/* ------------------------------------------------------------  */
/* ------------------------ =sprachwahl -----------------------  */
/* ------------------------------------------------------------  */
#sprachwahl {
	width: 76px;
	overflow: hidden;
	height: 17px;
	margin: 81px 0px 0px 11px;
	padding: 0px;
}
#sprachwahl li {
	float: left;
	width: 30px;
	height: 17px;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#sprachwahl a {
	display: block;
	width: 30px;
	height: 17px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/sprachwahl.jpg);
	text-indent: -9000px;
	background-repeat: no-repeat; 
}

a#german {
	background-position: 0px -17px;
}
a#german:hover, a#german.aktiv {
	background-position: 0px 0px;
}
a#english {
	background-position: -38px -17px;
	cursor: default;
}
/*a#english:hover, a#english.aktiv {
	background-position: -38px 0px;
}*/
/* ------------------------------------------------------------  */
/* ------------------------ =content --------------------------  */
/* ------------------------------------------------------------  */
#content {
	float: left;
	width: 712px;
	min-height: 356px;
	margin: 23px 0px 0px 0px;
	background-image: url(../images/bg-content.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#imageBox {
	float: left;
	width: 260px;
	height: 310px;
	padding: 3px 0px 0px 7px;
	margin:1px 0px 0px 0px;
	background-image: url(../images/bg-imagebox.jpg);
}
#imageBox img {
	float: left;
	margin: 2px 4px 0px 0px;
	border: 2px solid #999999;
}
#imageBox img:hover {
	border: 2px solid #000;
}
#imageBoxBig {
	float: left;
	width: 260px;
	height: 479px;
	padding: 3px 0px 0px 7px;
	margin:1px 0px 0px 0px;
	background-image: url(../images/bg-imageboxbig.jpg);
}
#imageBoxBig img {
	float: left;
	margin: 3px 4px 0px 0px;
	border: 2px solid #999999;
}
#imageBoxBig img:hover {
	border: 2px solid #000;
}

#contentBox {
	float: left;
	width: 445px;
	margin: 1px 0px 0px 0px;
}
#contentBox p{
	margin: 0px 20px 20px 15px;
}
#contentWideBox {
	float: left;
	width: 712px;
	margin: 1px 0px 0px 0px;
}
#contentWideBox p{
	margin: 0px 20px 20px 0px;
}
#contentWideBox .oneColumn {
	margin: 0px 0px 0px 31px;
}
.column1 {
	float: left;
	width: 320px;
	margin: 0px 32px 0px 31px;
}
.column2 {
	float: left;
	width: 320px;
	margin: 0px 0px 0px 0px;
}
/* ------------------------------------------------------------  */
/* ------------------------ =headlines ------------------------  */
/* ------------------------------------------------------------  */
#contentBox h2 {
	width: 445px;
	height: 81px;
	margin: 0px 0px 25px 0px;
	text-indent: -9000px;
}
#contentWideBox h2 {
	width: 712px;
	height: 81px;
	margin: 0px 0px 25px 0px;
	text-indent: -9000px;
}

h2#hWelcome {
	background-image: url(../images/headlines/welcome.jpg);
}
h2#hWir {
	background-image: url(../images/headlines/wir.jpg);
}
h2#hTrommeln {
	background-image: url(../images/headlines/trommeln.jpg);
}
h2#hStationen {
	background-image: url(../images/headlines/stationen.jpg);
}
h2#hRollen {
	background-image: url(../images/headlines/rollen.jpg);
}
h2#hDrehtechnik {
	background-image: url(../images/headlines/drehtechnik.jpg);
}
h2#hPartner {
	background-image: url(../images/headlines/partner.jpg);
}
h2#hKontakt {
	background-image: url(../images/headlines/kontakt.jpg);
}
h2#hAnfahrt {
	background-image: url(../images/headlines/anfahrt.jpg);
}
h2#hImpressum {
	background-image: url(../images/headlines/impressum.jpg);
}
h2#hDanke {
	background-image: url(../images/headlines/danke.jpg);
}
h2#hError {
	background-image: url(../images/headlines/error.jpg);
}
/* ------------------------------------------------------------  */
/* ------------------------ =footer ---------------------------  */
/* ------------------------------------------------------------  */
#footerContainer {
	width: 100%;
	height: 274px;
	background-image: url(../images/bg-footercontainer.jpg);
	margin: 0px;
}
#footer {
	width: 960px;
	height: 274px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}
#footernavi {
	width: 234px;
	height: 14px;
	margin: 0px 0px 24px 8px;
	padding: 0px;
}
#footernavi li {
	float: left;
	width: auto;
	height: 14px;
	margin: 0px;
	list-style-type: none;
}
#footernavi a {
	display: block;
	width: auto;
	height: 14px;
	text-indent: -9000px;
	background-image: url(../images/footernavi.gif);
}

li#kontaktlink {
	width: 62px;
	margin-right: 18px;
}
li#kontaktlink a {
	width: 62px;
	background-position: 0px 0px;
}
li#kontaktlink a:hover {
	background-position: 0px -14px;
}
li#kontaktlink a.aktiv {
	background-position: 0px -28px;
}
li#anfahrt {
	width: 60px;
	margin-right: 19px;
}
li#anfahrt a {
	width: 60px;
	background-position: -80px 0px;
}
li#anfahrt a:hover {
	background-position: -80px -14px;
}
li#anfahrt a.aktiv {
	background-position: -80px -28px;
}
li#impressum {
	width: 75px;
}
li#impressum a {
	width: 75px;
	background-position: -159px 0px;
}
li#impressum a:hover {
	background-position: -159px -14px;
}
li#impressum a.aktiv {
	background-position: -159px -28px;
}
/* ------------------------------------------------------------  */
/* ------------------------ =vcardlink ------------------------  */
/* ------------------------------------------------------------  */
a.vcardlink {
	display: block;
	width: 212px;
	height: 24px;
	margin: 10px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9000px;
}
.standard {
	background-image: url(../images/bg-vcardlink.gif);
}

/* ------------------------------------------------------------  */
/* ------ =HTML Elements, clearfix and stuff like that --------  */
/* ------------------------------------------------------------  */

.highlight {
	font-size: 14px;
	font-weight: bold;
}
table caption {
	display: none;
}

:focus {
	outline: 0;
}
#karte {
	width: 650px;
	border: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
}
.floatLeft {
	float: left;
	margin: 10px;
}
.column2 .floatLeft {
	margin-top: 20px;
	margin-bottom: 0px;
}
.close {
	float: right;
	margin: 5px;
}

.clear {
	clear: both;
	display: block;
	height: 0;
}

.clear2 {
	clear: both;
	display: block;
	width: 100%;
	height: 10px;
	margin: 10px auto 15px auto;
}

.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 */


a,
a:link,
a:visited,
a:active {
	color: #42926d;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #297d58;
	text-decoration: underline;
}

a img {
	border: none;
	padding: 0px;
}

a:hover img {
	border: none;
	padding: 0px;
}

#euroweb {
	margin-left: 0px;
	margin-top: 0px;
}

.smaller {
	font-size: 11px;
	line-height: 14px;
}
.smaller p {
	margin: 0px 0px 10px 0px;
}