html { height: 100%; }
body { height: 100%; font: 88%/150% Palatino, "Palatino Linotype"; background-color: #d0dbdf; margin: 0; padding: 0; }

/* ----------------------------------- */
/* 						 	 STYLES 	 						 */
/* ----------------------------------- */

img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 {
	margin: 0;
	padding: 0;
	font-size: 172%;
	line-height: 100%;
	color: #2C498B;
}
h2 {
	font-size: 143%;
	color: #A03600;
}
h2 small {
  display: block;
  color: #555;
}
div#content h2 { margin: 10px 0 5px 0; }
	h2 a { text-decoration: none; color: #A03600; }
h3 { font-size: 115%; color: #1a2b54; margin-bottom: 10px; margin-left: 10px; }


p { margin: 15px 0; }
p.small { font-size: 94%; line-height: 130%; }
ol,
ul { text-align: justify; padding: 0 0 15px 5px; list-style-type: disc; list-style-position: inside; display: inline; }

a { color: #2F4A8E; }
a#site-title { background-color: transparent; background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: left top; display: block; width: 460px; height: 59px; text-indent: -4000px; }
 #topBar form { float:right; width:200px; text-align:right; position: absolute; top: 19px; right: 20px; } 
a.contact,
	a.deutsch,
	a.subscribe{
		position: absolute;
		top: 23px;
		display: block;
		height: 13px;
		padding: 4px;
		color: #1B2D58;
		font-size: 10px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 100%;
		letter-spacing: 0.1em;
		background: url('images/contact_bg1.gif') repeat-x left top;
	}
	a.deutsch { right: 340px; }
	a.subscribe { right: 440px; }
	a.contact { right: 240px; }
label.required { font-weight: bold; }
div#footer {
	font-size: 11px;
	color: #030303;
}


/* ----------------------------------- */
/* 							STRUCTURE							 */
/* ----------------------------------- */

div.container { position: relative; height: auto; width: 720px; overflow: hidden; margin: 0 auto; padding: 0 30px; }
div#top { background-color: white; background-repeat: repeat-x; background-position: left top; position: relative; z-index: 3; height: 59px; border-bottom: 2px solid #333; }

div#header { background-color: #005; background-image: url(images/footerbg.jpg); background-position: 0 150px; height: 108px; }
div#header div.container { background-color: transparent; background-repeat: repeat-y; background-attachment: scroll; }
div#header div#header-pic {
			width: 720px;
			height: 108px;
			border: 1px solid #fff;
			border-width: 0 1px;
			background: url('images/web-head.jpg') no-repeat;
		}
div#main { min-height: 100%; min-width: 780px; margin: -263px 0 0; background: url(images/nain_bg.gif) repeat-y center top ; height: auto; }
	div#main div.container {
		padding: 282px 30px 85px 30px;
	}
		div#main div#content {
			position: relative;
			float: left;
			width: 510px;
		}

div#footer { background-image: url(images/footerbg.jpg); background-repeat: repeat; height: 180px; margin: 0; border-top: 2px groove #c0c0c0; }
	div#footer div.container { background-color: transparent; background-position: 0 0; width: 780px; }
		div#footer div#copyright { line-height: 12px; border-width: 0 1px; background: #fff; margin: 0; border-color: #fff; border-style: solid; }
			div#copyright p { font-size: 10px; font-family: Arial; line-height: 12px; padding: 5px; }

div.contact { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; float: left; height: 35px; width: 480px; margin: 20px 0 0; padding: 12px 15px; }
	div.contact h3 { font-size: 112%; line-height: 120%; }
	div.contact p { margin: 0; font-size: 86%; line-height: 120%; }



/* HOME */

body.home div#top {
	height: 59px;
	background-position: left top;
}

body.home div#main { margin-top: -271px }
	body.home div#main div.container { padding-top: 271px; }
	body.home div#main div#sidebar { display: none; }
	body.home div#main div#content { float: none; width: 100%; }

body.home div#breadcrumb { height: 10px; }
body.home div#breadcrumb div.container {
	height: 100%;
	padding: 0 10px;
}

body.home div.contact {
	height: 53px;
	width: 445px;
}
	body.home div.contact p { font-size: 93%; line-height: 130%; }



  
  
  
body.home h1 {
  margin-bottom: 20px;
}
  

