/* min width hack
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
*/

/* html styles */
HTML, BODY { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; }
 input, select, textarea { font-size: 14px; padding: 2px; font-family: arial, sans-serif; }
BODY.popup {
	width: 500px;
	min-width: 500px;
}
P, FORM, UL {
	margin: 0;
}
A, A:hover, A:visited, A:link, A:active {
	color: #06b5f1;
	text-decoration: none;
}
IMG {
	border: 0;
}
b.h1 {
	font-weight: bold; font-size: 12px; line-height: 20px; color: black; margin: 0 0 0 0; 
}

TH  { font-weight: normal; }
/*text-shadow: 0px 1px 1px white;*/
/* special styles */
#page {
    width: 100%;
    min-width: 1002px;
    max-width: 1300px;
}
#header {
	height: 130px;
	background: white;
}
#header_header {
	height: 22px;
	background: url('../img/back_header.png');
	background-repeat: repeat-x;
}
#content:after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
#content {
	display: inline-block;
}	
#footer {
	/* padding wird von der height weggerechnet */
	clear: both;
	/*height: 365px;*/
	background: url('../img/back_footer.png');
	background-color: black;
	color: white;
	/*padding: 0 5px 0 15px;*/
	margin-top: 90px;
}
#footer-header {
	height: 35px;
	background-color: black;
}
#footer-footer {
	height: 10px;
	clear: both;
}
#footer span.mailme a 		{ color: white; }
/* class styles */
.text-normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
.block {
	/*border: 1px solid grey;
	padding: 0 5px 0 4px;*/
	padding: 0 6px 0 5px;
}
.float {
	float: left;
}
.one_col, .two_col, .three_col, .four_col, .five_col, .six_col {
}
.one_col {
	width: 167px;
}
.two_col {
	width: 334px;
}
.three_col {
	width: 501px;
}
.four_col {
	width: 639px;
}
.five_col {
	width: 835px;
}
.six_col {
	width: 1002px;
}
.three_col_text, .three_col_head {
	font-size: 17px;
	display: inline;
}
.three_col_text {
	font-family: Georgia,Serif;
	line-height: 27px;
}
.text_teaser {
	padding-bottom: 79px;
}
.three_col_head {
	/*font-weight: bold;*/
	font-size: 20px;
	line-height: 26px;
    font-family: Arial,Helvetica,sans-serif;
}

.menu_big {
	font-size: 18px;
	/*font-weight: bold;*/
	list-style-type: none;
	line-height: 26px;
	padding: 31px 0 0 13px;
	margin: 0;
	color: #00aee9;
    font-weight: bold;
}

.menu_big a:hover {
	color: black;
}

.newsletter {
	padding: 89px 0 0 13px;
}
.newsletter input.text{
	margin: 4px 0 4px 0;
	padding: 2px 2px 2px 4px;
	font-size: 12px;
	border: 1px solid #1ABDF6;
	width: 127px;
}
.newsletter input.submit{
	margin: 0;
	padding: 0 6px;
	font-size: 12px;
	color: white;
	background-color: #1ABDF6;
	border: 0;
}
.two_col_head {
	font-size: 18px;
	/*font-weight: bold;*/
	line-height: 26px;
	margin-bottom: 4px;
    font-weight: bold;
}
.two_col_text_sans, .two_col_text_serif {
	font-size: 12px;
	line-height: 15px;
}
.two_col_text_sans {
	font-size: 12px;
	/*font-weight: bold;*/
    font-weight: bold;
	line-height: 15px;
    margin-bottom: 2px;
}
.two_col_text_serif {
	font-family: Georgia, Serif;
	line-height: 18px;
}
.one_col_head {
	font-size: 16px;
	/*font-weight: bold;*/
	margin-bottom: 1px;
    font-weight: bold;
    line-height: 20px;
}
.one_col_head_event {
	/*font-weight: bold;*/
	margin-bottom: 1px;
}
.one_col_text {
	line-height: 15px;
	margin-bottom: 32px;
}
/*.one_col_text img {
	 margin-top: 3px;
}*/
.hr_1px, .hr_2px, .hr_3px, .hr_3px_feature, .hr_4px, .hr_5px_gray_feature, .hr_6px, .hr_6px_gray {
	margin: 1px 0 9px 0;
	width: 100%;
	height: 1px;
	background-color: black;
	line-height: 0;
	font-size: 0;
}
.hr_2px {
	height: 2px;
}
.hr_3px {
	height: 3px;
}
.hr_3px_feature {
	height: 3px;
	margin: 15px 0 4px 0;
}
.hr_4px {
	height: 4px;
}
.hr_5px_gray_feature {
	height: 5px;
	background-color: #828282;
}
.hr_6px {
	height: 6px;
	margin: 2px 0 6px 0;
}
.hr_6px_gray {
	height: 6px;
	background-color: #9f9f9f;
}

