/* first for Internet Explorer */
@font-face {
        font-family: MetaSerif;
        src: url(../fonts/MetaSerifWebPro-Book.eot);
		font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: MetaSans;
        src: url(../fonts/MetaWebPro-Normal.eot);
		font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: MetaSans;
        src: url(../fonts/MetaWebPro-Medium.eot);
		font-weight: bold;
        font-style: normal;
}

/* then for Firefox */
@font-face {
        font-family: MetaSerif;
        src: url(../fonts/MetaSerifWebPro-Book.woff) format('woff');
		font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: MetaSans;
        src: url(../fonts/MetaWebPro-Normal.woff) format('woff');
		font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: MetaSans;
        src: url(../fonts/MetaWebPro-Medium.woff) format('woff');
		font-weight: bold;
        font-style: normal;
}

body
	{
		background: url(../images/body_bg2.jpg);
		background-repeat:no-repeat;
		background-position:0px 112px;
		font-family:MetaSans, Arial, sans-serif;
		font-size: 14px;
		color: #044369;
		margin: 0px;
		padding: 0px;
	}
	
a:link, a:visited 
	{
		color: #044369; 
		text-decoration:none;
	}

a:hover 
	{
		color: #FF9900;
	}

#main_container
	{
		padding: 0px;
		margin: 0px;
		height:480px;
	}
	
#top_border
	{
		margin: 0px;
		padding: 0px;
		border-top:3px solid #6189A3;
	}
	
#top_container
	{
		width: 100%;
		clear:both;
		padding: 0px;
		margin: 0px auto;
		background-color:#FFFFFF;
		height:200px;
		text-align:left;
	}
	
#logo
	{
		float:right;
		margin: 0px;
		padding:79px 0 0 0;
		background:#FFFFFF;
		width:25%;
	}
		
#clear
	{
		clear:both;
		font-size:0px;
		padding:0px;
		margin:0px;
	}

#main_body_container
	{
		clear:both;
		margin: 0px;
		padding: 0px;
		float:left;
		height:570px;
		width:100%;
		border-top:1px solid #4B7993;
	}
	
#menu_container
	{
		height: 30px;
		float:left;
		margin-top:85px;
		margin-left:10px;
		text-align:left;
	}
	
a.top_btn:link, a.top_btn:visited
	{
		font-family: MetaSans, Arial, sans-serif;
		font-size:15px;
		color:#044369;
		text-decoration: none;
		padding: 0px 15px 0 15px;
		margin:0px;
		font-weight:bold;
		cursor:pointer;
	}

a.top_btn:hover, a.top_btn:active
	{
		color: #FF9900;
		text-decoration: none;
	}
	
#left_container
	{
		float:left;
		margin: 0px;
		padding: 0px;
		width:35%;
		vertical-align:bottom;
		height:100%;
	}
	
#title_picture
	{
		clear:both;
		margin: 0px;
		padding: 0px;
		float:left;
		width:100%;
	}

#title
	{
		margin: 0px;
		padding: 60px 0 0 30px;
		font-size: 3.0em;
		color:#044369;
		letter-spacing:normal;
	}

.pale_title
	{

		color:#0672B3;

	}

#right_container
	{
		float:right;
		margin: 0px auto;
		padding: 0px;
		width:60%;
		vertical-align:top;
	}
	
	
.language
    {
		
    }
.version
    {
		
    }
	
#first_row
	{
		padding: 0px;
		margin-top:40px;

	}
	
#second_row
	{
		clear:both;
		float:left;
		margin: 0px auto;
		padding-top:30px;
		width:100%;
	}

#third_row
	{
		clear:both;
		float:left;
		margin: 0px auto;
		padding-top:30px;
		width:100%;
	}
	
.thumbnail
	{
		float:left;
		width: 100px;
	}
	
.thumbnail_small
	{
		float:left;
		width: 45px;
	}	

.pdf_icon
	{
		float:left;
		width:70%;
		vertical-align:middle;
		padding-top:10px;
	}
	
.text
	{
		float:left;	
		width: 80%;
		text-align:left;
	}

a.right_btn:link, a.right_btn:visited
	{
		background-image:url(../images/arow1.gif);
		background-repeat:no-repeat;
		background-position:left;
		width: 200px;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
		padding: 0px 0px 0px 20px;
		margin:15px 0 15px 0;
	}

a.right_btn:hover, a.right_btn:active
	{
		background-image:url(../images/arow2.gif);
		background-repeat:no-repeat;
		text-decoration: none;
	}
	
a.external_link:link, a.external_link:visited
	{
	background-image:url(../images/arow1.gif);
	background-repeat:no-repeat;
	background-position:left;
	width: 200px;
	font-size: 14px;
	color: #044369;
	text-decoration: none;
	cursor: pointer;
	padding: 0px 0px 0px 20px;
	margin:15px 0 15px 0;
	}

a.external_link:hover, external_link:active
	{
		background-image:url(../images/arow2.gif);
		background-repeat:no-repeat;
		text-decoration: none;
	}	
	
	
a.partner_name
	{
		color: #044369;
	    text-decoration: none;
	}	
	
	
h1 {
	font-size: 1.5em;
}

h2 {
	margin: 10px 0;
	font-size: 1.5em;
}

h3, h4 {
	margin: 10px 0;
	font-size: 1.0em;
}

h5 {
	margin: 10px 0;
}

.content
	{
	margin: 0px auto;
	padding: 0px;
	text-align:left;
	vertical-align:top;
	padding-top:20px;
	line-height:18px;
	padding-right:30px;
	height:510px;
	}
	
