/* Standard-CSS fuer www.saisonfuehrer.de / www.saisonfuehrer.biz / www.saisonfuehrer.info / kreis-pinneberg-journal.de / kreis-stade-fuehrer.de / kreis-steinburg-journal.de */

/* NEU
Wichtige Farben
Blau = #003366 0/56/102
Logo = #0062B3 0/98/179
2Blau = #114477 17/68/119
3Blau = #225588 34/85/136
4Blau = #336699 51/102/153
5Blau = #4477AA 68/119/170
6Blau = #5588BB 85/136/187
Hellblau = #88BBEE
Rot = #70003E 112/0/62
Schwarz = #000000
Anthrazit = #728194 114/129/148
Grau = #4F4F4F 79/79/79
weiss = #FFFFFF
*/

body {
	scrollbar-face-color: #cccccc ! important;
	scrollbar-highlight-color: #003366 ! important;
	scrollbar-3dlight-color: #cccccc ! important;
	scrollbar-darkshadow-color: #cccccc ! important;
	scrollbar-shadow-color: #728194 ! important;
	scrollbar-arrow-color: #70003E ! important;
	scrollbar-track-color: #cccccc ! important;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, "sans-serif !important";
	font-size: 10pt ! important;
	color: #333333;
	background-image: url('../images/back_verlauf.jpg');
}
a:link, a:visited {
	color: #70003E;
	text-decoration: none;
} 
a:active  { 
    color: #; text-decoration: none; font-weight: bold; 
    }
a:hover   { 
    color: #ffffff;
    background: #70003E; 
    }
h1 {
font-size:18pt;
color:#003366;
letter-spacing: 3px;
}
h1 span {
font-size:10pt;
font-weight: bold;
letter-spacing: 1px;
color: #225588;
padding: 0px;
margin: 0px;
}

h3 {
	font-size: 14pt;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}
h4 {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, SansSerif ! important;
font-size:12pt;
color:#333333;
font-style: italic;
}
h2 {
font-size:11pt;
color:#ffffff;
font-weight: bold;
}
h5 {
	font-size: 11pt;
	color: #333333;
	font-weight: bold;
	letter-spacing: 1px ! important;
}
h6 {
font-size:10pt;
color:#333333;
font-weight: bold;
}
.saison {
font-size:10pt;
color:#0062B3;
font-weight: bold;
}
.unterschrift {
	font-style: italic;
}
p {
text-align:left;
font-size: 10pt ! important;
line-height:1.3em;
}
input {
text-align:left;
font-size: 10pt ! important;
color: #728194;
}
blockquote {
	width: 500px;
	margin-left: 50px;
	margin-right: 50px;
	padding-left: 50px;
	background-image: url('../images/postquote.png');
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 10pt;
	font-style: italic;
	line-height: 1.5em;
	color: #70003E ! important;
	letter-spacing: 1px ! important;
	font-weight: bold ! important;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, SansSerif ! important;
}
.neu {
	font-size: 12pt;
	color: #003366;
}
ul {
	list-style: square;
	line-height: 1.8em;
	color: #70003E;
}
.aufzaehlung {
	color:#333333;
}
/***************** RAHMEN ***********************/
#wrapper {
  width: 960px ! important;
  padding: 0px ! important;
  border: 0px ! important;
  margin: auto ! important;
  background-color:#FFFFFF;
}
#farbe {
  vertical-align: top;
  background-color:#70003E;
}