.two_col_text_serif_bottom {
	margin-bottom: 64px;
}
.one_col_text_bottom {
}

.one_col_footer {
	font-size: 12px;
}
.one_col_footer_links, .one_col_header_links {
	font-size: 12px;
	/*font-weight: bold;*/
	line-height: 19px;
	text-decoration: underline;
	color: white;
}
.one_col_header_links {
	font-size: 12px;
	line-height: 18px;
}
.header_links_active {
	text-decoration: none;
}
.one_col_header_search {
	background: url('../img/back_header.png');
	margin-top: 22px;
}
.search {
	padding: 2px 0 0 6px;
	font-size: 12px;
	/*font-weight: bold;*/
}
.objsearch input.text, .search input.text, .extsearch input.text, .extsearch input.keyword {
	padding: 2px 4px 2px 22px;
	font-size: 12px;
	width: 240px;
	border: none;
	background: url('../img/search.png');
	background-repeat: no-repeat;
}
.objsearch input.text {
	margin-top: 2px;
	height: 13px; 
	line-height: 13px;
}
.objsearch select {
	margin: 0px 0px -5px 0px;
	font-size: 12px;
	width: 266px;
}
.search input.text {
	width: 127px;
	margin: 6px 0 6px 0;
}
.extsearch input.text {
	width: 200px;
}
.extsearch input.keyword {
	width: 400px;
	font-size: 22px;
	padding: 2px 4px 2px 35px;
	background: url('../img/search_keyword.png');
}
.objsearch input.text:focus, .search input.text:focus{
	/*background: #ffffff;*/
	/*padding-left: 2px;*/
	/*width: 280px;*/
}
.search input.text:focus{
	/*width: 147px;*/
}

/* color styles */
.black {
	color: black;
}
.grey {
	color: #9f9f9f;
}
.light_grey {
	color: #dddddd;
}
.plain_grey {
	color: #999999;
}
.dark_grey {
	color: #828282;
}
.dark_grey_font {
	color: #737373;
}
.blue {
	color: #1ABDF6;
}
.blue_big_font {
	color: #00aee9;
}
.blue_small_font {
	color: #06b5f1;
}

.tools {
	margin: 0;
	padding: 0;
}
.tools li {
	display: inline;
}
.tooltip {
	visibility: hidden;
	display: none;
	right: 0;
	top: -32px;
	white-space: nowrap;
	position: absolute;
	font-size: 12px;
	/*font-weight: bold;*/
}

a.red_link { font-size: 13px; line-height: 20px; text-decoration: underline; font-family: Georgia, serif; color: red; }


.toolimg {
	height: 18px;
	margin-left: 8px;
	float: left;
}
#map_canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#map_canvas{background-color:#fff !important}

#map, #map_footer {
	 background: transparent url('../img/toolbox-map-over.gif') no-repeat scroll top left;
	 width: 11px;
}
#eml, #eml_footer {
	 background: transparent url('../img/toolbox-eml-over.gif') no-repeat scroll top left;
	 width: 22px;
}
#selector , #selector_footer{
	 background: transparent url('../img/toolbox-add-over.gif') no-repeat scroll top left;
	 width: 11px;
}
#set, #set_footer {
	 background: transparent url('../img/toolbox-set-over.gif') no-repeat scroll top left;
	 width: 11px;
}
#doc, #doc_footer {
	 background: transparent url('../img/toolbox-doc-over.gif') no-repeat scroll top left;
	 width: 7px;
}
#pdf, #pdf_footer {
	 background: transparent url('../img/toolbox-pdf-over.gif') no-repeat scroll top left;
	 width: 18px;
}
#map:hover, #eml:hover, #selector:hover, #set:hover, #doc:hover, #pdf:hover, #map_footer:hover, #selector_footer:hover, #set_footer:hover, #doc_footer:hover, #pdf_footer:hover {
	background-position: bottom left;
}


#submenue {
  padding:0; 
  margin: 0;
  list-style-type:none;
  white-space:nowrap;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
  }
#submenue li {
  float:left;
  margin-right: 3px;
  padding-bottom: 10px;
  }
#submenue a {
  position:relative;
  display:block; 
  float:left; 
  }
* html #submenue a {
  width:100px;
  }
#submenue a span {
  display:block; 
  color: white; 
  background:#1ABDF6; 
  text-align:center; 
  padding: 0px 6px 1px 6px;
  }
* html #submenue a span {
  width:100px; 
  w\idth:66px;
  }
#submenue a em {
  display:none;
  }
#submenue a:hover {
  background:white;
  }
#submenue a:hover span, #submenue li#selected a span {
  color:white; 
  background: black;
  }