.formfield
	{
		margin: 0px auto;
		padding-top:20px;
		vertical-align:top;
	}
	
.formfield2
	{
		float:left;
		margin: 0px auto;
		padding-top:20px;
		vertical-align:top;
	}

.form
	{
		margin: 0px auto;
		padding: 0px;
		vertical-align:top;
		float:right;
		padding-right:100px;
		padding-top:70px;
	}
	
.input
	{

		background:#DEEAF0;
		border: 1px solid #6189A3;
		margin: 0px auto;
		padding: 0px;
		
	}
	
#first_column
	{
		float:left;
		margin: 0px auto;
		padding: 0px;
		width:47%;
		vertical-align:top;
	}
	
#second_column
	{
		float:right;
		margin: 0px auto;
		padding: 0px;
		width:47%;
		vertical-align:top;
	}
	
#paginaton
	{
        display:inline
		border-left: 2px solid #044369;
		margin: 0px auto;
		padding: 0 .35em 0 .5em;
		text-align:left;
	}
	
a.std_link_btn:link, a.std_link:visited
	{
		width: 110px;
		font-size: 10px;
		color:#044369;
		text-decoration: none;
		cursor: pointer;
		padding: 0px 0px 0px 20px;
		margin:15px 0 15px 0;
	}

a.std_link_btnn:hover, std_link_btn:active
	{
		text-decoration: none;
	}	
	
#standard_links
	{
		height: 15px;
		width: 500px;
		color:#044369;
		margin-top: 110px;
		float:left;
		margin-left:55px;
		text-align:left;
		padding-top:10px;
		padding-bottom:30px;
	}
	

	
#kontakt_container
	{
		float:right;
		margin: 0px auto;
		padding: 0px;
		height: 600px
		width:60%;
		vertical-align:top;
	}	
	
.kontaktformular  {
	width:  600px;
	padding: 0px;
	font-size: 10px;
	font-family: MetaSans, Arial, sans-serif;
	border: none;
	float: right;
	clear: both;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 30px;
     }

.kontaktformular fieldset {margin: 6px 0;}
.kontaktformular a {color: #990000; text-decoration: none;}
.kontaktformular a:hover {color: #CCC;}
  
.kontaktformular legend {
	 background: #044369;
	 color: #fff;
	 padding: 3px 5px;
	 border: 1px solid #ddd;
	 text-transform: uppercase;
	 }
	  
.kontaktformular label {
     font-size: 11px;
     width: 80px;
	 float: left;
     clear: both;
     padding: 3px 10px;
     margin: 3px 0;
     }
          
.kontaktformular input, .kontaktformular textarea {
     border-right: 1px solid #ddd; 
     border-bottom: 1px solid #ddd;
     border-left: 1px solid #666666; 
     border-top: 1px solid #666666;
     background:#DEEAF0;
     padding: 6px 3px;
     margin: 3px 0;
	 width: 470px;
}

.kontaktformular input:active, .kontaktformular input:focus, .kontaktformular input:hover {
	background-color: #FFF;
}
.kontaktformular textarea:active, .kontaktformular textarea:focus, .kontaktformular textarea:hover {
	background-color: #FFF;
}

.kontaktdaten table, .anfrage table, .captcha table { border-spacing:0px; width:450px; border:0px solid;}
.label { width:100px; padding:0px;}
.field { width:250px; padding:0px;}
.error { width:200px; padding:0px 0px 0px 5px;}
.captchareload { padding-left:10px;}
input.errordesignfields, textarea.errordesignfields { background-color:#cc3333;}

.buttons {
	text-align: left;
}
.buttons input { width:90px;}
.buttons input, .captchareload img { background: #555555; color: #fff; border-top:2px solid #fff; border-left:2px solid #fff; border-bottom:2px solid #666666; border-right:2px solid #666666;}
.buttons input:hover, .captchareload img:hover { background: #555555; color: #fff; border-top:2px solid #ddd; border-left:2px solid #ddd; border-bottom:2px solid #fff; border-right:2px solid #fff;}

#pad {height:140px;}

#dropline {padding:1px 0 0 0px; margin:0 0 0 0; list-style:none; width:800px; height:40px; background:#FFF; position:relative;}
#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {display:block; height:40px; line-height:40px; padding:0 0 0 20px; float:left; color:#044369; outline:none; text-decoration:none; font-family:MetaSans, Arial, sans-serif; font-size:17px; font-weight:bold; }
#dropline li a b {display:block; height:44px; float:left; padding:0 0 0 25px; }
#dropline li a:hover {background:#FFF; line-height:40; height:40; outline:none; color:#FF9900; }
#dropline li a:hover b {background:#FFF line-height:40px; outline:none; }

#dropline li:hover > a {background:#FFF; line-height:40; height:40 }
#dropline li:hover > a b {background:#FFF; line-height:40px }



#dropline ul {padding:0 0 0 0px; margin:0 0 0 0; list-style:none; position:absolute; height:25px; width:800px; background:#FFF; left:-9999px; top:44px; z-index:10; }
#dropline ul li {height:25px; line-height:25px; }
#dropline ul.right li {float:right;}
#dropline ul li a {color:#666; padding:0 10px 0 10px; height:20px; line-height:20px; border-right:1px solid #666; font-weight:bold; font-size:13px;}
#dropline ul li a:hover {height:30px; line-height:20px; background:#FFF; color:#FF9900;}
#dropline ul.right li a {border-left:1px solid #FF9900; border-right:0;}
#dropline ul li a.last {border:0;}

#dropline :hover ul {left:0;}
#dropline :focus ul {left:0;;}