/* CSS Document */
/*
Coding: Bert Riecken 
http://www.tonbildtext.de/
*/

/* Styles importieren */
@import url(ofw_cols_blau.css);
@import url(ofw_karten.css);
@import url(ofw_mailform.css);

/***********************************************/
/* Site styles                         
/***********************************************/ 

body{
	font-family: Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/nysted_bg_offshore_04.jpg);  /* dunkles: _06 */ 
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #85A0BB;	/* Dunkelblau: #003366 : Hellerblau #85A0BB */
	color: #FFFFFF;
	text-align: center; /* only IE */
	
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
        text-align:left;
	vertical-align:top;
}

/***********************************************/
/* color styles                         
/***********************************************/ 
.col_google {
	background-color: #426592;
	border: #333367 solid 1px;
}
.col_info {	
	color: #E9E9E9;

}
.col_hint {
	color: #F0ADAD;
}

.col_hint_large {
	color: #E9E9E9;
}
.col_hint_small {

	color: #3E6290;
}
.col_right_object {
	background-color: #F8FCFF;
}
.col_search_text {
	background-color: #426592;
}
/***********************************************/
/* Site styles                         
/***********************************************/ 
div.bodybox {
	height: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position:relative;  /* puts container in front */
}
div#bodytop {
	margin-left: auto;
	margin-right: auto;
	font-size: 0px;
	width:980px;
}
div#bodybottom {
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 980px;
}
.box_border {
	clear: left;
	height: 2px;
	font-size: 0em;  /* Explorer macht sonst height des DIV auf Fontsize */	
	background-position: top;
	background-repeat: no-repeat;
}
div#footerborder {
	width: 100%;
	background-color: #3E6290;
	position: relative;
	float: left;
	clear: left;
	border-top: #FFFFFF solid 1px;
	vertical-align: bottom;
}
.footersmaller {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	margin-left: 10px;
}

/***********************************************/
/* Header styles                         
/***********************************************/ 

div#masthead{

	margin-top: 2px;

	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;

	padding-bottom: 1px;
	height: 120px;
	width: 980px;
}
#masthead .border_masthead {

	position: relative;
	float: left;
	width: 2px;
	height: 122px;
	font-size: 0em;  /* Explorer macht sonst height des DIV auf Fontsize */	
	background-position: left;
	background-repeat: no-repeat;
}



#masthead .head_left {
	background-image: url(../img/border_titel_l.gif);
}
#masthead .head_right {
	background-image: url(../img/border_titel_r.gif);
}
.headtext {
	position: relative;

	top: 76px;
	left: 130px;
	z-index: 50;
	/*background-color:#F8FCFF;*/
	width: 227px;
}
#siteName{
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8em;
	color: #003366;
	text-decoration:none;
	white-space:nowrap;
	padding: 0;
	margin: 0;
	z-index: 51;
}
#masthead_left {
	position: relative;
	float: left;
	height: 120px;
	width: 226px;
	border-top: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
	background-image: url(../img/logo_120h_w.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
	z-index: 1;
}
#masthead_right{
	margin: 0;
	padding: 0;
	float: left;
	height: 120px;
	width: 749px;
	border-top: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
	z-index: 2;
}
#mainpic {
	height: 120px;
	width: 749px;
}
div.balken {
	background-color:#A52A2A;
	margin-left: 10px;
	padding-bottom: 0;
	padding-top: 0;
	height: 4px;
	font-size: 4px;
	/*width: 100%;*/
	width:990px;

}

/***********************************************/
/* Menu styles                         
/***********************************************/ 