/* ----------------------------------- */
/* 								EXTRAS							 */
/* ----------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.mainbox { width: 656px; 
        font-size: 12px; font-family: Arial; line-height: 15px; background-color: #cad6de; margin-top: -50px; margin-right: auto; margin-left: auto; padding-right: 60px; padding-left: 60px; border-color: #ccc #999; border-style: groove solid; border-width: 2px; }
        .mainboxstyle  { color: #fff; text-decoration: underline; height: 38px; float: left; margin-left: -30px; padding-top: 20px; padding-right: 20px; }
/* ----------------------------------- */
/* 								TOP MENU							 */
/* ----------------------------------- */

#topnavlist ul, #topnavlist li
{ width: 700px; display: inline; list-style-type: none; margin: 0; padding: 0; }

/* ----------------------------------- */
/* 								left side							 */
/* ----------------------------------- */
div#navigation{ float:left; width:210px; height: auto; min-height: 850px; margin-top: 20px; margin-right: 10px; border-right: 2px groove #007; }
.sidebox2 { margin: 0 auto; /* center for now */
        width: 208px; /* ems so it will grow */
        background: url(images/mainbox.gif) no-repeat right bottom; font-size: 100%; }
.boxbody2 { background: url(images/box2_side.gif) no-repeat left bottom;
        margin: 0;
        padding: 5px 5px 30px 12px; }

.boxbody2 h1 { color: #c03; font-size: 12px; font-weight: bold; text-align: center;}
.boxbody2 h3 { color: #000; font-size: 12px; font-weight: bold; text-align: center; margin-bottom: 0; padding-bottom: 0; }
/* submenu navigation */
div#navigation div.menu { width: 180px; margin-left: 10px; }
  div#navigation div.menu h2 {
    height: 24px;
    margin: 0;
  	padding: 5px 0 0 0;
  	color: #fff;
  	font-size: 107%;
  	font-weight: normal;
  	text-align: center;
  	text-transform: uppercase;
  	text-shadow: #000 0 0 0;
  	letter-spacing: 2px;
    border-bottom: 1px solid #fff;
    background: url('images/menu_top.gif') no-repeat;
  }
  div#navigation div.menu div.content {
    height: 355px;
    padding: 0;
    background: url(images/menu_bag.gif) no-repeat;
  }
  div#navigation div.menu a {
    display: block;
    height: 24px;
    padding: 5px 0 0 0;
    font-size: 12px;
  	font-weight: normal;
  	text-align: center;
  	text-transform: uppercase;
  	text-shadow: #000 0 0 0;
  	text-decoration: none;
  	letter-spacing: 1px;
    border-bottom: 1px solid #EBA947;
  }
  div#navigation div.menu a.last { border:none; }
  /* boxes */
div#navigation div.box { width: 190px; margin: 0 0 15px 10px; }
div#navigation div.box h2 { height: 24px; padding: 5px 0 0; color: #fff; font-size: 107%; font-weight: normal; background-image: url(images/box_h2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; text-transform: uppercase; text-shadow: #000 0 0 0; letter-spacing: 2px; border-bottom: 1px solid #fff; }
div#navigation div.content {
					padding: 7px 10px;
					color: #2F4A8E;
					background: #FDEAC4 url('images/box_nbot.gif') no-repeat;
				}
div#navigation  div.content.no-bottom { background-image: url(images/box_mainbg.gif); background-repeat: repeat-y; }
				div#navigation div.bottom {
				  height: 30px;
				  padding: 0 10px;
				  text-align: center;
				  border-top: 1px solid #fff;
				  background: url('images/box_bottom.gif') no-repeat;
			  }
			  
