@charset "utf-8";

/* ******* Farben **********
hellblau: #c2d8ee
hellblau2: #d5e1f0;
mittelblau: #2b628a;
dunkelblau: #124877;
rot:#bd021b;
grau:#999999;
**************************** */

html {
	/* F�r den IE 100.01%: Korrigiert die Schriftgrade bei "Sehr gro�" und "Sehr klein" */
	font-size: 100.01%;
	height: 100.01%; 
	margin-bottom: 1px; 
}

body {
	font-family: Arial, sans-serif;
	font-size: 20px;
/*	font-size: 24px !important;*/
	/*font-size: 1.0em;jg*/
	background: url(bg_body_n.jpg) 0px 0px repeat-x;
	background-attachment:fixed;
	text-align: center;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

small {
	font-size: 0.7em;
}

input {
	margin: 0;
	padding: 0;
}

.contentBox li {
	font-size: 0.9em;
	line-height:1.3em;
	margin:0 0 0 0em;
	padding:0 0 0 0;
}

.contentBox ul li {
	list-style-image: url(list-item.gif);
/*	list-style-type: square;
	color:red;*/
}

.contentBox ul, .contentBox ol {
	padding-left:0em;
	margin:0.3em 0 0.3em 1em;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	margin-top:0.5em;
	margin-bottom:0.3em;
}

h1.gross {
	margin-top:0;
	margin-bottom: 2px;
	padding-left: 5px;
	color: #124877;
	background-color: #bfc7ef;
	font-size: 1.1em;
}

h1.hidden {
	display: none;
}

hr.hidden {
	display: none;
}

hr {
	color: #c2d8ee;
	border-color:#c2d8ee;
	border-style:solid;
	background-color:#c2d8ee;
}

h2 {
	margin-top: 0.7em;
	margin-bottom: 0.3em;
	padding: 0;
	font-size: 1em;
	color: #bd021b;
}

h3 {
	margin: 0;
	padding: 0.3em;
	color: #bd021b;
	font-size: 0.7em;
}

h4 {
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 0.7em;
	font-weight: normal;
}

p {
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding: 0;
/*	font-size: 0.7em;*/
	line-height: 1.3em;
}

img {
	border: none;
}

noscript {
color:  #bd021b;
}

/* ***********content************ */
#content {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	padding-top: 20px;
	/*width:637px;*/
}

#content a {
	color: #2b628a;
/*	font-weight: bold;*/
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content a.link {
	background: url(icon_link.gif) right center no-repeat;
	padding: 0 11px 2px 0;
	vertical-align: middle;
	height: 1.3em;
	line-height: 1.3em;
}

#content a.download {
	background: url(icon_extlink.gif) right center no-repeat;
	padding: 0 11px 2px 0;
	height: 1.3em;
	line-height: 1.3em;
}

.extern, #content a[href^="http:"] {
	background: url(icon_extlink.gif) right center no-repeat;
	padding: 0 11px 2px 0;
}

.intern, #content a[href^="http://hamburger-gaestefuehrer"], #content a[href^="http://www.hamburger-gaestefuehrer"], #content a[href^="http://localhost"] {
	background: url(icon_link.gif) right center no-repeat;
	padding: 0 11px 2px 0;
}

#content a[href$='.pdf'] {
	background: url(icon_pdf.gif) right center no-repeat;
	padding: 0 11px 2px 0;
}

#content img {
	background: url(shadow.gif) no-repeat bottom right;
	padding: 5px 10px 10px 5px;
}

#content img.noborder {
	background: none;
	padding: 0;
}

#content input.submit, #content input.button {   /* Nachbau grafischer Buttons*/
	background-color:transparent;
	text-transform:uppercase;
	color:#BB041A;
	font-weight:bold;
	height:17px;
	font-size:9px;
	border-right:1px solid #778BAC;
	border-bottom:1px solid #778BAC;
	border-top:1px solid #ACB7CD;
	border-left:1px solid #ACB7CD;
	vertical-align:top;
	background-image:url(btn_search_bg.jpg);
	padding:0px 1px 0px 1px;
	margin:5pt 0pt 0px;
}