div#leftbox {
	float: left;
	clear: left;
	width: 200px;
	margin: 0;
	text-align: left;
}
#menubox_left{
	position: relative;
	margin-bottom:16px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	clear: left;
	/* border: #333367 solid 1px; */
	/* background-color: #A52A2A; */
}
.menubox_title {
	clear: left;
	margin: 0;
	padding: 0.3em 0px 0.4em 0.5em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	border-bottom: #333367 solid 1px;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	color: #E9E9E9;
	background-color: #426592;
	background-image: url(../img/bg_menuehead_blue_1.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
/* beide Seiten abgerundet */
div#menubox_left .border_o {
	background-image: url(../img/col_blue/border_left_o.gif);
}
div#menubox_left .border_u {	
	background-image: url(../img/col_blue/border_left_u.gif);
	font-size: 0em;
}	
div#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	clear: left;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	padding-bottom:0px;
	background-color: #426592;
	width: 198px;
}
div#nav ul {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #314F75;
}
div#nav ul ul {
	margin: 0px 0px 0.5em 0.5em;
	background-color: #314F75;
}
div#nav ul li {
	list-style: none;
	border-bottom: #314F75 solid 1px;
}
div#nav ul ul li {
	list-style: none;
	border-bottom: #314F75 solid 1px;
}
div#nav li a {
	display: block;
	background-color: #3E6290;
	background-image: url(../img/bg_menuebutt_blue_1.gif);
	background-repeat: repeat-x;
	background-position:left top;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0px 5px 1.0em;
	margin: 0px 0px 0px 0px;
}
div#nav li a:link {
	background-color: #3E6290;
}
div#nav li a:visited {
	background-color: #3E6290;
}
div#nav li a:hover {
	background-color: #7C9DE1;
	background-image: url(../img/bg_menuebutt_blue_2.gif);
}
div#nav li a.active {
	background-color: #314F75;
	background-image: url(../img/bg_menuebutt_blue_3.gif);
}
div#nav li a:active {
	background-color: #314F75;
	background-image: url(../img/bg_menuebutt_blue_3.gif);
}
div#nav li a.active:hover {
	background-color: #7C9DE1;
	background-image: url(../img/bg_menuebutt_blue_2.gif);
}
#nav ul ul a {
	display: block;
	background-repeat: repeat-x;
	background-position:left top;
}

/***********************************************/
/* Searchbox styles                         
/***********************************************/ 

