/*##################################*/
/* BODY */
/*##################################*/

html, body {
	color: #510707;
	background: url(../gfx/bg_pattern.gif);
	font: 11px verdana, sans-serif;
	border: 0;
	margin: 0;
	padding: 0;
}

html, body *{
  font: 11px verdana, sans-serif;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #510707;
}
#page #main p.bodytext a:hover{
  text-decoration: underline;
}

h1 {
  font-size: 20px;
  font-family: Times New Roman, serif;
  color: #510707;
}


div, img, form, dl, p {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
}

div#allcontainer{
width: 906px !important;
width: 782px;
  margin: auto;
}


div#page {
  position: relative;
	width: 906px !important;
	width: 782px;
	margin: auto;
/*	height: auto;*/
  min-height: 500px;
  height: auto !important;
  _height: 500px;
	background: url(../gfx/bg_page.png) repeat-y;
	float:left;
	padding-bottom: 10px;
 /* border: 1px dotted;*/
}

div#logobar {
	width: 782px;
  margin-left: 62px;
  height: 92px;
  background: url(../gfx/header_bg.gif) repeat-x;
/*  height: 43px;
  background: url(../gfx/bg_logobar.gif) repeat-x;
*/
}

div#logo {
  padding-top:10px;
  padding-left:21px;
  float:left;
}
div#claim {
  padding-top:8px;
  padding-left:17px;
  float:left;
}
div#navigatordropdown {
  padding-top:10px;
  padding-left:570px;
}

div#keyvisual{
  width:782px;
  height:202px;
  margin-left: 62px;
}

div#metatab{

  position: absolute;
/*  background: #e4fe01;*/
  font: 9px;
  text-align: center;
  padding-top: 2px;
  width: 135px;
  height: 15px;
  left:670px;
  top: 80px;
}

div#metatab a{
  font-weight: normal;
}

div#metatab a:hover{
  text-decoration: underline;
}
div#metatab a.meta-sel{
  text-decoration: underline;
}


span#impressum{
  float:left;
  margin-top: 12px;
  margin-left: 60px;
}
span#impressum a{
  font-weight: normal;
}


div#firstnavibar{
  width:782px;
  height:39px;
  background: url(../gfx/bg_firstnavi2.gif) repeat-x;
  margin-left: 62px;
}

div#firstnavi{
  height:39px;
  float: left;

}



div#firstnavi ul li.selfirst a
{
    position: relative;
    background: url(../gfx/bg_button_white_sel4.gif) repeat-x;
    padding: 12px 10px 10px 10px;
    margin-left: 5px;
    top: 5px;
}
div#firstnavi ul li.selfirst a:hover{
  text-decoration: underline;
}






div#firstnavi a {
   position: relative;
   text-align: center;
   margin-left: 5px;
   padding: 12px 10px 15px 10px;
}

div#firstnavi ul li a:hover {
    text-decoration: underline;
    padding: 12px 10px 15px 10px;
    margin-left: 5px;
}





div#firstnavi ul li.selsecond a,
div#firstnavi ul li.selsecond a:hover{
    position: relative;
    background: url(../gfx/bg_button_green_sel.gif) repeat-x;
    background-position: 1px;
    padding: 10px 10px 10px 10px;
    margin-left: 5px;
    top: 5px;
}

div#firstnavi ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div#firstnavi li {
    margin-top: 12px;
    float: left;
    text-align: center;
}

div#secondnavi ul li.sel a:hover{
    position: relative;
    background: url(../gfx/bg_button_green_sel.gif) repeat-x;
    padding: 10px 10px 10px 10px;
    margin-left: 5px;
    top: 5px;
}



div#secondnavibar{
  width: 782px;
  height: 37px;
  background: url(../gfx/bg_secondnavi.gif) repeat-x;
  margin-left: 62px;
}

div#secondnavi{
  height:37px;
  float: left;
  margin-top: 12px;
}

div#secondnavi a {
   position: relative;
   text-align: center;
   margin-left: 5px;
   padding: 10px 10px 10px 10px;
   color: #606a0a;
}

div#secondnavi ul li a:hover {
    /*background: url(../gfx/bg_button_over.gif) repeat-x;*/
    text-decoration: underline;
    padding: 12px 10px 12px 10px;
    margin-left: 5px;
}

div#secondnavi ul li.sel a,
div#secondnavi ul li.sel a:hover{
    position: relative;
    background: url(../gfx/bg_button_white_sel.gif) repeat-x;
    padding: 10px 10px 10px 10px;
    margin-left: 5px;
    top: 5px;
}

div#secondnavi ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div#secondnavi li {
    float: left;
    text-align: center;
}
div#left{
  margin-left: 80px !important;
  margin-left: 10px;
  margin-top: 40px;
}



div#main {
/*    height: 200px;*/

    margin-left: 76px;
    margin-right: 72px;
    margin-top: 20px;
    margin-bottom: 10px;

    /*   border: 1px dotted;*/
}



