* { margin: 0; padding: 0; }

body {
	font: 13px/1.8 'Droid Sans', Verdana, sans-serif; color: #333;
	background: #fff url('../gfx/core/back.gif') repeat-x left top; }

h2 { color: #333; font-weight: 700; font-size: 1.5em; margin-bottom: 0.5em; }
	h2 span { font-weight: 400; }
h3 { color: #333; font-weight: 700; font-size: 1.1em; margin-top: 2.2em; margin-bottom: 0.5em; }

h4 { color: #333; font-weight: 700; font-size: 1em; margin-top: 1.8em; margin-bottom: 0em; }
.box h4 { margin-top: 0em; margin-bottom: 0.5em; }


p { margin-bottom: 0.5em; }
	.small { font-size: 0.9em; opacity: 0.8; }
	.intro { font-size: 1.05em; font-weight: 700; margin-bottom: 1em;  }

a img {
	text-decoration: none; outline: none; border: 0px none;
}
a  { color: #e31e72; text-decoration: none }
a:hover { text-decoration: underline }

a.arrow {
	background: url('../gfx/core/pfeil.gif') no-repeat left 3px; 
	padding-left: 17px ;
}


table { border-collapse: collapse; }

.mainmenu, .mainmenu li,
.topmenu, .topmenu li,
.submenu, .submenu li,
.boxmenu, .boxmenu li {
	margin: 0; padding: 0;
	list-style: none; }


#wrapper {
	width: 90%;
	max-width: 1400px;
	min-width: 960px; }


#header {
	position: relative; height: 173px; width: 100%; }
	.topmenu {
		float: right; position: relative; z-index: 10;
	}
	.topmenu li {
		float: left; }
	.topmenu a {
		display: block; padding: 0 10px; margin-top: 10px; border-right: 1px solid #333;
		font-size: 12px; line-height: 15px; color: #333333; letter-spacing: 0.04em; }
		
		.topmenu a.german { background: url('gfx/flag-german.png') no-repeat 10px 3px;
			padding-left: 30px; border-right: 0px none;
		}
		
		.topmenu a.english { background: url('gfx/flag-english.png') no-repeat 10px 3px;
			padding-left: 30px; border-right: 0px none;
		}
		.topmenu a.facebook {
			background: url('gfx/icon_facebook.gif') no-repeat 10px 1px;
			padding-left: 27px; 
		}
		
	.pagetitle {
		position: absolute; bottom: 22px; right: 0px; z-index: 10;
		width: 335px; padding: 15px 15px 5px 5px;
		font: normal 32px/36px "Droid Sans", Tahoma, sans-serif; letter-spacing: 0.02em; 
		background-color: #606030; color: #fff; text-align: right; }
		#logo  { position: absolute; top: 10px; left: 30px; }
		#greenpeace { position: absolute; top: 60px; right: 10px; z-index: 10;
		}

#menu { position: absolute; top: 125px; left: 0px; width: 100%; }
#menu li {
	float: left; }

.mainmenu { overflow: hidden; width: 100%;
	background-color: #afa86f; border-bottom: 1px solid #fff; }
.mainmenu a {
	display: block; padding: 0px 10px; color: #000; height: 24px;
	background-color: #afa86f;
	border-right: 1px solid #fff; 
	font: bold 12px/24px 'Droid Sans', sans-serif; letter-spacing: 0.03em;
	text-transform: uppercase; text-decoration: none; }
	.mainmenu a:hover{
		color: #fff; background-color: #e31f6d; }
	.mainmenu a.active {
		color: #fff; background-color: #606030; position: relative; }
		
	.mainmenu li:first-child a { margin-left: 20px; border-left: 1px solid #fff; }
	
.submenu { overflow: hidden; width: 100%;
	background-color: #606030; }
.submenu a {
	display: block; padding: 0px 10px; color: #fff; height: 23px;
	font: normal 12px/23px 'Droid Sans', sans-serif; 
	text-decoration: none; }
	.submenu a:hover{
		color: #fff; background-color: #e31f6d; }
	.submenu a.active {
		color: #fff; font-weight: bold; text-decoration: underline; }
	.submenu li:first-child a { margin-left: 20px; }


#contentwrapper {  }

#content { padding-right: 390px;
padding-left: 30px; }

.breadcrumb {
	min-height: 40px;
	padding-top: 10px; }

.breadcrumb a {
	padding-left: 20px; color: #606030;
	font-size: 11px;
	background: url('../gfx/core/pfeil_back.gif') no-repeat left center; 
	border-right: 1px solid #606030;
	padding-right: 5px;
	margin-right: 5px; }
	.breadcrumb a:last-child {
		padding-left: 0px;
		background: none; border-right: 0px none; }




#sidebar {
	float: right;
	width: 355px;
	background: #f0efe8; border-top: 1px solid #fff;
}

	

#footer {
	position: fixed; bottom: 0; left: 0; background: #efefef;
	width: 90%; max-width: 1400px; min-width: 960px; overflow: hidden; }

	.pageoptions {
		float: left; padding-left: 20px; }
	.copyright {
		float: right; width: 355px; }


.box {
	background: #e5e3d0; 
	border-top: 1px solid #fff; border-bottom: 1px solid #fff;
	font-size: 13px; line-height: 1.6; }
	
	.box.pad12 { padding: 12px; }
	.box.image-box { overflow: hidden; margin-top: 16px; }
	.box.image-box img { float: left; }
	.box.image-box .text { padding: 8px 8px 8px 145px; }


ul.boxmenu a {
	background: url('../gfx/core/pfeil_transp.gif') no-repeat left 2px;
	padding-left:16px; line-height: 1.8; 
	color: #333; text-decoration: underline; }
	ul.boxmenu a:hover {
		color: #e31f6d; }


/*styles*/

.headline     { color: #333; font-weight: bold; font-size: 13px; line-height: 16px; }
.headlineweiss  { color: white; font-size: 13px; font-weight: bold; line-height: 16px }
.links        { color: #333; font-size: 10px; line-height: 16px; }

.td    { color: pink; font-size: 11px; }
.td h2 { color: pink; font-size: 13px; font-weight: bold; letter-spacing: 1px; margin: 16px 0 -8px; padding: 0; }
.td h3 { color: pink; font-size: 12px; font-weight: bold; margin: 4px 0 -16px; padding: 0; }
.td .small { color: pink; font-size: 11px; }
.td .intro { color: pink; font-size: 12px; font-weight: bold;  }
.text9 { font-size: 10px }
.text10 { font-size: 11px }
.text11weiss { color: white; font-size: 12px }
.tdpad12   { color: #333; font-size: 12px; line-height: 16px;  padding: 12px 6px 6px 12px }
.tdpad8 { color: #333; font-size: 12px; line-height: 16px; margin: 0px; padding: 8px 3px 3px 8px }
.tabelle      { color: #333; font-size: 12px; line-height: 12px; }
.tabelleform  { color: #333; font-size: 10px; line-height: 11px; margin: 0px; padding: 0px }



.input            { color: #333; font-size: 11px; font-family: Verdana, sans-serif; line-height: 16px; text-decoration: none; background-color: white; padding: 1px; border: solid 1px #aea76f }
.select         { color: #333; font-size: 10px; line-height: 12px; text-decoration: none; background-color: white; border: solid 1px #aea76f }
.textarea        { color: black; font-size: 11px; line-height: 14px; background-color: white; border: solid 1px #aea76f }
.submit      { color: #333; font-size: 11px; }
.error       { color: #b4034a; font-weight: bold; font-size: 11px; line-height: 14px; text-decoration: none; background-color: #ffeded; margin: 0px 0px 2px; padding: 1px; border: solid 1px #ca3066 }
ul { list-style-type: square; margin-left: 15px }
.backnorepeat { background-repeat: no-repeat }


a.startseite { color: #ffffff; text-decoration: none; cursor:default; }
a.startseite:visited { color: #ffffff; text-decoration: none; cursor:default; }
a.startseite:hover { color: #ffffff; text-decoration: none; cursor:default; }
a.startseite:active { color: #ffffff; text-decoration: none; cursor:default; }
a.startseite:focus { color: #ffffff; text-decoration: none; cursor:default; }





#home {
	background: #fff url('../gfx/core/back_home.gif') repeat-x left top; }

#home #header {
	height: 350px; background: url('../gfx/home/titel1_back.jpg') no-repeat 30px 23px; }
	#home #menu { top: 351px; left: 0px; width: 450px; }
	
	
#homecontent {
	padding-left: 30px; width: 392px; float: left;  }
#homesidebar {
	margin-left: 452px; position: relative; top: -26px;
	background-color: #efeee7; }





.introwrapper {
	margin-left: 452px; padding-top: 125px; position: relative; }
	
	.introtitle {
		position: absolute; top: 85px; left: 12px; 
		z-index: 10;
		font: normal 20px/24px "Droid Sans", Tahoma, sans-serif; letter-spacing: 0.02em; color: #333; }
		
	.introtext { padding: 12px; height: 175px; background-color: #e5e3d0; }
	
	.introimage { padding: 12px; background-color: #e31e72;
		border-top: 1px solid #fff; }
	.introimage:before {
		content: 'Our animals';
		width: 120px; height: 25px; padding-left: 12px;
		position: absolute; left: -132px; top: 0px;
		background-color: #e31e72; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; }