/* Standard-CSS für www.bergkamen.de */

/* Wichtige Farben

hellgrau = #ECECEC (z.B. Rahmen und HG Inhalt, HG Listenpunkte)
mittelgrau = #D4D4D4 (z.B. HG Listentitel)
dunkelgrau = #CDCDCD (z.B. HG Hauptnavi)
ganz grau = #434343 (z.B. Text Fusszeile)
dunkelblau = #000066
weiß = #FFFFFF
schwarz = #000000
rot = #E4020C


*/


/* ------------- allgemeingültige Formatierungen ------------- */

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li	{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
	
html, body	{
	background: #ffffff;
	font-size: 100.01%;
	height: 100%;
	background-image: url(../img/hg.gif);
	background-repeat: repeat-y;
	background-position: 2px 250px;
	background-color: #FAFAFA;
}

img	{
	border: 0;
}


a, a:link, a:visited { 
text-decoration: none; 
}

a:hover, a:focus, a:active { 
text-decoration: none; 
}

.unsichtbar {
display: none;
}


/*  Hauptlayer */


#head {
background-color: #ffffff;
padding: 16px 0px 8px 102px;
color: #000066;
font-size: 0.8em;
line-height: 1.4em;
}

#links {
position: absolute;
left: 0px;
padding-top: 30px;
font-size: 0.8em;
line-height: 1.4em;
}

#inhalt {
margin: 0px 13.9em 0px 175px;
padding: 0px 30px 20px 46px;
border-top: 1px solid #ECECEC;
font-size: 0.8em;
line-height: 1.4em;
}

#rechts {
position: absolute;
right: 0px;  
width: 15.1em;
margin-right: 2px;
color: #000066;
font-size: 0.8em;
line-height: 1.4em;
border-bottom: 1px solid #ECECEC;
background-color: #FAFAFA;
}



/*  Head Formatierungen */

#wappen {
position: absolute;
}

#wappen .wappen {
background-image: url(../img/wappen1.gif);
background-repeat: no-repeat;
margin-right: 15px;
}

#wappen .wappen:hover {
background-image: url(../img/wappen2.gif);
background-repeat: no-repeat;
}

#kultur {
position:absolute;
 left:800px; top:25px; width:203px; height:63px;
background-image: url(../img/logo_natuerlich_bergkamen2.gif);
background-repeat: no-repeat;
}

#headnavi {
margin: 52px 0px 6px 330px;
}

#headnavi a, #headnavi a:link, #headnavi a:visited { 
color: #000066;
text-decoration: none; 
}

#headnavi a:hover, #headnavi a:focus, #headnavi a:active { 
color: #E4020C;
text-decoration: underline; 
}

#head li {
display: inline;
list-style-type: none; 
list-style-image: none;
}


/*  Inhalt Formatierungen */


#inhalt h1	{
	font-size: 1.3em;
	font-weight: bold;
	color: #000066;
	text-transform:uppercase;
	margin: 0px 0px 30px 0px;
}

#inhalt h2	{
	font-size: 1.1em;
	font-weight: bold;
	color: #000066;
}

#inhalt h3	{
	font-size: 1.0em;
	font-weight: bold;
	color: #000066;
}

#inhalt li	{ 
margin: 10px 0px 10px 0px;
margin-left: 25px;
list-style-type: square;
}

#inhalt a, #inhalt a:link, #inhalt a:visited { 
color: #000066;
text-decoration: underline; 
}

#inhalt a:hover, #inhalt a:focus, #inhalt a:active { 
color: #E4020C;
text-decoration: underline; 
}

.portrait {
float: right;
margin: 0px 0px 20px 30px;
}

#pfad {
color: #434343;
font-size: 0.8em;
margin-bottom: 13px;
}

#inhalt #pfad a, #inhalt #pfad a:link, #inhalt #pfad a:visited { 
color: #434343;
text-decoration: none; 
}

#inhalt #pfad a:hover, #inhalt #pfad a:focus, #inhalt #pfad a:active { 
color: #E4020C;
text-decoration: underline; 
}

#fusszeile {
color: #434343;
margin-top: 50px;
text-align: right;
font-size: 0.85em;
}

#inhalt #fusszeile li.fusszeile {
text-align: right;
display: inline;
list-style-type: none; 
list-style-image: none;
margin: 0px;
padding: 0px;
}