/* ----------------------------------- */
/* 								right side main							 */
/* ----------------------------------- */
.containingbox
		{ color: #000; font-size: 12px; line-height: 16px; text-align: justify; width: 490px; height: auto; float: left; }
		
		.floatleft
		{ text-align: center; float: right; width: 250px; height: auto; margin-right: 5px; margin-bottom: 10px; padding: 3px; border: groove 1px #c0c0c0; }
div.containingbox h1
{ font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; }
div.containingbox h2
{ color: #c30; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(images/top_backg.gif); background-repeat: repeat; text-align: left; }

.picborder { text-align: left; float: right; margin-left: 10px; padding: 2px; border: 2px ridge #c0c0c0;}
div.containingbox div.floatleft h1
		{ color: #fff; font-size: 15px; font-weight: bold; background-color: #007; background-repeat: no-repeat; text-align: center; margin: 0 0 2px 0; }
.floatleft1
		{ background-color: #fff8f2; text-align: center; width: 180px; height: auto; float: right; min-height: 210px; margin-bottom: 10px; margin-left: 15px; padding: 3px; border: ridge 1px #c0c0c0; }
div.containingbox div.floatleft1 h1
		{ color: #fff; font-size: 15px; font-weight: bold; background-color: #c30; background-repeat: no-repeat; text-align: center; margin: 0 0 2px; }


/* bottom menu */

div#bottomnavcontainer
{ background-color: #1f00ca; background-image: url(images/nain_bg1.gif); background-repeat: repeat; text-align: center; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }

div#bottomnavcontainer ul
{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: white; font-size: 11px; text-align: center; margin: 0; padding-bottom: 2px; padding-top: 2px; }

div#bottomnavcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#bottomnavcontainer ul li a
{
padding: 2px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

div#bottomnavcontainer ul li a:hover
{
background-color: #16008D;
color: white;
}

#active a { border-left: 1px solid #fff; }
.picnoborder { text-align: left; float: left; margin-right: 10px; margin-left: 10px; padding: 2px; }
#address { font-size: 11px; font-weight: bold; line-height: 14px; background-color: #fff; text-align: center; width: 100%; }
#topBar p { margin: 1px; }

/* top menu */

div#topnavcontainer
{ background-color: #1f00ca; background-image: url(images/nain_bg1.gif); background-repeat: repeat; text-align: center; position: relative; z-index: 3; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }

div#topnavcontainer ul
{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: white; font-size: 14px; text-align: center; margin: 0; padding-bottom: 2px; padding-top: 2px; }

div#topnavcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#topnavcontainer ul li a
{
padding: 2px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

div#topnavcontainer ul li a:hover
{
background-color: #16008D;
color: white;
}

#active a { border-left: 1px solid #fff; }
#topnavlist a:link#current, #topnavlist a:visited#current
{ background: #fff; color: #000; border-color: #009 #009 #fff; border-style: inset inset solid; border-width: 1px; }
div.containingbox h3
{ color: #fff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #2c498b; background-image: url(images/header_titel_bg.jpg); text-align: left; margin-top: 30px; padding-left: 10px; border-bottom: 1px groove #888; }
.picborder2 { text-align: left; float: left; margin-right: 10px; padding: 2px; border: ridge 2px #c0c0c0; }
.class2 a:link { font-weight: bold; }
.class2 a:visited {text-decoration: underline overline}
.class2 a:active {text-decoration: underline overline}
.class2 a:hover { text-decoration: underline; color: #fff; background-color: #3e5e8d; }
.iconlist
{ list-style: none; margin: 0; padding: 0; }
li.pdf
{ background-image: url(images/pdf.gif); background-repeat: no-repeat; background-position: 0 50%; margin-top: 0.4em; margin-bottom: 0.4em; margin-left: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; }
li.pdf a
{ font-size: 12px; font-weight: bold; text-decoration: none; padding-left: 10px; }
li.htm
{
background-image: url(images/htm.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}li.htm a
{ font-size: 12px; font-weight: bold; text-decoration: none; padding-left: 10px; }
li.real
{ background-image: url(video/realplayer.gif); background-repeat: no-repeat; background-position: 0 50%; margin-top: 0.4em; margin-bottom: 0.4em; margin-left: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; }
li.real a
{ font-size: 12px; font-weight: bold; text-decoration: none; padding-right: 10px; padding-left: 10px; }
li.window
{ background-image: url(video/windows.gif); background-repeat: no-repeat; background-position: 0 50%; margin-top: 0.4em; margin-bottom: 0.4em; margin-left: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; }
li.window a
{ font-size: 12px; font-weight: bold; text-decoration: none; padding-right: 10px; padding-left: 10px; }
.containingboxsites
		{ color: #000; font-size: 12px; line-height: 16px; text-align: justify; width: 460px; height: auto; float: left; margin-left: 15px; }
.containingboxsites h3
{ color: #fff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #2c498b; background-image: url(images/header_titel_bg.jpg); text-align: left; margin-top: 30px; margin-right: 0; margin-left: 0; padding-left: 10px; border-bottom: 1px groove #888; }
div.topcontainer { position: relative; height: auto; width: 930px; overflow: hidden; margin: 0 auto; padding: 0 30px; }