#submenue em, #submenue li#selected a em {
    display:block; 
    overflow:hidden; 
    border:6px solid black; 
    border-color:black white; 
    border-width:6px 6px 0 6px; 
    position:absolute; 
    left:50%; 
    margin-left:-6px;
}

.arrow {
	font-size: 10px;
	line-height: 10px;
}


/* old styles */

.form_popup {
	text-decoration: underline;
}
.form_error, .abgesagt {
	color: red;
}
a .abgesagt {
	text-decoration: none;
}
.form_varchar, .form-varchar {
	width: 358px;
}
.medium_form_varchar, .medium_form-varchar {
	width: 300px;
}
.small_form_varchar, .small_form-varchar {
	width: 152px;
}
.form_select, .form-select {
	max-width: 300px;
}
.form_shorttext, .form-shorttext, form_longtext, .form-longtext { width: 519px; border: 1px solid grey; }
.form_submit, .form-submit, .button {
	height: 23px;
	width: 115px;
	margin-top: 25px;
	line-height: 14px;
	padding-bottom: 3px;
}
.preview .button {
	margin-top: 60px;
}

#form-anfrage input.button		{ background-color: #1ABDF6; border-color: #1ABDF6; color: white; width: 150px; }
#form-anfrage input.button:hover    { background-color: black; border-color: black; }
#form-anfrage .form-buttons		{ margin-left: 123px; }
#form-anfrage.popup .form-buttons	{ margin-left: 143px; }
#form-anfrage.popup .row		{ padding-left: 0px; }

/* suche_ng */
.form-back						{ border: 1px solid grey; padding: 13px; width: 579px; }
.popup .form-back				{ width: 469px; }
.popup .form-longtext			{ width: 409px; }

#form-anfrage .row				{ margin: 6px 0; padding-left: 27px; }
#form-anfrage .row .row			{ padding-left: 0px; }
#form-anfrage .row li			{ vertical-align: top; list-style-type: none; }
#form-anfrage.popup .row		{ _padding-left: 0px; }

#form-anfrage .first.row 		{ margin: 0px; }
#form-anfrage .second.row 		{ margin-top: 19px; }


#form-anfrage #form_keyword		{ font-size: 20px; line-height: 32px; height: 32px; background: white; padding: 0 30px 0 5px; width: 437px; border: 1px solid grey; }
#form-anfrage #form_submit		{ font-size: 20px; line-height: 28px; height: 32px; background: #1ABDF6; border: none; margin-left: 19px; width: 138px; margin-top: 1px; color: white; padding-bottom: 4px; }

#form-anfrage .label			{ line-height: 18px; font-weight: bold; }
#form-anfrage .hint			{ line-height: 18px; font-weight: normal; color: #06b5f1; }
#form-anfrage .red			{ line-height: 18px; font-weight: normal; color: red; }
#form-anfrage .element			{ border: 1px solid #EFEFEF; padding: 1px; background-color: lightgrey; }
#form-anfrage .element.spacer	{ background-color: #EFEFEF; width: 5px; }
#form-anfrage .element select	{  }
/*#form-anfrage input				{ width: 211px; border: 1px solid grey;font-size: 10px; }*/
#form-anfrage select,
#form-anfrage input				{ width: 298px; border: 1px solid grey; }

#form-anfrage select.key		{ width: 38px; }
#form-anfrage select.key + select.id 		{ width: 207px; }
#form-anfrage #form_from		{ width: 96px; padding: 2px; }
#form-anfrage #form_till		{ width: 96px; padding: 2px; }
#form-anfrage .row .el_clear	{ display: none; border: 1px solid #EFEFEF; padding: 3px; border-left: 0px; }
#form-anfrage .row .el_clear a	{ color: red; }

#form-anfrage .active .element	{ border: 1px solid red; }
/*#form-anfrage .active .el_clear	{ border: 2px solid lightblue; display: inline-block; *display: inline; zoom: 1; background-color: lightblue; }*/
#form-anfrage .active .el_clear	{ border: 1px solid #EFEFEF; display: inline-block; *display: inline; zoom: 1; }
#form-anfrage .active .element.spacer	{ border: 1px solid #efefef; }

#form-anfrage .checkbox.form-select,
#form-anfrage .radio.form-radio			{ width: 20px; }

#form-anfrage .form-select				{ max-width: 304px; width: 304px; }

#form-anfrage .form-100					{ width: 22px; }
#form-anfrage .form-200					{ width: 33px; }
#form-anfrage .form-binary				{ border-color: white; padding: 0; }

#form-anfrage .form-value				{ width: 525px; }


#toggleButton		{ background: #EFEFEF; border: none; font-size: 10px; padding: 2px 10px 5px 10px; color: grey; }
#toggler			{ }

.block_checkbox		{ margin-top: 5px; }
.block_checkbox	input	{ vertical-align: middle; }

.block_selector { margin-bottom: 30px; margin-top: -30px; }
.block_selector	input	{ vertical-align: middle; }

