@charset "utf-8";
	
/* $0  - imported styles /////////////////////////////////////////////////////*/
	@import url(reset.css);
/* $1 - common elements //////////////////////////////////////////////////////*/
html, body {
	color: #666666;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin:-8px;
	text-align: center;
}
br.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	width: 0px;
}

h1 {
	color: grey;
	font-size: 16px;
	font-weight: bold;
	margin:0px 0px 8px 0px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	margin:0px 0px 8px 0px;
}

#teaserText h1 {
  color: red;
  font-size: 16px;
  font-weight: bold;
  margin:0px 0px 8px 0px;
}
a {
	color: #666666;
}
p {
	padding: 8px 0px;
}
hr {
	border-top:1px solid #AAAAAA;
  border-bottom:none;
  border-left:none;
  border-right:none;
}

.bildohneabstand {
  margin:-5px 0px 0px 0px;
}
/* $2 - container ////////////////////////////////////////////////////////////*/
#total_page {
	margin: 0px auto;
	text-align: left;
	width: 996px;
}
#main{
  background: url(../images/main_bg.jpg) repeat-y;
	min-height:490px;
}
#header {
	background: url(../images/header_bg.jpg);
	height: 100px;
	position: relative;
}
#selectorBox {
	position:absolute;
	right:300px;
	top:40px;
}
#content {
  background: url(../images/main_bg.jpg) repeat-y;
	float: left;
	position:relative;
	width: 777px;
}
#contentText {
	margin: 0px 34px 0px 58px;
	height:###DIVHEIGHT###;
	xpadding-right:30px;
}
#teaser {
	float: left;
	width: 219px;
	background: transparent url(../images/teaser_bg.jpg) repeat-y;
}
#teaserText {
	xbackground: url(../images/teaserBackground.gif) repeat-y;
	padding: 0px 25px 0px 15px;
}
#contentFooter {
	background: url(../images/footer_main_bg.jpg) no-repeat left bottom;
	height: 58px;
}
.contentFooterMenu {
  margin-top:4px;
  float:left;
  width:450px;
}
.contentFooterTip {
  float:left;
  width:140px;
  margin-left:80px;
  margin-top:4px;
}
.contentFooterFace {
  float:left;
  width:140px;	
  margin-top:4px;
}
.contentFooterTip a {
	text-decoration:none;
}
#weiterempfehlen{
background-image:url("/fileadmin/abc-der-tiere/bilder/icon_weiterempfehlen.gif");
background-repeat:no-repeat;
outline:medium none;
text-decoration:none;
padding-left:20px;
}

.contentFooterFace a {
	text-decoration:none;
}
#contentText ul {
  padding-left:15px;
}
#contentText li {
  list-style-type:circle;
}
#teaserFooter {
	background: url(../images/teaser_footer_bg.jpg) no-repeat;
	height: 32px;
	background-position: 50% 50%;
}

#footer{
height:80px
}

#footerLeft {
	float: left;
	xmargin-left: 53px;
	xwidth: 653px;
}*html #footerLeft { margin-left:27px; }
#footerRight {
	float: left;
	margin-left: 15px;
	width: 247px;
}
#footerLeftText {
	background: url(../images/footer_bg.jpg) repeat-y;
	padding: 0px 300px 0px 90px;
	xwidth: 653px;
}*html #footerLeftText { height:1px; padding:10px 300px 0px 40px; background: url(../images/footer_bg.jpg) -54px top repeat-y; }
 *+html #footerLeftText { height:220px; }
#footerLeftBottom {
	background: url(../images/footer_bottom_bg.jpg) no-repeat;
	background-position: left bottom;
	height: 35px;
}*html #footerLeftBottom { height:55px; background: url(../images/footer_bottom_bg.jpg) -54px top no-repeat; }
*+html #footerLeftBottom { width:996px;}
#footerButtons {
	padding-right:20px;
	text-align:right;
}
#footerButtons a {
	border:none;
	text-decoration:none;
}
#logo {
  height: 50px;
  position: absolute;
  right: 19px;
  top: 19px;
  width: 177px;
}
/* $3 - navigation ///////////////////////////////////////////////////////////*/
#mainNavigation {
	padding: 14px 0px 0px 65px;
}
#mainNavigation a {
	margin-right: 3px;
}
#header ul li {
	display: inline;
	vertical-align: top;
}
.classNavigation {
	margin-bottom: 15px;
}
.classNavigation ul li {
	background: url(../images/pointKlasse2.gif) no-repeat left 2px;
	margin-bottom: 5px;
  padding-left: 13px;
}
.classNavigation ul li a {
	color:#000000;
	text-decoration: none;
}
.classNavigation ul li.active a {
  font-weight: bold;
  color: #00529e;
}
.classNavigation ul li a:hover {
  color: #00529e;
}
#contentFooter ul li {
	display: inline;
	margin-right: 5px;
	white-space:nowrap;
}*html #contentFooter ul li a { margin-right:2px; padding-right:2px; }
 *+html #contentFooter ul li a { margin-right:2px; padding-right:2px; }
