html *
{
	-moz-box-sizing: border-box;  /* fuer Mozilla proprietaer border-box = traditional intuitiv
					content-box = W3C Model */
	box-sizing: border-box;
}
*|*:-moz-any-link:focus {
	outline: none;
}

.tdleftindex {  background-image: url(images/pic_01.jpg); background-repeat: no-repeat; width: 371px; vertical-align: top; background-color: #B3ADA7}
.tdright {  width: 579px; vertical-align: top; background-color: #FFFFFF; padding-left: 1px}
body {  background-color: #666666; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px}
.header {  height: 118px; width: 579px}


.navilinks {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.6em; color: #333333; text-align: right; padding-right: 40px; margin-top: 175px}

.navilinks  a {
	display: block;
}


.navilinks a:link {  color: #333333; text-decoration:  none}
.navilinks a:active {  color: #FFFFFF; text-decoration:  none}
.navilinks a:visited {  color: #333333; text-decoration:  none}
.navilinks a:hover {  color: #FFFFFF; text-decoration:  none}

body#home a#homenav, body#aboutmara a#aboutnav, body#gallery a#gallerynav, body#rates a#ratesnav, body#member a#membernav, body#links a#linksnav, body#feedback a#feedbacknav, body#contact a#contactnav, body#facts a#factsnav, body#blog a#blognav
{
	color: #ffffff;
	
}
.teaser {
	float: left;
	width: 565px;
	margin-bottom: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C5C2C0;
}
.links {
	float: left;
	width: 565px;
	margin-bottom: 1px;
	text-align: center;
	font-family: "Trebuchet MS", "Times New Roman", serif, Times;
	font-size: 0.6em;
	line-height: 1.4em;
}
.links img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.linkstxt {
	float: left;
	width: 565px;
	font-family: "Trebuchet MS", Arial, Helvetica, san-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #3F3F3F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C5C2C0;
	text-align: center;
}
.blog {
	float: left;
	width: 480px;
	font-family: "Trebuchet MS", Arial, Helvetica, san-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #3F3F3F;
	padding-right: 10px;
	margin-left: 60px;
}
.pic200 {
	width: 175px;
	float: left;
	font-size: 0px;
	line-height: 0px;
}
.pic200 img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.teasertxt {
	font-family: "Trebuchet MS", Arial, Helvetica, san-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #3F3F3F;
	float: left;
	width: 334px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.teasertxttitel {
	font-family: "Trebuchet MS", Arial, Helvetica, san-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #3F3F3F;
	float: left;
	width: 334px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.teasertxttitel p{
	margin: 0px;
	padding: 0px;
}

.teasertxttitel h4{
	margin: 0px;
	padding: 0px;
}

li, ul {
	margin-left: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-image: url(images/dot.gif);
}
p {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.trenner {  background-color: #CCCCCC; height: 1px; width: 579px; float: left; font-size: 0.1em}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin-top: 180px;
	margin-bottom: 10px;
	text-align: center;
}

.footer a:link {  color: #333333; text-decoration:  none}
.footer a:active {  color: #FFFFFF; text-decoration:  none}
.footer a:visited {  color: #333333; text-decoration:  none}
.footer a:hover {  color: #FFFFFF; text-decoration:  none}
h4 {  font-size: 1em}
.tdleftabout { background-image: url(images/pic_02.jpg); background-repeat: no-repeat; width: 371px; vertical-align: top; background-color: #B3ADA7 }

.navigalerie {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.2em; color: #333333; float: left; width: 181px; padding-top: 85px; text-align: right}

.navigalerie a:link {  color: #333333; text-decoration:  none}
.navigalerie a:active {  color: #999999; text-decoration:  none}
.navigalerie a:visited {  color: #333333; text-decoration:  none}
.navigalerie a:hover {  color: #999999; text-decoration:  none}



.thumbs170 { float: left; width: 340px}
.thumbs3_170 { float: left; width: 510px}
#galerie {  background-image: url(images/back_gal.jpg); background-repeat: no-repeat; background-color: #C5C5C5}

#galerie img
{

cursor:pointer;
}

#mara2006 {  
	font-family: "Trebuchet MS", Arial, Helvetica, san-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #cccccc;
}
#bild1, #bild2, #bild3, #bild4, #bild5, #bild6 {
	font-family: "Trebuchet MS", Arial, Helvetica, san-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #000000;
	background-color: #FFFFFF;
	filter:alpha(opacity=50);

    -moz-opacity: .5;   
	opacity: .5;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;

	
}

.bildrand {  border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.thumbscontainer {  margin-top: 200px; margin-left: 175px; clip:  rect(   )}
.tdleftgalerie { background-image: url(images/pic_04.jpg); background-repeat: no-repeat; width: 371px; vertical-align: top; background-color: #B3ADA7 }

.navithumbs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #333333; padding-top: 5px; padding-bottom: 5px; text-align: center}

.navithumbs a:link {  color: #FFFFFF; text-decoration:  none}
.navithumbs a:active {  color: #333333; text-decoration:  none}
.navithumbs a:visited {  color: #FFFFFF; text-decoration:  none}
.navithumbs a:hover {  color: #333333; text-decoration:  none}
.formularfelder {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666; width: 250px; line-height: 1.6em; font-weight: bold; margin-top: 5px; margin-bottom: 10px}
.copy { font-family: "Trebuchet MS", Arial, Helvetica, san-serif; font-size: 0.8em; line-height: 1.6em; color: #3F3F3F; width: 334px; padding-top: 15px; padding-bottom: 15px ; margin-left: 212px}
.abstand40 {  float: left; height: 175px; width: 40px}
.teaserunten { border: #C5C2C0 solid; border-width: 0px 0px 1px; margin-bottom: 1px; float: left; width: 565px }
.teasermitte { margin-bottom: 1px; float: left; width: 565px ; border: 0px #FFFFFF solid}
.teaserabschluss {
	height: 1px;
	width: 565px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	float: left;
}

.abstand25 { float: left; height: 150px; width: 31px}
.abstand25gal { float: left; height: 150px; width: 27px}
.galerie { border: #C5C2C0 solid; border-width: 1px 0px 0px; float: left; width: 565px; margin-top: 1px }
.galeriedetail { border: #C5C2C0 solid; border-width: 1px 0px 0px; float: left; width: 579px}
.facts { font-family: "Trebuchet MS", Arial, Helvetica, san-serif; font-size: 1em; color: #3F3F3F; font-weight: normal; clip:  rect(   )}
h3 {  font-size: 1.4em; color: #999999; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px}
.ueberschrift {  font-size: 1.4em; color: #999999}
.ueberschriftklein { font-size: 1em; line-height: 2.4em; font-weight: bold}


#twitter {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.6em; color: #ffffff; text-align: right; 
    position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 135px;
	top: 502px;

}

#twitter  a {
	display: block;
}


#twitter a:link {  color: #366B86; text-decoration:  none}
#twitter a:active {  color: #ffffff; text-decoration:  none}
#twitter a:visited {  color: #366B86; text-decoration:  none}
#twitter a:hover {  color: #ffffff; text-decoration:  none}