div#content img {
	border:0;
/*	padding:0;*/
}

/*div#content p.bodytext img {
	clear:left;
}*/

div.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}


#wrapper {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width: 880px;
}

#flags {
	float: left;
}


#service {
	width: 880px;
	margin: 0 0 5px 0;
	text-align: right;
	font-size: 0.7em;
}


#serviceNav {
	float: right; 
	margin: 0 0 9px 0;
	/*width: 30em; */
}

#serviceNav ul {
	margin: 0;
}

* html #serviceNav ul {
	margin: 0 15px 0 0;
}

#serviceNav li {
	display: inline;
	/*	padding: 0 7px 0 0;
height: 2.0em;
	line-height: 2.0em;*/
}

#serviceNav li.hidden a {
	position: absolute;
	left: -3000px;
}

#serviceNav li.hidden a:focus, #service li.hidden a:active {
	position: relative;
	left: auto;
}

#serviceNav li a {
	padding: 0 0 0 0;
	margin: -3px 0 0 0;
	text-decoration: none;
	color: #2b628a;
}

#serviceNav li a:hover, #service li a:focus, #service li a:active {
	text-decoration: underline;
}

#serviceSuche {
	float: right;  
	width: 20em;
}

#serviceSuche form, #service fieldset {
	float: right; 
}

* html #serviceSuche form img {
	float: left;
	position:absolute;
	margin: 0 0 0 -32px;
}

* html #serviceSuche input.text {
	height: 1.7em;
}

* html #serviceSuche input.text {
	margin: 0 7px 0 0;
}

#serviceSuche input.text {
	font-size: 1.0em;
	float: left;
	height: 1.3em;
	margin: 0 5px 0 0;
}

* html #serviceSuche input.button {
	/*margin: 1px -3px 0 0;*/
}

#serviceSuche input.button {
	float: left;
	width: 63px;
	margin: 1px 0 0 0;
}

* html #serviceSuche input.button {
	margin: 0 0 0 0;
}

* html #serviceSuche select {
	padding: 0 40px 0 0;
}

#serviceSuche label {
	float: left;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 0;
}

* html #serviceSuche label {
	margin: 0 -25px 0 0;
}

#page {
	width: 880px;
	margin: 0px auto;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
}

#kopf {
	padding: 10px 0 0 0;
	margin: 0 0 0 10px;
}

#startbild {
	padding: 10px 0 0 0;
	margin: 0 0 0 10px;
}

/* ***********mainnav************ */
#mainNav {
	margin: 5px 0px 0px 5px;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

#mainNav li {
	display: inline;
	font-size: 0.75em;
	text-transform: uppercase;
/*	color: #124877;*/
	font-weight: bold;
	padding: 0 0px 5px 0px;
	margin: 0 5px;
	background: url(bg_mainnav.jpg) left bottom repeat-x;
}

#mainNav a {
/*	color: #124877;*/
	text-decoration: none;
}
/*#mainNav a:active,*/
#mainNav a:hover, #mainNav a:focus, #mainNav li.hi a {
	color: #bd021b;
}

#mainNav li.menu-current a, #mainNav li.menu-parent a {
	color: #bd021b;
}

/* ***********subnav************ */
#subNav {
	float: left;
	display: inline;
	width: 203px;
	margin: 20px 0 0 10px;
	font-size: 0.7em;
	color: #2b628a;
	font-weight: bold;
}

#subNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subNav li {
	margin: 0;
	padding: 0 0 8px 0;
	vertical-align: bottom;
}

#subNav ul li ul li {
	margin: 0;
	padding: 0 0 0;
}

* html #subNav li {
	height: 15px;
	line-height: 15px;
}

* html #subNav li a {
	background-position: left 3px;
}

*+ html #subNav li a {
	background-position: left 3px;
}

#subNav li a {
	display: block;
	/*height: 15px;*/
	background: url(subnav_1_lo.gif) left 2px no-repeat;
	padding: 0 0 0 13px;
	text-decoration: none;
	color: #2b628a;
}

#subNav ul li ul li a {
	margin: 0 0 0 14px;
}