/*----------------------TABELLE-------------------------*/
#haupt {
    padding: 0px ! important;
    background-color: #FFFFFF ! important;
	width: 960px ! important;
	border-spacing: 2px ! important;
	margin-top: 0px ! important;
}
#logo {
	width: 240px;
	height: 90px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: center;
	vertical-align: middle ! important;
}
#navi {
	width: 720px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: right;
	vertical-align: top ! important;
}
#slogan {
	width: 720px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: center;
	vertical-align: bottom ! important;
}
#region_harburg {
    height: 30px ! important;
    width: 240px;
    background-color: #70003E;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#region_harburg a {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#region_harburg a:hover {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 2px;
}
#region_stade {
    height: 30px ! important;
    width: 240px;
    background-color: #70003E;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#region_stade a {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#region_stade a:hover {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 2px;
}
#region_pinneberg {
    height: 30px ! important;
    width: 240px;
    background-color: #70003E;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#region_pinneberg a {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#region_pinneberg a:hover {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 2px;
}
#region_steinburg {
    height: 30px ! important;
    width: 240px;
    background-color: #70003E;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#region_steinburg a {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#region_steinburg a:hover {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 2px;
}
#bild_harburg {
    height: 300px ! important;
    width: 240px;
    background-image: url('../images/titel_harburg042011.jpg') ! important;
}
#bild_stade {
    height: 300px ! important;
    width: 240px;
    background-image: url('../images/titel_stade042011.png') ! important;
}
#bild_pinneberg {
    height: 300px ! important;
    width: 240px;
    background-image: url('../images/titel_pinneberg042011.jpg') ! important;
}
#bild_steinburg {
    height: 300px ! important;
    width: 240px;
    background-image: url('../images/titel_steinburg042011.jpg') ! important;
}
#veranstaltung_harburg {
    height: 30px ! important;
    width: 240px;
    background-color: #70003E;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    font-weight: bold;
}
#veranstaltung_harburg a {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#veranstaltung_harburg a:hover {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 5px;
}
#veranstaltung_stade {
    height: 30px ! important;
    width: 240px;
    background-color: #70003E;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
}
#veranstaltung_stade a {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#veranstaltung_stade a:hover {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 5px;
}
#veranstaltung_pinneberg {
    height: 30px ! important;
    width: 240px;
    background-color: #70003E;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
}
#veranstaltung_pinneberg a {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#veranstaltung_pinneberg a:hover {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 5px;
}
#veranstaltung_steinburg {
    height: 30px ! important;
    width: 240px;
    background-color: #70003E;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
}
#veranstaltung_steinburg a {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
#veranstaltung_steinburg a:hover {
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 5px;
}
#veranstaltung_ohne{
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #003366;
    padding: 5px;
}
#leiste {
    width: 240px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	background-color: #5588BB;
}
#newsletter {
    width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	margin: 0px;
	color: #ffffff;
	background-color: #003366;
	border-bottom: 2px #ffffff solid;
}
#job {
    width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	margin: 0px;
	color: #ffffff;
	background-color: #225588;
	border-bottom: 2px #ffffff solid;
}
#job a {
    color: #ffffff;
}
#job a:hover {
    color: #ffffff;
	background-color: #70003E;
	padding: 2px;
}
#archiv {
    width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	margin: 0px;
	color: #ffffff;
	background-color: #114477;
	border-bottom: 2px #ffffff solid;
}
#archiv a {
    color: #ffffff;
}
#archiv a:hover {
    color: #ffffff;
	background-color: #70003E;
	padding: 2px;
}
#monitor {
    width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	margin: 0px;
	color: #ffffff;
	background-color: #5588BB;
}
#monitor a {
    color: #ffffff;
}
#monitor a:hover {
    color: #ffffff;
	background-color: #70003E;
	padding: 2px;
}
#schlemmen {
    width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	margin: 0px;
	color: #ffffff;
	background-color: #336699;
	border-bottom: 2px #ffffff solid;
}
#schlemmen a {
    color: #ffffff;
}
#schlemmen a:hover {
    color: #ffffff;
	background-color: #70003E;
	padding: 2px;
}
#adresse {
    width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	margin: 0px;
	color: #ffffff;
	background-color: #4477AA;
	border-bottom: 2px #ffffff solid;
}
#adresse a {
    color: #ffffff;
}
#adresse a:hover {
    color: #ffffff;
	background-color: #70003E;
	padding: 2px;
}
#inhalt {
    width: 720px;
	text-align: left;
	vertical-align: top;
	padding: 20px;
}
#copyright {
  width: 960px;
  height: 30px;
  background: #70003E;
  border-top: 0px;
  text-align: right;
  vertical-align: middle;
  padding-right: 20px;
  font-family: Arial, Verdana, Helvetica, sans-serif ! important;
  color: #ffffff ! important;
  text-decoration: none ! important;
  word-spacing: normal ! important;
  letter-spacing: 1px ! important;
  font-size: 8pt ! important;
  font-style: normal ! important;
}
/*----------------------FORMULAR-------------------------*/
.info_feld {
	color: #003366 ! important;
	font-size: 10pt ! important;
	font-family: Arial, Verdana, Helvetica, sans-serif ! important;
	text-align: left ! important;
	font-style: normal ! important;
	text-decoration: none ! important;
	background-color:#FFFFFF ! important;	
	border: 1px #003366 solid ! important;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 18px;
}
.info_area {
	color: #003366 ! important;
	font-size: 10pt ! important;
	font-family: Arial, Verdana, Helvetica, sans-serif ! important;
	text-align: left ! important;
	font-style: normal ! important;
	text-decoration: none ! important;
	background-color:#FFFFFF ! important;	
	border: 1px #003366 solid ! important;
	margin-top: 5px;
	margin-bottom: 5px;
}
.info_button {
	color: #FFFFFF ! important;
	font-size: 10pt ! important;
	font-family: Arial, Verdana, Helvetica, sans-serif ! important;
	letter-spacing: 1px ! important;
	text-align: center ! important;
	font-style: normal ! important;
	text-decoration: none ! important;
	background-color:#70003E ! important;	
	border: #FFFFFF ! important;
	border-style: solid ! important;
	border-top-width: 1px ! important;
	border-right-width: 1px ! important;
	border-bottom-width: 1px ! important;
	border-left-width: 1px ! important;
	padding: 3px ! important;
}