div#searchbox {
	position: relative;
	margin-bottom: 16px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	width: 200px;
	clear: left;
}
/* beide Seiten abgerundet */
div#searchbox .border_o {
	background-image: url(../img/col_blue/border_left_o.gif);
}
/* zum Content nicht abgerundet */
div#searchbox .border_o_1 {
	background-image: url(../img/col_blue/border_left_o_1.gif);
}
div#searchbox .border_u {	
	background-image: url(../img/col_blue/border_left_u.gif);
}
.leftbox {
	clear: left;
	position: relative;

	margin: 0;
	white-space: normal;
	padding: 0px 0px 0px 0px;
	margin-bottom: 16px;
	width: 200px;
}
/* beide Seiten abgerundet */
div.leftbox .border_o {
	background-image: url(../img/col_blue/border_left_o.gif);
}
/* zum Content nicht abgerundet */
div.leftbox .border_o_1 {
	background-image: url(../img/col_blue/border_left_o_1.gif);
}
div.leftbox .border_u {	
	background-image: url(../img/col_blue/border_left_u.gif);
}
.left_header {
	position: relative;
	clear: left;
	font-size: 0.7em;
	font-weight: bold;
	padding: 3px 6px 3px 6px;


	border-bottom: #333367 solid 1px; 
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	background-color: #A52A2A;
	color: #E9E9E9;

	background-image: url(../img/bg_menuehead_blue_1.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.left_text {
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	background-color: #CDE2F6;
	padding: 4px 10px 4px 10px;
	white-space: normal;
	border-left: #333367 solid 1px;

	border-right: #333367 solid 1px;
}	
.searchform {
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	width: auto;
	background-color: #426592;
}
.searchform form{
	padding: 2px 0em 2px 0.5em;
	margin:0px;
	background-color: #426592;
}
.searchformselect {
	width : 180px;
	color : #0C3F1F;
	font-weight : normal;
	font-size : 0.6em;
	margin: 0px;
	padding:0px;
}
.dropdownmenu {
	width : 180px;
	color : #0C3F1F;
	font-weight : normal;
	font-size : 0.6em;
	margin: 0px;
	padding:0px;
}
.searchforminput {
	width : 130px;
	color : #0C3F1F;
	background-color : #FFFFFF;
	font-weight : normal;
	font-size : 0.8em;
	margin: 0px;
	padding: 0px;
}
.searchformbutton {
	color : #7C9DE1;
	border : 0 none;
	font-size : 93%;
	margin: 0px;
	padding: 0px;
}
.searchformbutton:hover {
	color: #FFFFFF;
	cursor: pointer;

}

/***********************************************/
/* Link styles                         
/***********************************************/ 

a {	
	color: #426993;
	text-decoration: none;
}
a:link {
	color: #006699;
	text-decoration: none;
}
a:visited{
	color: #006699;
	text-decoration: none;
}
a:hover{
	color: #006699;
	text-decoration: underline;
}
a.strong {
	font-weight: bold;
}
a.mail {
	background-image:url(../img/mail.gif);
        background-repeat:no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 24px;
}
a.external-link {
	background-image:url(../img/external_link.gif);
        background-repeat:no-repeat;
	background-position: left 4px;
	padding: 0px 0px 0px 24px;
}
a.external-link-new-window {
	background-image:url(../img/external_link_new_window.gif);
        background-repeat:no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 24px;
}
.more_txt {
	padding: 0px 1.5em 0px 0px;
	margin-top: 1.5em;
	background-image:url(../img/dblarrowtransp.gif);
	background-repeat:no-repeat;
	background-position: right 3px;
}
.download {
	background-image:url(../img/download.gif);
	background-repeat:no-repeat;
	background-position: left 2px;
	padding: 0px 0px 0px 18px;
}
img {
	border: none;
}

img.more_arrow { 
	top:2px; 
	margin-top: 3px;
}
.acronym {
	cursor: help;
	border-bottom: 1px dotted #000000;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #000000;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #000000;
}
ul.arrow {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
ul li.arrow {
	list-style-image: url(../img/list.gif);
        margin-top: 0.2em;
	margin-bottom: 0.4em;
}
.innercontent ul {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
.innercontent li {
	list-style-image: url(../img/list.gif);
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
/***********************************************/
/* HTML tag styles                         
/***********************************************/ 

h1{
	color: #003366;

	border: none;
	margin-bottom: 0.5em;
	font-size: 1.2em;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #003366;
	margin-top: 10px;
	margin-bottom: 0.6em;
}

h3{
	 font-family: Arial, Helvetica, sans-serif;
	 color: #666666;

	 margin-top: 0.4em;
	 margin-bottom: 0.4em;
	 font-size: 1.0em;

	 font-weight: bold;
}

h4{
	 font-family: Arial, Helvetica, sans-serif;

	 font-size: 1em;
	 font-weight: bold;
	 color: #666666;
	 margin-top: 0.4em;
	 margin-bottom: 0.4em;
	 padding: 0px;
}

h5{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
p {
	margin-top: 0.2em;
	margin-bottom: 0.6em;
}
.hint {
	font-size: 0.8em;
	padding-left: 0.4em;
}
span.display_none {
	display: none;
}
.unvisible {
	visibility: hidden; 
}

/***********************************************/
/* Content - Design styles                             
/***********************************************/ 

div.content_3box {

	margin: 0 0 0 16px;
	padding: 0;
	position: relative;
	float: left;
	width: 558px;
	text-align: left;
}
div.content_2box {
	margin: 0 0 0 16px;
	padding: 0;
	position: relative;

	float: left;
	width: 762px;

	text-align: left;
}
.content{
	position: relative;
	clear: left;
	float: left;
	color: #000000;
	height:auto;
	width: 100%;
	margin-bottom: 20px;
}
.innercontent {
	float: left;
	clear: left;
	color: #000000;
	height:auto;
	background-color: #FFFFFF;
	/*background-image: url(../img/bg_verlauf_blue.gif);
	background-repeat: repeat-y;
	background-position: right;*/
	border-top: none;
	border-right: #333367 solid 1px;
	border-left: #333367 solid 1px;
}
div.content_3box .innercontent {
	width: 556px;
	overflow: hidden;
}
div.content_2box .innercontent {
	width: 760px;
	overflow: hidden;
}
/* beide Seiten abgerundet */
div.content_3box .content .border_o {

	background-image: url(../img/col_blue/border_mid_o_3.gif);
	background-position: 0px;
	background-repeat: no-repeat;
}
/* beide Seiten abgerundet */
div.content_2box .content .border_o {
	background-image: url(../img/col_blue/border_mid_o_2.gif);
	background-position: 0px;
	background-repeat: no-repeat;
}
/* beide Seiten abgerundet */
div.content_2box .content .border_small {
	background-image: url(../img/col_blue/border_mid_o_small.gif);
	background-position: 0px;
	background-repeat: no-repeat;
}
/* beide Seiten abgerundet */
div.content_3box .content .border_u {
	background-image: url(../img/col_blue/border_mid_u_3.gif);
	background-position: 0px;
	background-repeat: no-repeat;
}

/* beide Seiten abgerundet */
div.content_2box .content .border_u {
	background-image: url(../img/col_blue/border_mid_u_2.gif);
	background-position: 0px;
	background-repeat: no-repeat;
}
div.content_info {
	margin: 0;
	clear: left;
	padding: 3px 0px 3px 0px;
	height: 16px;
	font-weight: bold;
	background-image: url(../img/bg_menuehead_blue_1.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
div.info_full {
	width: 100%;
}
div.info_large {
	width: 300px;
}
div.info_small {
	width: 140px;
	background-image: url(../img/bg_menuehead_blue_small.gif);


	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.content_head {
	padding: 3px 0px 3px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
.content_hint {
	position: relative;
	float: right;
	clear: left;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0;
	padding: 3px 10px 4px 0px;
}
.content_title {

	padding: 5px 0 0 10px;
	float: left;
	clear: left;
}
.content_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	padding: 0px 10px 16px 10px;
	clear: left;
}
.content_text .text {
	position: relative;
	clear: left;
	float: left;
	width: 100%;
	color: #000000;
	background-image: url(../img/bg_verlauf_blue.gif);
	background-repeat: repeat-y;
	background-position: right;
	text-align:left;
}
.content_text .text p {
	padding: 6px 6px 0px 10px;
}
.content_text .text h3 {
	padding: 6px 6px 0px 10px;
}
.content_text .text h4 {
	padding: 6px 6px 0px 10px;
}
.content_text .text ul {
	padding-top: 6px;
}
.content_text .titlebox {
	clear: left;
	float: left;
	width: 100%;
	background-image: url(../img/bg_verlauf_blue_lr.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.content_text .title {
	clear: left;
	float: left;
	margin-left: 10px;
	padding-right: 10px;
}
.content_text .text_nobg {
	position: relative;
	clear: left;
	float: left;
	width: 100%;
	color: #000000;
	text-align:justify;
}
.content_text .titlebox_nobg {
	clear: left;
	float: left;
	width: 100%;
}
.content_text .title_nobg {
	clear: left;
	float: left;
	margin-left: 10px;
	padding-right: 10px;
}

div.content_text table {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}
div.content_text table th {
	font-size: 12px;
	font-weight: bold;
}
div.content_text table td {
	padding: 0 0 0 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
}
div.content_text table td img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.content_text table td.center {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
div.content_text table td.bold {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.totop {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	clear: left;
	float: right;
	padding:0 16px 0 0px;
	margin: 1em 0 1em 0px;
	background-image:url(../img/arrow_up_b.gif);
	background-repeat:no-repeat;
	background-position: right 1px;

}
.totop a {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
}

/***********************************************/
/* Rigth boxes - Design styles                             
/***********************************************/ 

#right {
	font-family: Verdana,Arial,sans-serif;
	position: relative;
	float: left;
	margin: 0 0 0 16px;
	padding: 0;
	position: relative;
	width: 188px;
	text-align: left;
}
.rightbox {
	position: relative;
	margin: 0;
	white-space: normal;
	padding: 0px 0px 0px 0px;



	margin-bottom: 16px;
	width: 188px;
}
/* beide Seiten abgerundet */
div.rightbox .border_o {
	background-image: url(../img/col_blue/border_right_o.gif);
}
/* zum Content nicht abgerundet */
div.rightbox .border_o_1 {
	background-image: url(../img/col_blue/border_right_o_1.gif);
}
div.rightbox .border_u {	
	background-image: url(../img/col_blue/border_right_u.gif);
}
.right_header {
	position: relative;
	clear: left;
	font-size: 0.7em;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	border-bottom: #333367 solid 1px; 
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	background-color: #A52A2A;
	color: #E9E9E9;
	background-image: url(../img/bg_menuehead_blue_1.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.right_text {
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;

	color: #333333;
	background-color: #CDE2F6;

	padding: 4px 10px 4px 10px;
	white-space: normal;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
}
.embedded {
	margin: 0;
	padding: 0;
	border: none;
	/* ??? kann das hier weg ???
	padding: 4px 10px 4px 10px;
	white-space: normal;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;  
	*/
}
.googleimg {
	margin: 0px 0px -4px 0px;
	padding: 0;
}
.right_object {
	position: relative;
	clear: left;
	color: #FFFFFF;
	text-align: center;
	padding: 0px 0px 0px 0px;
	white-space: normal;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
	
}

/***********************************************/
/* Projekte - Design styles                             
/***********************************************/ 

div.content_text .traeger {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	background-image: url(../img/bg_verlauf_blue.gif);
	background-repeat: repeat-y;
	background-position: right;
}
div.content_text .logo {
        clear: left;
        position: relative;
	float: left;
	width: 300px;


	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: center;
}
div.content_text .logo_left {
        clear: left;
	float: left;
	width: 240px;
	margin-top: 20px;

	margin-bottom: 20px;
	margin-right: 14px;
	margin-left: 4px;
	text-align: center;
}
div.content_text .traeger_adr {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.content_text .traeger_name {
	font-weight: bold;
	white-space: normal;
	margin-bottom: 10px;

}
div.content_text .standort_map {
	clear: left;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 10px;
}
div.content_text .standort_map_r {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 20px;
	position: relative;
	clear: left;
	float: right;
}
div.content_text .standort_sidetext {

	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
div.content_text .standort_text {
	clear: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.content_text .standort_text_left {
	position: relative;
	clear: left;
	width: 400px;
	margin-left: 10px;
}
div.content_text .foot {
	clear: left;
	padding-top: 10px;
	background-color: #FFFFFF;
}

div.person {
	clear: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
.person .pfoto {
        float: left;
	width: 120px;
	height: auto;
	margin-top: 0.4em;
	margin-right: 20px;
	overflow: hidden;
}
.person .pfoto img {
	border: #333333 solid 1px;
}
.person .pdata {
        float: left;
        overflow: hidden;
        width: 400px;
}
.person .pdata .ptext {
        float: left;

	margin-top: 0.6em;
	width: 400px;
        overflow: hidden;
}
.person .pdata .ptitel {
        float: left;
	margin-top: 0.6em;
	font-weight: bold;
	font-size: 9pt;
	font-style: italic;
	color: #666666;
}