#contentFooter ul {
	margin-left: 50px;
}
#contentFooter ul li a {
  text-decoration: none;
}
#contentFooter ul li.active a {
  font-weight:bold;
}
#footerLeftText ul{
  float: left;
}
#footerLeftText ul.level2 {
  margin-bottom: 10px;
}*html #footerLeftText ul { padding-bottom:5px; }
 *+html #footerLeftText ul { padding-bottom:5px; }
#footerLeftText ul li {
	float: left;
	font-weight: bold;
	line-height: 18px;
	width: 180px;
}
#footerLeftText ul.level2 li a {
	font-weight: normal;
	text-decoration: none;
}
/* $3 - spiele fce ///////////////////////////////////////////////////////////*/
.gameBorder {
	background: #F6F6F6;
	float: left;
	margin: 0px 6px 7px 0px;
	position:relative;
	width: 160px;
	height:235px;
		border-top:2px solid #EEEEEE;
	border-bottom:2px solid #BBBBBB;
	border-left:2px solid #EEEEEE;
	border-right:2px solid #BBBBBB;
}
.gameBorder:hover {
	background: #d1e9ff;
}
.button_imageOne {
  background:url(../images/fcebutton.jpg);
  height:38px;
  float: right;
  width: 52px;
}
.button_imageTwo {
  background:url(../images/fcebutton.jpg);
  height:38px;
  float: right;
  width: 52px;
}
.button_imageThree {
  background:url(../images/fcebutton.jpg);
  height:38px;
  float: right;
  width: 52px;
}
.button_imageFour {
  background:url(../images/fcebutton.jpg);
  height:38px;
  float: right;
  width: 52px;
}
.game {
	float: left;
	margin-left: 4px;
	padding:8px 4px 0;
}*html .game { margin-left:2px; }
.subtitle {
	xxxbackground: #ffffff;
	font-size:11px;
	display:block;
	height:55px;
}*html .subtitle { width:210px; }
 *+html .subtitle { width:210px; }
.button_imageOne span,
.button_imageTwo span,
.button_imageThree span,
.button_imageFour span {
	border:1px solid grey;
	padding:5px;
	position:absolute;
	top:90px;
	z-index:1000;
	background:white;
	left:30px;
	width:130px;
}

.textMiddle {
	text-align:center;
	color:#00529e;
	padding-top:2px;
	font-weight:bold;
}

.subtitle .text {
	float: left;
	padding-left: 4px;
	width: 158px;
}
#slidingDiv{
	overflow:hidden;
	margin:0px auto;
	position:relative;
	width:685px;
}*html #slidingDiv{ text-align:center;width:675px;margin-left:35px; }
#showDiv{
  height:510px;
  width:10000px;
}*html #showDiv{ text-align:left; }
#gameBrowser {
  display:none;
  height:35px;
	margin-bottom:25px;
}
#prev {
  background:url(../images/prev.jpg) no-repeat;
  cursor:pointer;
	float:left;
  height:35px;
  margin:0px 0px 10px 30px;
  width:82px;
}
#next {
  background:url(../images/next.jpg) no-repeat;
	cursor:pointer;
  float:right;
  height:33px;
  margin:0px 30px 10px 0px;
  width:82px;
}
.browsePages {
	display:none;
}
.browseNext {
  background:url("../images/nextPage.jpg") no-repeat;
	cursor:pointer;
  position:absolute;
  top:0px;
  right:15px;
  height:485px;
  width:22px;
	z-index:5;
}
.browsePrev {
	background: url("../images/prevPage.jpg") no-repeat;
  cursor:pointer;
  position:absolute;
  top:0px;
  left:25px;
  height:485px;
  width:22px;
  z-index:5;
}

.menuitemactive {
  display:block;
  height:40px;
  width:80px;
  text-decoration:none;
}

.menuitemactive2 {
  display:block;
  height:485px;
  width:22px;
  text-decoration:none;

}











/* $4 - editorstyles /////////////////////////////////////////////////////////*/
.rot {
 color:#FF1900;
}

.schriftgroesse10 {
  font-size:10px;
  line-height:1.3em;
}

.schriftgroesse11 {
  font-size:11px;
  line-height:1.3em;
}

.centered{
    text-align: center;
}

.klasse1color {
  color:#00529E;
}

.klasse2color {
  color:#E08500;
}


.klasse3color {
  color:#017E03;
}

.klasse4color {
  color:#D12C20;
}

#home{
float:left;
margin-top:15px;
}

#headerTeaser{
position: absolute;
left: 58px;
top:30px;
}

#overContent{
margin:0 34px 0 58px;
}

#teaserHeadline{
padding:0 25px 0 15px;
}

.roteHl{
  color:#c72532;
}

.blauHl{
  color:#00529e;
}

.gelbHl{
  color:#e08500;
}

.gruenHl{
  color:#007a5e;
}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
border:1px solid #CCCCCC;
padding:0;
}