@charset "utf-8";
/* CSS Document */

body {
	background-color: #4F2F2F;
}

a {
	color: #4F2F2F;
}

a:hover {
	color: #000000;
}


.index {
	background-image: none !important; 
	
}

.index .head {
	height: 116px;
	background-image:url(../../pics/layout_rotgrau/startseite/bkgr_head.jpg);
	background-repeat:repeat-x;
	/* FOR IE6 */
	text-align: center;
	margin-bottom: 1px;
	margin-top: 100px;
}

.index .head#logo {
	margin: auto;
}

.index .mainpic {
	height: 331px;
	margin-bottom: 1px;
	position: relative;
}

.index .mainpic #left {
	width: 413px;
}

.index .mainpic * img {
	border: 0;
}

.index .mainpic #right {
	width: 412px;
	position: absolute;
	margin-top: -331px;
	margin-left: 413px;
}

.index .foot {
	height: 24px;
	background-image:url(../../pics/layout_rotgrau/startseite/bgkr_foot.jpg);
	background-repeat:repeat-x;
	text-align: center;
}

.index .foot span {
	color: #E8EAED;
	text-transform:uppercase;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.index .foot a {
	color:#E8EAED;
	text-decoration: none;
	border: none;
}

.index .imprint {
	width: 625px;
	margin-left: 100px;
	border-top: 1px solid #E2DADA;
	margin-top: 5em;
	text-align: center;
	margin-bottom: 10px;
}

.index .imprint span{
	font-size: 75%;
	color:#E2DADA;
}

.head_div {
	display: block;
	position: relative;
	background-color: #4F2F2F;
	margin-bottom: 10px;
}

.logobar {
	background-image:url(../../pics/layout_rotgrau/bkgr_head.jpg);
	background-repeat:repeat-x;
	margin-bottom: 1px;
	height: 116px;
}

.body_div {
	/*border: 1px solid #D2D7E3;*/
	background-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 75%;
	/*font-size: x-small;*/
	min-height:400px;
	/*margin-left: 5px;*/
	/*margin-right: 5px;*/
}

.body_div .head {
	background-image:url(../../pics/layout_rotgrau/body_head.jpg);
	background-repeat:repeat-x;
}

.body_div .head .title {
	position: relative;
	padding: 0.8em 1em 0.5em 1em;
	height: 25px;
}

.body_div .head .title span {
	font-size: 150%;
	font-weight: bold;
	text-transform: uppercase;
	color: #4F2F2F;
}

.body_div .head .title .head_right {
	position: absolute; 
	bottom: 0; 
	right: 1em;
	text-transform:none;
	font-size: 75%;
	height: 2em;
	line-height: 2em;
}

.body_div .head_leiste {
	background-image:url(../../pics/layout_rotgrau/bkgr_leiste.gif);
	background-repeat:repeat-x;
	margin-left: 1em;
	margin-right: 1em;
	height: 1px;
	line-height: 1px;
}

.body_div .content {
	padding: 1em;
	position: relative;
}

#piccontainer .pic_navigator {
}

.footer_div {
	background-image:url(../../pics/layout_rotgrau/footer_verlauf.jpg);
	background-repeat:repeat-x;
	height: 26px;
	text-align: center;
}

.footer_div span {
	font-size: 75%;
}

.headleft {
	background-color:#000000;
	color:#FFFFFF;
	height:227px;
	position:absolute;
	width:250px;
	z-index:100;
}

.page {
	width: 825px;
	margin: auto;
	text-align: left;
	margin-bottom: 15px;
	padding-bottom: 11px;
	/*border: 1px solid #FFFFFF;*/
	/*background-color: #DBDCE6;*/
	/*background-image: url(../../pics/layout2/left.png);
	background-repeat: repeat;*/
	background-image:url(../../pics/layout_rotgrau/shadow_body.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
}

.debug {
	border: thin dashed #000000;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	background-color: #EEEEEE;
	color: #666666;
	margin-left: 1em;
	margin-right: 1em;
}

.layout1_frame {
	display: inline !important;
}

.borderTL, .borderTR, .borderBL, .borderBR {
  width: 7px; height: 7px;
  padding: 0px; border: 0px;
  z-index: 99;
}

.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  0px  0px  0px -1px; }
.borderTR { margin:  0px -1px  0px  0px; }
.borderBL { margin:  0px  0px  0px  0px; }
.borderBR { margin:  0px  0px  0px  0px; }

/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -3px;
  ma\rgin-left: -3px;
}
html>body .borderTL  {
  margin-left: 0px;
}
.borderTR {
  margin-right: -3px;
  ma\rgin-right: -3px;
}
html>body .borderTR  {
  margin-right: 0px;
}
.borderBL {
  margin-left: -3px;
  ma\rgin-left: -3px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  ma\rgin-right: -3px;
}
html>body .borderBR {
  margin-right: 0px;
}
.topcornerbar {
	/*background-image: url(../../pics/layout2/top.png);
	background-repeat: repeat-x; */
}

.bottom_corner {
	/*background-image: url(../../pics/layout2/bottom.png);
	background-repeat: repeat-x;*/
	clear:both;
	height:7px;
	margin-top:-7px;
}

.roundCornerSpacer {
	clear:both;
	font-size: 1px; 
	line-height: 1px;
	background-color: #FFFFFF;
}

.background_head {
	position: relative;
	z-index: 0;	
	top: 0px;
	height: 227px;
}

.headimages {
	display: block;
}

.headimage {
	width: 825px;
	height: 210px;
	overflow: hidden;
	position: relative;
	border-bottom:1px solid #666666;
}

.headimage #headimage1 {
	/*position: absolute;*/
	display: block;
}

.headimage #headimage2 {
/*	position: absolute;*/
	display: none;
}

#rightcontainer {
	float:right;
	width:200px;
}

#piccontainer {
	/*overflow:auto;*/
	/*max-height:400px;*/
	background-color: #E2DADA;
	/*height: 400px;*/
	/*width: 200px;*/
	padding-left: 22px;
	width: 200px;
}

#piccontainer .bar {
	padding-left: 1em;
}

#leftcontainer {
	width: 550px;
}