html, body {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-seif;
  font-size: 9pt;
  color: #666666;
  font-weight: normal;
  background-color: #fff;
}

#mainframe {
  width: 960px;
  height: 100%;
  margin: 0px auto 0px auto;
}

#header {
  position: relative;
  width: 960px;
  height: 146px;
  margin: 30px 0px 0px 0px;
}

#flag {
 width:948px;
 height:16px;
 background-color:#325aaa;
 text-align:right;
 padding:6px 12px 0px 0px;
}

#logo {
 float:left;
 border-right:1px solid #325aaa;
 border-bottom:4px solid #325aaa;
}

#pano {
 float:right;
 border-right:1px solid #325aaa;
 border-bottom:4px solid #325aaa;
}

#navigation {
 width: 960px;
 height:58px;
}
ul.nav_list, ul.nav_subbox {
  background-color: #325aaa;
  margin:0px;
  padding:0px;
  list-style: none;
}
ul.nav_list {
  position:relative;
  top:0px
  left:0px;
  z-index:77;
}
ul.nav_subbox {
  border-top: 1px solid #325aaa;
  border-bottom: 1px solid #325aaa;
  position:absolute;
  display:none;
  min-width: 150px;
}
ul.nav_list li.lvl_1 {
  float:left;
}


li.lvl_1, li.lvl_2 {
  margin:1px; 
}

#search {
  float:left;
  width:230px;
  border-right:1px solid #325aaa;
  margin:0px;
  height:58px;
}

#navi {
 float:left;
 width:728px;
 height:48px;
 margin-top:10px;
 background: url('../images/basics/navi_bottom.gif') repeat-x left bottom;
}

#pfad {
 font-size:8pt;
 color:#325aaa;
 margin:0px 10px 5px 10px;
 padding-top:2px;
}

#u_nav {
 color:#325aaa;
 margin-left:6px;
 border-bottom:1px solid #325aaa;
}

#neben_nav {
 color:#325aaa;
 padding:20px 0px 20px 6px;
 border-bottom:1px solid #325aaa;
 font-size:8pt;
 line-height:150%;
}

#u_nav ul{
 font-size:8pt;
 line-height:150%;
 margin:12px 0px 20px 15px;
}

#u_nav a, #neben_nav a{
  color:#325aaa;
  text-decoration: none;
  font-weight:normal;
}

#u_nav a:hover, #neben_nav a:hover {
  color:#325aaa;
  font-weight:bold;
  text-decoration: none;
}


a.nav_1, a.nav_1_akt, a.nav_1_tempakt, a.nav_2 { 
 display: block;
 padding: 6px 20px 6px 10px;
 font-weight:normal; 
 /*text-transform:uppercase;*/
}

a.nav_1, a.nav_2 { 
 color:#325aaa;
 text-decoration:none;
}

a.nav_1, a.nav_2 {
  background-color: #FFF;
}
a.nav_1:hover, a.nav_1_akt:hover, a.nav_1_akt, a.nav_1_tempakt, a.nav_2:hover { 
 display: block;
 color:#fff;
 background-color:#325aaa;
 text-decoration:none;
} 

 

#search_field {
  float:left;
  border: 1px solid #325aaa;
  width: 165px;
  height:16px;
  font-size: 8pt;
  color: #666666;
  margin :12px 0px 0px 6px;
  padding-top:4px;
}

#search_button {
  float:left;
  margin: 5px 0px 0px 0px;
}

#main {
  width:960px;
  margin-top:15px;
  padding-bottom:25px;
  border-bottom:1px solid #325aaa;
}

#block1 {
  float: left;
  width: 226px;
  min-height:300px;
  margin-right:4px;
}

#block2, #block2_large {
  float: left;
  width: 500px;
  min-height:300px;
  margin-right:4px;
}
#block2_large {
  width: 725px;
}

#block2 .trenner, #block2_large .trenner {
 text-align:right; 
 width:500px;
}

#block3 {
  float: left;
  width: 226px;
  min-height:300px;
}

#block3 .content {
 padding-bottom:20px;
 border-bottom:1px solid #325aaa;
}

h1 {
  margin: 0px 0px 10px 0px;
  font-size: 9pt;
  font-weight: bold;
  color:#625e5a;
}

p {
  margin: 12px 0px 12px 0px;
}

ul {
  margin: 6px 0px 6px 15px;
  padding: 0px;
}

#content li {
  list-style-image: url('../images/basics/list.gif');
}

.content{
  border-bottom:1px solid #325aaa;
  padding-left:10px;
  padding-right: 20px;
  margin-bottom: 20px;
}
#block2 .content, #block2_large .content {
  padding-bottom: 25px;
  background-image: url('/images/basics/trenner_pic.gif');
  background-repeat:no-repeat;
  background-position: bottom right;
}

#footer {
  width: 730px;
  margin-left:230px;
  height: 28px;
  border-left:1px solid #325aaa;
  padding:14px 5px 0px 10px;
  font-size:8pt;
}

a {
  color:#325aaa;
  text-decoration: none;
}

a:hover {
  color:#325aaa;
  text-decoration: underline;
}

a.intlink, 
a.extlink, 
a.emaillink, 
a.downlink,
a#login:hover {
  color: #325aaa;
  border-bottom: 1px dotted #325aaa;
}

a.intlink:hover, 
a.extlink:hover, 
a.emaillink:hover, 
a.downlink:hover {
  color: #325aaa;
  border-bottom: 1px solid #325aaa;
}

li a.intlink, 
li a.extlink,  
li a.emaillink, 
li a.downlink {
  color: #325aaa;
  border-bottom: 1px dotted #325aaa;
}
 
li a.intlink:hover, 
li a.extlink:hover, 
li a.emaillink:hover, 
li a.downlink:hover {
  color: #325aaa;
  border-bottom: 1px solid #325aaa;
}

#footer a {
  color: #325aaa;
  font-size: 8pt;
  padding:0px 5px 0px 5px;
}

#footer a:hover {
  color: #325aaa;
  text-decoration:underline;
}


input[type='submit'], .submit
{
  border: 1px solid #325aaa;
  color: #325aaa;
  font-weight: bold;
  background-color: #FFF;
}

/* GRAY TABLES */
.tabgreymiddle {
	background-color: #E4E3E3;
  color: #000000;
	font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
  text-align: left;
	vertical-align: top;
  padding:3px;
  line-height: 1.5;
}
.tabgreyhead {
	background-color: #BFBDBD;
	color: #000000;
	font-size: 14px;
	font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
  text-align: left;
	vertical-align: top;
  padding:3px;
  line-height: 1.5;
}
.tabgreydark {
	background-color: #D8D8D8;
  color: #000000;
	font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
  text-align: left;
	vertical-align: top;
  padding:3px;
  line-height: 1.5;
}

/* News */
ul.newslist {
  list-style: none;
  margin: 25px 0px 0px 0px;
}
.newslist li {
  padding-bottom: 20px;
}
.newslist .pubdate {
  font-weight:bold;
  float:left;
  margin-right: 30px;
}

#block3 .pubdate {
  float:none;
}


/* Galerie */
.gallery .galpic {
 border: 2px solid #fff;
 padding: 6px;
 margin: 0px 4px 4px 0px;
 text-align: center;
 float:left;
}
.gallery .gal6 {
 width: 93px;
 height: 93px;
}
.gallery .gal5 {
 width: 116px;
 height: 116px;
}
.gallery .gal4 {
 width: 150px;
 height: 150px;
}
.gallery .gal3 {
 width: 207px;
 height: 207px;
}
.gallery .gal2 {
 width: 320px;
 height: 320px;
}