/* CSS Document */
h1, h2, h3, h4, ul {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 18px;
	color: #000099;
}
h2 {
	font-size: 14px;
	color: #003399;
}
h3 {
	font-size: 12px;
	color: #333333;
}
h4 {
	font-size: 11px;
	color: #333333;
}
h5 {
	font-size: 10px;
	color: #333333;
}
li {
	margin: 10px;
	margin-left: 40px;
	padding-left: 5px;
}

body{
	font-family: Arial, sans-serif;
	color: #333333;
	background-repeat: inherit;
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(images/background.jpg);
	margin: 0px;
	margin-top: 3px;
}
.menu {
	background-image:url('images/menubg2.jpg');
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	height:36px;
	text-align:center;
	width: 950px;
}

.menu1 {
	background-image:url('images/menubg1.jpg');
	background-repeat:repeat-x;
	height:7px;
	padding: 0px;
	width: 950px;
}

.footer1 {
background-image:url('images/footer.jpg');
background-repeat:repeat-y;
height:29px;
vertical-align:top;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}

.header {
	background-image:url(images/headerdevam.jpg);
	background-repeat:inherit
}

#body {
	border: 3px solid white;
	background: #fff;
}

.box {
	float: left;
	background: #fff;
	width: 240px;

}
.box-t {
	background: top url(images/box_t.jpg) repeat-x;

}
.box-r { background: right url(images/box_r.jpg) repeat-y; }
.box-b { background: bottom url(images/box_b.jpg) repeat-x; }
.box-l { background: left url(images/box_l.jpg) repeat-y; }
.box-tr { background: top right url(images/box_tr.jpg) no-repeat; }
.box-br { background: bottom right url(images/box_br.jpg) no-repeat; }
.box-bl { background: bottom left url(images/box_bl.jpg) no-repeat; }
.box-tl { background: top left url(images/box_tl.jpg) no-repeat; }
.box-tl {
	font-size:12px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
	margin-top: 0px;
}

.box p {
	margin: 1em 0;
}
.clear {
	clear: both;
}

#sol {
	width: 200px;
}
#sold {
	width: 280px;
}

#sag1 {
	width: 430px;
}
#orta {
	width: 220px;
	margin-left: 10px;
	margin-right: 10px;
	z-index: auto;
}
#orta .box-tl {
  padding-bottom: 22px;
}
#orta ul {
  margin: 1em 0;
}
#orta li {
  list-style: none;
  margin: 0.9em 0;
}
#orta ul a {
  text-decoration: none;
}
#orta ul a:hover {
  text-decoration: underline;
}
#sag {
	margin-right: 0;
	width:740px;
	margin-left: 10px;
}
#sag .box-tl {
  padding-bottom: 18px;
}
#sag p {
	margin-top: 0;
	margin-bottom: 1em;
}

.kesim { 
	background-image:url(images/kesim.jpg); 
	background-repeat:repeat-y; 
	background-position:center;
}

}.kutu{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	padding: 5px 10px 0px 10px; 
	color:#a3a3a3; 
	vertical-align:top; 
	text-align:justify;
	text-decoration:none;
	height:330px
}
.orange{color:#FF6600}
.white{
	color:#fff;
}

.tablo a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	text-align:center; 
	color:#fff; 
	text-decoration:none; 
}
.tablo a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	text-align:center; 
	color:#fff; 
	text-decoration:none; 
}
.tablo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#333333;
	text-decoration:none;
	background-color: #FFFFFF;
}
.tablo a:hover {
	text-decoration:underline
}
.form {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#000
}

.midy{
	font-family: Arial, sans-serif;
	color: #333333;
	background-repeat: inherit;
	background-color: #999999;
	margin:0px
}

.style1 {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:22px;
	width: 200px;
	margin-top: 0px;
	padding: 5px;
	margin-left: 0px;
}
.style2 {font-size:1pt;
		visibility: hidden;
}
.style4 {
	font-size:12px;
	padding-left: 25px;
}

