@charset "utf-8";

/* Styles für www.inpuls-hamburg.de   */
/* 22.10.2009 by Torben Frodermann    */
/*            www.tfsite.de           */
/**************************************/

/* Globale Definitionen */

*{ margin: 0px; padding: 0px; white-space: 0px;}

body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; background-color: #55623C;}

h1{ font-size: 12px; font-weight: bold; color: #768766; line-height: 25px; padding: 15px 0px 2px 0px;}
h2{ font-size: 12px; font-weight: normal; color: #ACBD92; padding: 0px 0px 20px 0px;}
h3{ font-size: 11px; font-weight: normal; color: #ACBD92; ;}

p{ line-height: 17px; color: #917F7F; padding-bottom: 15px;}
a img {border: none;}
a {text-decoration: none; color: #55623C; font-size: 11px;}
a:hover {color: #240000;}


/* Grundgeruest */

#grundgeruest{
	position: absolute;
	background-color: #FFF;
	width: 900px;
	height: 570px;
	margin-top: -285px;
	margin-left: -425px;
	top: 50%;
	left: 50%;
}

#menu{ position: absolute; width: 700px; height: 100px;	border: none;}
#logo{ position: absolute; width: 200px; height: 102px; left: 700px; border: none; text-align:left; padding-top: 18px;}
#logo_flash{ position: relative; background-color: #FFF; width: 140px; height: 120px; left: -1px; top: -116px;  border: none; }


/* Hauptmenu */

table.hauptmenu{ width: 585px; border: none;}

td.hauptmenu_oben{ height: 50px;}
td.hauptmenu_unten{ height: 11px; border-bottom: 4px solid #ACBD92;}

td.hauptmenu_1,
td.hauptmenu_1_aktiv{ width: 156px; text-align: right; border-right: 2px solid #ACBD92; padding-right: 20px;}
td.hauptmenu_2,
td.hauptmenu_2_aktiv{ width: 135px; text-align: center; border-right: 2px solid #ACBD92;}
td.hauptmenu_3,
td.hauptmenu_3_aktiv{ width: 90px; text-align: center; border-right: 2px solid #ACBD92;}
td.hauptmenu_4,
td.hauptmenu_4_aktiv{ text-align: left; padding-left: 20px;}

td.hauptmenu_1 a,
td.hauptmenu_2 a,
td.hauptmenu_3 a,
td.hauptmenu_4 a,
td.hauptmenu_5 a{ font-size:14px; color: #55623C; text-decoration:none;}

td.hauptmenu_1_aktiv a,
td.hauptmenu_2_aktiv a,
td.hauptmenu_3_aktiv a,
td.hauptmenu_4_aktiv a,
td.hauptmenu_5_aktiv a,
td.hauptmenu_1 a:hover,
td.hauptmenu_2 a:hover,
td.hauptmenu_3 a:hover,
td.hauptmenu_4 a:hover,
td.hauptmenu_5 a:hover{ font-weight: bold; font-size:14px; color: #240000; text-decoration:none;}


/* Submenu */

table.submenu{ width: 700px; border: none;}
td.submenu{ font-family: arial; font-size: 11px; height: 25px; vertical-align:middle; }
a.submenu{ font-family: arial; font-size: 11px; text-decoration: none; color: #917F7F;}
a.submenu_aktiv,
a.submenu:hover{ font-family: arial; font-size: 11px; text-decoration: none; color: #AE2956;}
 
 
/* SubSubmenu */

table.subsubmenu{ width: 700px; border: none;}
td.subsubmenu{ font-size: 11px; font-weight: bold; height: 25px; vertical-align:middle; }
a.subsubmenu{ font-size: 11px;  font-weight: bold; text-decoration: none; color: #917F7F;}
a.subsubmenu_aktiv,
a.subsubmenu:hover{ font-size: 11px; font-weight: bold; text-decoration: none; color: #240000;}

a.subsubmenu_2{ font-family: arial; font-size: 11px; font-weight: bold;text-decoration: none; color: #917F7F;}
a.subsubmenu_2:hover{ color: #240000;}


/* Content/ Ueberschriften/ Texte */

#gross{ position: absolute; width: 685px; height: 425px; left: 10px; bottom: 10px;}
#gross_links{ position: absolute; width: 584px; height: 425px; left: 10px; bottom: 10px;}
#gross_links_kontakt{ position: absolute; width: 584px; height: 425px; left: 10px; bottom: 10px; background-color: #ACBD92; }

#klein_links{ position: absolute; width: 257px; height: 425px; left: 30px; bottom: 10px; /*background-color: #ACBD92;*/ padding: 0px 15px 0px 15px; }
#klein_mitte{ position: absolute; width: 256px; height: 425px; left: 337px; bottom: 10px; /*background-color: #ACBD92;*/ padding: 0px 15px 0px 15px; }
#klein_rechts{ position: absolute; width: 257px; height: 425px; right: 10px; bottom: 10px; /*background-color: #ACBD92;*/ padding: 0px 15px 0px 15px; }
#klein_rechts_kontakt{ position: absolute; width: 257px; height: 425px; right: 10px; bottom: 10px; background-color: #ACBD92; padding: 0px 15px 0px 15px; }

#gross_links_kontakt p,
#klein_rechts_kontakt p{ color: #FFF;}

#impressum{ position: absolute; width: 530px; left: 50px; top: 50px;}
table.impressum td{ width: 220px; vertical-align: top;}

#kontakt{ position: absolute; left: 50px; top: 70px; text-align: right;}
#kontakt h1{ color: #FFF; font-size: 20px; font-weight: normal; padding-bottom: 20px;}
#kontakt p{ color: #240000;}

#titelbereich_3 { position: absolute; height: 20px; left: 37px;	top: 170px;	text-align: left; font-weight: bold; font-family: Arial; font-size: 11px; color: #917F7F; }
#menubereich_3 {  position: absolute; width: 125px; height: 20px; left: 364px; top: 169px; text-align: right;}

#bildbereich_3_o_rahmen,
#bildbereich_3{	width: 525px; height: 340px; top: 195px; position: absolute; text-align: center; padding-top: 8px;}
#bildbereich_3 img{ border: 1px solid #DDDDDD;}

#content_3_idx{left: 30px; top: 195px; position: absolute; vertical-align: top;}
#content_3_idx td { background-image: url(images/hg_kasten.jpg); width: 160px; height: 121px; vertical-align: middle; text-align: center; padding-right: 5px;	padding-bottom: 6px;}
#content_3_idx a img{ border: none;}

#content_3{	 position: absolute; width: 330px; height: 350px; left: 530px; top: 180px; vertical-align: top; border: 0px solid black;}
#content_3 p { color: #917F7F; line-height: 20px;}
#content_3 p a{ color: inherit; text-decoration: underline;}

#radelsau_hinweis{ width: 264px; height: 104px; background: url(images/hg_radelsau_kasten.png) top left no-repeat; text-align: center; padding: 60px 10px 0px 0px; }
#radelsau_hinweis p{ margin: 0px; font-size: 11px; color: #FFF;}
#radelsau_hinweis p a{ color: #FFF;}
#radelsau_hinweis p a:hover{ color: #55623C;}



/* Aktuelles / Index */

#aktuelles{ position: absolute; width: 855px; height: 372px; left: 45px; top: 160px; border: none; overflow: auto; }
table.aktuelles td{ width: 325px; height: 370px; vertical-align: top;}
table.aktuelles td.aktuelles_trenner{ width: 3px; padding-right: 0px;}
td.aktuelles_links{ padding: 2px 50px 0px 0px; border: none;} 
td.aktuelles_rechts{ padding: 2px 0px 0px 50px;}

div.aktuelles_popup{ height: 462px; background-color: #FFF; display:none; padding: 20px 20px 20px 20px; overflow: auto;}
img.aktuelles_bild_float{ width: 162px; height: 112; border: 1px solid #CCC;}


/* Kontaktformular */

#kontaktaufnahme_titel{ position: absolute; width: 530px; left: 60px; top: 70px;}
#kontaktaufnahme_titel h1{ font-size: 16px; font-weight: inherit; color: #FFF; padding: 0 0 0 0;}

#kontaktformular_formular{ position: absolute; width: 530px; left: 60px; top: 110px;}

table.kontaktaufnahme td{ color: #FFF; padding: 5px 0px 5px 0px;}
td.kontaktaufnahme_2 input{ width: 330px; height: 20px; border: none; padding: 2px 3px 0px 2px;}
td.kontaktaufnahme_2 textarea{ width: 330px; height: 50px; font: inherit; border: none; padding: 2px 3px 0px 2px;}
td.kontaktaufnahme_art input{ width: 15px; vertical-align: middle;}
td.kontaktaufnahme_go input{ width: 75px; }
td.kontaktaufnahme_1{ width: 150px;}