* html #subNav li a:hover, * html #subNav li.hi a {
	background-position: left 3px;
}

*+ html #subNav li a:hover, *+ html #subNav li.hi a {
	background-position: left 3px;
}

#subNav li a:hover, #subNav li a:focus,#subNav li a:active, #subNav li a.hi {
	color: #bd021b;
	background: url(subnav_1_hi.gif) left 2px no-repeat;
}

*+html #subNav ul.iebugfix li ul {
	margin: -12px 0 3px 13px;
}

*+html #subNav ul.iebugfix li ul li ul {
	margin: 0px 0 3px 13px;
}

/* ***********contentbox************ */
* html .contentBox {
	width: 627px;
}

.contentBox {
	width: 625px;
	padding: 10px;
	margin: 0 0 25px 0;
	border: 1px solid #c2d8ee;
	overflow: hidden;
}

* html .contentBox img {
	/*margin: 0 10px 10px -3px;*/
}

.contentBox img {
	float: left;
	margin: 3px 10px 5px 0;
}

div.contentBox ul a {
	font-size:0.9em;
}

/* ***********footer************ */
#footer {
	clear: both;
	width: 880px;
	margin: 10px 0 0 0;
	background-color: #bfc7ef;
	text-align: center;
	color: #2b628a;
	font-size: 0.7em;
	height: 2.5em;
	line-height: 2.5em;
	vertical-align: middle;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding: 2px 0 0 0;
}

#footer li {
	margin: 0;
	padding: 0;
	display: inline;
	padding: 0 1px 0 1px;
/*	border-right: 1px solid;*/
}

* html #footer li {
	padding: 0 3px 0 3px;
}

#footer a {
	color: #2b628a;
	text-decoration: none;
}

#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration: underline;
}

#validxhtml {
	display: inline-block;
	background: url(valid-xhtml11-blue.gif) no-repeat;
	width: 88px;
	height: 33px;
}

#validcss {
	display: inline-block;
	background: url(valid-css2-blue.gif) no-repeat;
	width: 88px;
	height: 33px;
}


#content input.submit, #content input.button {
	background-color:transparent;
	text-transform:uppercase;
	color:#BB041A;
	font-weight:bold;
	height:17px;
	font-size:9px;
	border-right:1px solid #778BAC;
	border-bottom:1px solid #778BAC;
	border-top:1px solid #ACB7CD;
	border-left:1px solid #ACB7CD;
	vertical-align:top;
	background-image:url(btn_search_bg.jpg);
	padding:0px 1px 0px 1px;
	margin:5pt 0pt 0px;
}

/**:first-child+html .tx-srfeuserregister-pi1 dt { 
	width: 100px;
}
*:first-child+html .tx-srfeuserregister-pi1 dd input{ 
 CLEAR: none; FLOAT: left;
}
*:first-child+html .tx-srfeuserregister-pi1 dd { 
 CLEAR: none; FLOAT: none;
}*/

caption.mytable {
	background-color:#bfc7ef;
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:blue;
	text-align:left;
	font-weight:bold;
	height:50px;
}

/* ***********mytable************ */
table.mytable {
	font-family:arial;
	border-collapse:collapse;
	font-size:10pt;
	background-color:white;
	width:100%;
	border-style:solid;
	border-color:blue;
	border-width:1px;
}

th.mytable {
	font-size:10pt;
	background-color:#bfc7ef;
	color:black;
	text-align:left;
	border-bottom:1px solid;
	border-color:blue;
	text-align:left;
	vertical-align: middle;
	font-weight:bold;
	height:40px;
	padding-left: 5px;
}

tr.mytable {
	vertical-align:top;
}

td.mytable {
	font-size:10pt;
	background-color:white;
	color:black;
	text-align:left;
}

td.mycard {
	vertical-align: top;
	font-size:10pt;
	background-color:white;
	color:black;
	text-align:center;
}

td.mycard img {
	vertical-align: middle;
	background-color:white;
	color:black;
	text-align:center;
	float:none;
}

.highlight {
  background-color: #ffff00;
}