#inhalt #fusszeile a, #inhalt #fusszeile a:link, #inhalt #fusszeile a:visited { 
color: #434343;
text-decoration: underline; 
}

#inhalt #fusszeile a:hover, #inhalt #fusszeile a:focus, #inhalt #fusszeile a:active { 
color: #E4020C;
text-decoration: underline; 
}



/*  Links Formatierungen */

#links a, #links a:link, #links a:visited {
text-decoration: none;
color: #ffffff;
background-image: url(../img/hg_hauptnavi1.gif);
display: block;
width: 121px;
text-align: right;
margin-bottom: 23px;
padding: 4px 20px 4px 0px;
font-weight: bold;
}

#links a:hover, #links a:focus, #links a:active {
background-image: url(../img/hg_hauptnavi2.gif);
}

#links li	{
list-style-type: none; 
list-style-image: none;
}

#links ul	{
margin-left: 36px;
}


/*  mit Subnavi */

#links a.aktiv, #links a.aktiv:link, #links a.aktiv:visited {
background-image: url(../img/hg_hauptnavi1.gif);
color: #FFFF33;
}

#links a.subnavi, #links a.subnavi:link, #links a.subnavi:visited {
color: #000066;
background-image: none;
margin-bottom: 7px;
padding: 0px;
font-weight: normal;
line-height: 1.2em;
}

#links a.subnavi:hover, #links a.subnavi:focus, #links a.subnavi:active {
color: #E4020C;
text-decoration: underline;
}

#links ul.subnavi	{
margin: -12px 0px 18px 0px;
}


/*  Rechts Formatierungen */

#rechts h1	{
font-size: 1.0em;
font-weight: bold;
color: #000066;
text-transform:uppercase;
padding: 3px 0px 3px 16px;
background-image: url(../img/hg_listentitel.gif);
background-repeat:repeat-y;
background-color: #D4D4D4;
}

#rechts li a, #rechts li a:link, #rechts li a:visited {
text-decoration: none;
color: #000066;
background-image: url(../img/hg_listenpunkt1.gif);
background-repeat:repeat-y;
display: block;
width: 12.35em;
margin: 2px 0px 2px 0px;
padding: 3px 0px 3px 16px;
}

#rechts li a:hover, #rechts li a:focus, #rechts li a:active {
color: #E4020C;
background-image: url(../img/hg_listenpunkt2.gif);
background-repeat:repeat-y;
background-color: #ECECEC;
}

#rechts li	{
list-style-type: none; 
list-style-image: none;
line-height: 1.2em;
}

#suchformular	{
background-image: url(../img/hg_listenpunkt1.gif);
background-repeat:repeat-y;
margin: 2px 0px 2px 0px;
padding: 12px 0px 12px 16px;
line-height: 1.2em;
}

#rechts .inputbox	{
background-color: #FFFFFF;
border: 1px solid #BDBDBD;
font-size: 1.0em;
color: #000066;
width: 10.0em;
margin: 2px 0px 0px 0px;
padding: 2px 0px 2px 3px;
vertical-align: middle;
}

#rechts .inputbild	{
margin: 2px 0px 0px 0px;
vertical-align: middle;
}


/*  Wetter Formatierungen */

#wetter	{
background-image: url(../img/hg_listenpunkt1.gif);
background-repeat:repeat-y;
margin: 2px 0px 0px 0px;
padding: 6px 0px 0px 16px;
font-size: 12px;
color: #000066;
line-height: 1.2em;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#wetter	hr {
border: none 0;
border-top: 1px solid #ffffff;/*the border*/
background-color:#ffffff; /* Mozilla 1.4 */
color:#ffffff; /* IE 6 */
border: #ffffff; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin: 0px;
padding: 0px;
display: none;
}

#wetter	img {
margin-right: 5px;
}

#wetter	font {
color: #000066;
font-size: 12px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#wetter	strong {
color: #000066;
font-size: 12px;
font-weight: bold;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#wetter	td {
font-size: 12px;
text-align: left;
padding: 0px 0px 6px 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wetter	a, #wetter a:link, #wetter a:visited {
font-size: 12px;
text-decoration: underline;
color: #000066;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#wetter	a:hover, #wetter a:focus, #wetter a:active {
text-decoration: underline;
color: #E4020C;
}