html > body div#main {
   /* height: auto;*/

    margin-left: 82px;
    margin-right: 72px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    _margin: 20px;

}

/*games convention*/
div#main .csc-frame-frame1{
	width: 512px;
	margin: 0 auto;
}
div#main div.tx-rbflashobject-pi1-swf_altcontent{
	width: 512px;
	margin: 0 auto;
}
div#main div.csc-frame-frame1 a{
	display:block;
	height: 20px;
	background: url(../icons/pdf-icon.gif) no-repeat left 4px;
	padding-top: 10px;
	padding-left: 20px;
}
div#main div.csc-frame-frame1 a:focus, div#main div.csc-frame-frame1 a:hover {
	text-decoration:underline;
}


div#footer{
/*  position: relative;*/
clear:both;
	width: 906px !important;
	width: 782px;
  height: 121px;
	margin: auto;
	padding-top: 15px;
  text-align: center;
  color: #4b4b4b;
  font: 9px;
	background: url(../gfx/bg_footer.png) no-repeat;
 /* border: 1px dotted;*/
}
div#footer a{
  font-weight: normal;
  color: #4b4b4b;
}
div#footer a:hover{
  text-decoration: underline;
}



div#newsbox{
  clear: both;
  width: 300px;
  height: auto;
}

div#newsboxhead{
  width: 300px;
  height: 26px;
  background-color: #d0e518;
  color: #fff;
  font-weight: bold;

}

div#newsheadtext{
  position: relative;
  padding-top:6px;
  float: left;
}

div#newsdropdown{
  padding-top:4px;
  margin-left: 235px;
}

div.newscontent.date{color: #d0e518;}

div.newscontent{
display: block;
  width: 300px;
  height: auto;
}

div.newscontent a{
    display: block;
    font-weight: normal;
    padding: 7px 7px 7px 7px;
    margin-top: 1px;
    margin-bottom: 1px;
    border-bottom: 1px solid #d0e518;
}

div.newscontent a:hover{
    display: block;
    font-weight: normal;
    background-color: #f1f5ca;
    padding: 7px 7px 7px 7px;
    margin-top: 1px;
    margin-bottom: 1px;
    border-bottom: 1px solid #d0e518;
}


/*Suche*/
div#indexedsearch{
    width: 350px;
    float: right;
}


form#indexedsearch{
  margin-right: 10px;
  float:right;
}

form#indexedsearch .searchbox-button {
    background: url(../gfx/search_button_off.gif) 5px 5px no-repeat;
    width: 28px;
    height: 18px;
    border: 0;
    cursor: pointer;
}

form#indexedsearch .searchbox-button:hover {
    background: url(../gfx/search_button_over.gif) 5px 5px no-repeat;
}

form#indexedsearch .searchbox-field {
    width: 130px;
    font: 10px;
    margin-top: 10px;
}

form#dropdown{
  font: 10px;
}
form#dropdown .navigator{
    width: 190px;
    font: 10px;

}
form#dropdown .news{
    width: 60px;
    font: 10px;
}



div #frontPage{
margin-top: 0px !important;
margin-top: 10px;
  width: 320px;
  margin-left: 10px;
  z-index: 5;
float:left;

}
.csc-textpic-below .csc-textpic-imagewrap .csc-textpic-image{
  z-index: 4;
  margin-top: -10px;
  margin-left: -20px;
clear:left;
float:left;
}

/*Startseite*/
#zettel{
  margin-left: 60px;
  margin-top: 20px;
}

div#startWelcome{
  width: 315px !important;
  width: 300px;
  margin-top: -10px;
  _margin-top: 0;
  _margin-left: 5px;
  float:left;
  /*margin-left: 10px;
  margin-top: 20px;*/
}

html > body div#startWelcome{
  /*margin-left: 72px;
  margin-top: 10px;*/
}

/*Suchformular ausblenden*/
div .tx-indexedsearch .tx-indexedsearch-searchbox{
  display:none;
}

/*Weitere Informationen */
.news-single-additional-info dt{
background: url(../gfx/button_arrow.gif) no-repeat;
background-position: 2px;
padding-left: 15px;
  float:left;
  margin-right: 5px;
}

.news-single-additional-info dl{
  margin-bottom: 10px;
}

.news-single-additional-info dl a{
  font-weight: normal;
}




#socialButns {
	background: black;
	position: relative;
}
	#socialButns a {
		display: block;
		width: 25px;
		height: 25px;
		float: right;
		outline: none;
	}

	#socialButns a img {
		outline: none;
		border: none;
	}

	#socialButns a#facebookButn {
		position: absolute;
		top: 13px;
		left: 678px;
		_left: 263px;
	}

	#socialButns a#twitterButn {
		position: absolute;
		top: 13px;
		left: 710px;
		_left: 293px;
	}