/* http://www.queness.com/post/8434/re-create-googles-search-input-field-and-submit-button */
/* Style the "X" text button next to the search input field */
#form-anfrage ul.first.row li 	{ position: relative; }
#delete									{ position: absolute; right: 1px; top: 1px; width:16px; height:30px; line-height:30px; padding:0 10px 0 10px; font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif; font-size:22px; background: white; }
/* Set default state of "X" and hide it */
#delete #x 								{ color: red; cursor: pointer; display: none; }
/* Set the hover state of "X" */
#delete #x:hover 						{ color: red; font-weight: bold; }
#form-anfrage select, input		{ -webkit-border-radius: 0; -webkit-box-shadow: 0; }

/*
#form-anfrage select			{
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  -moz-appearance: button;
  -moz-border-radius: 2px;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-padding-end: 20px;
  -moz-padding-start: 2px;
  -moz-user-select: none;
  -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-image: url(../img/arrow_down.png), 
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
 */

.bold               { font-weight: bold; }
.semibold           { font-weight: bold; }
.medium             { font-weight: normal; }
.regular            { font-weight: normal; }
.light              { font-weight: normal; }

.ticker-title   { font-weight: bold; margin-top: 6px; }
.ticker-date    { font-family: Georgia, serif; margin-top: 6px; font-size: 10px; }

.submenue-title { font-weight: bold; }

.object         { }
.object-small   	{ font-family: "lucida grande", verdana, arial, helvetica, sans-serif; margin-top: 20px; font-weight: bold; font-size: 16px; color: #999999; }
.head-area          { font-weight: bold; font-size: 37px; line-height: 34px; padding-left: 11px; }
.object-title       { font-weight: bold; font-size: 31px; line-height: 36px; }
.object-subtitle    { font-family: "lucida grande", verdana, arial, helvetica, sans-serif; margin: 10px 0 42px 0; font-size: 12px; width: 585px; min-height: 73px; }
a.overlay-underline,
.overlay-underline,
.objsearch .help,
.objsearch .ok      { font-weight: normal; color: black; text-decoration: underline; }
.objsearch .help    { text-decoration: none; }

.reference-head     { font-weight: bold; text-transform: uppercase; margin-bottom: 2px; }
.reference-title    { font-weight: bold; }

.feature-big        { font-weight: bold; font-size: 48px; line-height: 44px; }
.feature-title      { font-weight: bold; font-size: 22px; line-height: 25px; margin: 11px 0 5px 0; color: #979797; }
.feature-subtitle   { font-weight: bold; font-size: 16px; line-height: 20px; }
.feature-text       { font-size: 13px; line-height: 20px; font-family: Georgia, Serif; margin-top: 3px; }

.content-title      { font-family: Georgia, serif; font-size: 18px; line-height: 25px; color: black; }
.content-subtitle   { font-family: Georgia, serif; font-size: 15px; line-height: 24px; color: #999999; }
.content-textcontr,
.content-textshort  { font-weight: bold; font-size: 15px; line-height: 20px; margin-top: 20px; }
.serif-text,
.content-text       { font-family: Georgia, serif; font-size: 13px; line-height: 20px; }
.content-text       { margin-top: 20px; }

.press-head         { font-weight: bold; font-size: 21px; }
.press-head-more    { font-weight: normal; }
.press-title        { font-weight: normal; }

.ajax-head          { font-weight: bold; font-size: 24px; }
.ajax-title         { font-weight: normal; }


.data-head-big      { font-weight: bold; font-size: 18px; line-height: 24px; margin-top: 6px; }
.data-head-small    { font-size: 12px; line-height: 16px; margin-top: 6px; }
.data-key           { font-weight: bold; font-size: 12px; line-height: 20px; }
.data-value         { line-height: 20px; }
.data-value-title   { font-weight: normal; line-height: 20px; }
.data-title         { font-family: Georgia, serif; font-size: 15px; line-height: 24px; color: #999999; }

.top50              { margin-top: 50px; }
.top50-5            { margin: 50px 0 5px 0; }
.top-back           { font-weight: normal; margin: 70px 0 30px 6px; }

u.dark_grey_font    { font-weight: normal; }

.form-hint          { font-weight: normal; color: red; }
.form-advice		{ color: red; }
.saved				{ font-family: "lucida grande", verdana, arial, helvetica, sans-serif; }

a.logo              { font-weight: bold; font-size: 29px; color: black; line-height: 0px; }

#col7				{ margin-top: 274px; color: white; background-color: #cc3232; font-size: 11px; }
#col7 a				{ color: white; }
#col7 .block		{ padding-top: 10px; padding-left: 12px; }

.logo				{ margin: 46px 0 39px 0; }




#form-anfrage .form-checkbox			{ margin-left:0; width: 20px; }