.pagecell{
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	margin: 1px auto auto;
	width: 950px;
	height: 975px;
}
.Tops{
	margin-top: 10px;
	margin-bottom: 5px;
	height:auto;
}

.img_height
{
height: 100px;
}

/******************** Navigation ****************/

/* nav */

#nav {
	
  width: 600px;
  height:100px;
  padding-left:0px
}
#nav li {
  float: left;
  list-style: none;
  padding-left: 0px;
  padding-right: 5px;
  line-height: 1.1;
}
#nav span {
  display: block;
  font-size: 12px;
}
#nav a {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

/* ===== menue 3 mitte ===== */

#menu3 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#333333;
text-decoration:none ;font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 14px;
padding-left: 20px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
height:25px;
line-height:25px;
text-align:left;
width:150px;
border-bottom:solid 1px #CCCCCC;
}

#menu3 a:hover {color:#FF6600; text-decoration:none ;
background:transparent;
background-image:url(images/pfeil3.png);
background-repeat:no-repeat;
background-position:  4px 50%;
}

#menu3 #aktuell a {color:#0000FF; text-decoration:none ;
background-color:transparent;
border-bottom:solid 1px #CCCCCC;
background-image:url(images/pfeil.png);
background-repeat:no-repeat;
background-position:  4px 50%;
}

#menu3  a:hover span {color:#FF6600;
background:transparent;
}

/* ===== menue 2 links ===== */

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#666666;
text-decoration:none ;font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 14px;
padding-left: 20px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
height:30px;
line-height:30px;
text-align:left;
width:150px;
border-bottom:solid 1px #CCCCCC;
}

#menu2 a:hover {color:#FF6600; text-decoration:none ;
background:transparent;
background-image:url(images/pfeil3.png);
background-repeat:no-repeat;
background-position:  4px 50%;
}

#menu2 #aktuell a {color:#009999; text-decoration:none ;
background-color:transparent;
background-image:url(images/pfeil.png);
background-repeat:no-repeat;
background-position:  4px 50%;
}

#menu2  a:hover span {color:#FF6600;
background:transparent;
}
.zahl {color:#666666;font-weight:bold;font-family:arial, helvetica, tahoma, verdana,serif}
.zahlaktuell {color:#0066FF;font-weight:bold;font-family:arial, helvetica, tahoma, verdana,serif}


.zahl2 {color:#333333;font-weight:bold;font-family:arial, helvetica, tahoma, verdana,serif}
.zahlaktuell2 {color:#0000FF;font-weight:bold;font-family:arial, helvetica, tahoma, verdana,serif}

/*
scroll styles here
*/

.item { width: 950px; height:229px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 900px; height: 229px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:0px; float:right; padding-right: 20px;} 
.navi a { width: 2px; cursor:pointer; height: 2px; float:left; margin:0 0 0 3px; background:url(images/circl.gif) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(images/circl_hov.gif) no-repeat scroll right top}

.header1
{
width: 900px; height: 229px;
background: url(images/top_img.jpg) no-repeat;
}

.header2
{
width: 900px; height: 229px;
background: url(images/top_img2.jpg) no-repeat;
}

.header3
{
width: 900px; height: 229px;
background: url(images/top_img3.jpg) no-repeat;
}

.header4
{
width: 900px; height: 229px;
background: url(images/top_img4.jpg) no-repeat;
}

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}





/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:580px;
		margin:0px 0 10px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#999999;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}
	
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}	

.rsmbas {margin:0px 10px 0px 10px;padding:0;border:none; background:url(images/bgs_tms.jpg) }
.rsmtxt {margin-bottom:40px;padding:0; padding-right:5px; padding-left:5px;border:none; vertical-align:top;height:35px}

.rsm a{ float:left; margin:0; padding:0; margin:0px 0px 0px 4px; display:block; background:url(images/bg_tms.jpg) no-repeat; width:120px; height:95px;}
.rsm a img{ float:left; margin:10px 5px 10px 0px; padding:0; margin:10px 10px 10px 10px; background:url(images/bg_tms.jpg) no-repeat; width:100px; height:75px;}