/*
***************************************
   www.esw-potsdam.de
   (c) sro [babylon.workx] 2009
***************************************
*/

/* Links ---------------------------------- */

  a {color: #665544; font-size: 9pt; text-decoration: none; }
  a:hover {color: #BF0000;}

  a.smenu {color: #665544; font-size: 8pt; padding-left: 10px;}
  a.smenu:hover {color: #BF0000;}

  a.catch {color: #665544; background: #F8F1E7; padding: 5px; font-weight: bold;}
  a.catch:hover {color: #BF0000;}

/* Schrift -------------------------------- */

  h1 {font-size: 10pt; font-weight: bold; margin-top: 40px; border-left: 5px solid #BF0000;}
  .small {font-size: 8pt;}

/* Sonstiges ------------------------------ */

  img {padding: 0px; margin: 0px;}
  img.thumb {margin-right: 15px;}

  td {font-size: 9pt; vertical-align: top;}

  .button {font-size: 8pt; width: 100px; color: #665544; background: #F8F1E7; padding: 2px; cursor:pointer;}
  input, textarea {border:1px solid #DADBDD; background: #FFFFFF; color: #000000;}

/* Layout --------------------------------- */

#container {margin: 0px auto; width: 900px;}
#inbox {width: 880px; float: left;
        border-left: 10px solid #F8F1E7; border-right: 10px solid #F8F1E7;
        padding: 0px; background: #FFFFFF;}

#left {width: 270px; float: left;}
#l_spacer1 {width: 270px; height: 10px; float: left; background: url(../images/leftspacer1.gif) no-repeat left top #F8F1E7;}
#logo {width: 270px; height: 200px; float: left; background: #FFFFFF;}
#l_pic {width: 270px; height: 400px; float: left; background: url(../images/leftpic.jpg) no-repeat left top #FFFFFF;}
#l_teaser {width: 270px; height: 0px; float: left; background: url(../images/teaser.gif) no-repeat left top #FFFFFF;}

#head {width: 610px; float: left;}
#h_spacer1 {width: 610px; height: 10px; float: left; background: #F8F1E7;}
#h_spacer2 {width: 610px; height: 94px; float: left; background: url(../images/top.jpg) #FFFFFF;}
#main_menu {width: 460px; height: 32px; float: left; background: url(../images/im_mid.gif) #ffffAA; border:0; margin:0;}
#headline {width: 610px; height: 100px; float: left; background: #FFFFFF;}
#h_spacer3 {width: 150px; height: 32px; float: right; background: url(../images/hright.gif) repeat-x #FFFFCC;}

#main {width: 610px; float: left;}
#contents {width: 610px; min-height: 505px; float: left; background: #FFFFFF;}

#footer {width: 880px;}
#f_spacer1 {width: 270px; height: 16px; float: left; background: url(../images/leftspacer2.gif) no-repeat left top #E6D1B0;}
#f_spacer2 {width: 610px; height: 16px; float: left; background: url(../images/bott.gif) repeat-x #E6D1B0;}
#f_spacer3 {width: 270px; height: 64px; float: left; background: url(../images/leftspacer1.gif) repeat-y left top #F8F1E7;}
#f_spacer4 {width: 610px; height: 64px; float: left; background: url(../images/rb.gif) no-repeat right bottom #F8F1E7; text-align: right;}

/* ---------------------------------------- */

body {
  background: url(../images/bg.gif) #FFFFFF;
  font-family: Arial, Helvetica;
  font-size: 9pt;
  font-size: 100,01%;
  color: #665544;
  text-align: left;
  line-height: 140%;
  margin-top: 0px;
}

/* IzzyMenu ------------------------------ */

#tab {top: 0; height: 0; background: repeat-x top; margin: 0;}
#tab ul {list-style: none; float: left; margin:0; padding: 0;}
#tab li {display: inline; float: left; margin: 0; padding: 0;}
#tab a {
	background: #000 url(../images/im_right.gif) no-repeat right top;
	text-decoration: none;
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#tab a span
{
	display: block;
	background: url(../images/im_left.gif) no-repeat left top;
	font-family: Arial, Helvetica;
	font-size: 12px;
	text-transform: uppercase;
	color: #665544;
	font-weight: 700;
	line-height: 29px;
	padding: 0 15px 0 18px;
	width: 75px;
	text-align: center;
}

#tab a:hover,#tab li.item_active a {background-position: right bottom; border-color: #FF9300;}
#tab a:hover span,#tab li.item_active a span {
	background-position: left bottom;
	color: #665544;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
}

/* IzzyMenu chrome */

.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 #7dc473;
	background:url(../images/im_mid.gif);
	color:#000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
	width:180px;
	display:block;
	border:0 #FF9300;
	color:#000;
	background:url(../images/im_left.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span
{
	display:block;
	line-height:29px;
	background:url(../images/im_right.gif) no-repeat right top;
	font-family: Arial, Helvetica;
	font-size:12px;
	color:#000;
	float:none;
	padding:0 15px 0 18px;
}
.dropmenudiv a:hover
{
	border:0 #FF9300;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span
{
	background-position:right bottom;
	color:#FFF;
	font-weight:700;
}