@import url(style.navi.css);
@import url(style.shop.css);
@import url(style.forum.css);
code                 {font-size: 11px; font-family: courier, verdana, arial, helvetica, sans-serif; }
fieldset             {padding: 6px; margin: 6px; border:1px solid #ddd}
legend               {font-size: 11px;  padding:4px; color:#777}
td,th,div,input,
textarea,
select,option        {font-size: 11px; color: #000; font-family:  Arial, Verdana, Helvetica, sans-serif;}
option         		{border:none}
textarea             {padding:2px}
form                 {display:inline}
small                {font-size:10px}
fieldset             {border-color:#ccc}
h1							{font-size:15px}
h2							{font-size:12px}
h3							{font-size:10px}

/* ----------  Haupttabelle ---------- */
.mainbody             {background-color: #fff; padding:8px;  text-align:left;  }

/* ----------  Seitenhintergrund ---------- */
html body             {margin:5px; background:#edeff1}

/* ----------  Seitenkopf   ---------- */
.pageheader           {background:#0066CC url(../img/page/header_bg.gifs); height:120px}

/* ----------  linke & rechte Spalte ---------- */
#leftnavi             {width:210px; padding-top:8px}
#rightnavi            {width:180px; padding-top:8px}

/* ----------  mittige Spalte bzw. Inhalt ---------- */
#content              {padding:16px; padding-top: 8px}

.menu {
width:860px;
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:110px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:110px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:underline;
color:#0066CC;
width:110px;
height:22px;
border-width:1px 1px 0 0;
background:#D1D1D1;
padding-left:3px;
line-height:22px;
font-weight: bold
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:118px;
w\idth:118px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#cce3f8 url(file:///C|/WebServers/home/localhost/www/domowod/templates/graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#cce3f8 url(file:///C|/WebServers/home/localhost/www/domowod/templates/graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#cce3f8 url(file:///C|/WebServers/home/localhost/www/domowod/templates/graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#cce3f8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:22px;
left:0; 
width:118px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:22px;
t\op:22px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px;
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#cce3f8;
color:#000;
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:150px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:150px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:#3399FF;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#C0C0C0;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* ----------  Links ---------- */
a:link,a:visited      {color: #0066CC; text-decoration:underline; font-weight: ;}
a:hover               {color: #cccccc; text-decoration:none; font-weight: ;}

/* ----------  Links der Navigations-Boxen ---------- */
a.links_boxes:link,
a.links_boxes:visited {color: #0066CC; text-decoration:underline}
a.links_boxes:hover   {color: #cccccc; text-decoration:none}

a.light:link,
a.light:visited       {color: #000; text-decoration: underline; font-weight: normal;}
a.light:hover         {color: #777;text-decoration:none;font-weight: normal;}

/* ----------  Hauptkategorie-Link Downloads & Links ---------- */
a.categtitle_b:link,
a.categtitle_b:visited{color: #777; font-size:15px; font-weight:bold}
a.categtitle_b:hover  {color: #0066CC; font-size:15px; font-weight:bold}

/* ----------  Links unter Newstitel ---------- */
a.newsintro:link      {color: #000;font-weight:normal; text-decoration:none}
a.newsintro:visited   {color: #000;font-weight:normal; text-decoration:none}
a.newsintro:hover     {color: #777;font-weight:normal; text-decoration:none}

/* ----------  Link News + Artikelarchiv ---------- */
a.ticker:link        {font-size:11px; font-weight:bold; line-height:22px}
a.ticker:visited     {font-size:11px; font-weight:bold; line-height:22px}
a.ticker:hover       {font-size:11px; font-weight:bold; line-height:22px}

/* ----------  Links der Speedbar- Navigation ---------- */
a.speedbar:link		 {font-weight:bold; color:#fff;text-decoration:none}
a.speedbar:visited   {font-weight:bold; color:#fff;text-decoration:none}
a.speedbar:hover     {font-weight:bold; color:#000000;text-decoration:underline}
 

/* ----------  Hauptüberschriften Boxen + Hintergrund ---------- */
.navigation_box       {background:#ccc; height:25px; padding-left:12px; line-height:25px; font-weight:bold; color:#fff; border-bottom:1px solid #fff}

/* ----------  Hintergrund Boxen ---------- */
.navigation_box_bg    {background:#F6F6F6; padding:5px}

#archivebox h1,h2     {display:inline; font-size:14px; font-weight: bold}

/* ----------  1. und 2. alternierende Zeilenfarbe ---------- */ 
.row_first            {background-color: #f0f0f0}
.row_second           {background-color: #f9f9f9}

/* ----------  Normale Boxen (Inhalte) ---------- */
.box_inner            {background-color:#fff;} 
.box_inner_body       {background-color:#fff;}

/* ----------  Formatierung Tabelle "Downloadpopup, Login, galeriebild, Inlineshot ---------- */ 
.outer_boxborder    {background-color: #fff; margin: 1px; padding: 1px; border: 1px solid #e6e6e6;}

/* ----------  Box Kommentare News, Gästebuch, usw ---------- */
.commentfield         {border:1px solid #ccc; color:#666; padding:10px; background-color:#fff; margin-bottom:3px}

/* ----------  Zellenauffüllung Inhaltboxen ---------- */
.box_padding          {padding:4px}

/* ----------  Titel Suchergebnisse ---------- */
.title_result_search  {font-size:14px; font-weight:bold}

/* ----------  Newstitel in Newsansicht ---------- */
.title_big            {font-size:18px; font-weight:bold; color:#777}

/* ----------  Artikel-Text eigene Ansicht ---------- */
.article              {text-align:justify}

/* ----------  Topnews / Topartikel Startseite ---------- */
.topnews              {border-bottom:1px solid #ddd; background-color:#fff;padding:5px; margin-top:5px}

/* ----------  Newsansicht wenn 1-Spaltig ---------- */
.content_left_one      {}

/* ----------  Obere Navigation ---------- */
.topnavtd              {border-top:1px solid #fff;background-color: #ccc;height:27px; _height:29px; padding:2px}
.speedbar              {color:#fff}

/* ----------  Linien unter und oberhalb von Navigationen (News und Artikel ---------- */
.hrdiv                 {height:1px; background-color:#D7D7D7; margin-top:5px; margin-bottom:5px}

/* ----------  Trenner: Trennt einzelne Artikel in Archiven News & Artikel ---------- */
.news_spacer           {border-bottom:1px solid #fff;}

/* ----------  Mittige Bild - Ausrichtung ---------- */
.absmiddle             {vertical-align:middle}

/* ----------  Inlineshot ---------- */
.inlineshotbox         {margin-top:10px; margin-right:10px; float:left; border:1px solid #ddd; width:130px; padding:1px;}
.inlineshot_text       {background-color:#f1f1f1; padding:2px; color:#000;}

/* ----------  Normale Boxen Titel(Inhalte) ---------- */
.box_innerhead         {background:#E7E7E7 url(../img/page/box_innerhead.gif);padding:5px; border-bottom: 0px solid #D7D7D7; font-weight:bold;position:relative}

/* ----------  Container Boxen (Beinhalten Normale Boxen) ---------- */
.box_outer             {background-color: #fff; }
.box_outerhead         {background-color: #fff; padding: 8px; position:relative}

/* ----------  Boxen (Archiv- Auswahl in News & Artikelarchiv) ---------- */
.box_archive_selector  {}

/* ----------  0px Rahmen Style für IE (Checkboxen) ---------- */
.noborder              {border: 0px}

/* ----------  Schaltflächen  ---------- */
.button,.button_bbodes {font-weight: bold;font-size:11px;color: #fff;background-color: #0066CC;cursor: pointer;border: 1px solid #0066CC; margin-right:1px}

/* ----------  Codeboxen für HTML und PHP ---------- */				
.divcode               {background-color:#fff;}

/* ----------  Fehlermeldungen ---------- */	
.errorfont             {color: red;  font-weight: normal;}

/* ----------  Seiten-Navigation 1,2,3 usw. ---------- */
a.page_navigation:link,
a.page_navigation:visited{font-weight:normal;color:#fff;background-color:#C0C0C0;text-decoration: none;padding-bottom:1px;padding-left:4px;padding-right:4px;padding-top:1px}

a.page_navigation:hover,
a.page_navigation,.pnav  {font-weight:normal;color:#fff;background-color:#777;text-decoration: none;padding-bottom:1px;padding-left:4px;padding-right:4px;padding-top:1px;}

/* ----------  Spalte in Archiven zwischen 2 Artikeln (News + Artikel) ---------- */
.newsticker_header      {border:1px solid #ddd;background-color:#f8f8f8;padding:2px;text-align: right}

/* ----------  Datumformatierung (News + Artikel + PN) ---------- */
.time_ticker,.time      {font-weight:bold;}		

/* ----------  Kurzintro News, Einleitung Topnews, Untertitel Artikel  ---------- */
.text_ticker            {line-height:15px;font-weight: bold;}

/* ----------  Hervorhebung von Suchergebnissen ---------- */ 
.highlight              {font-weight:bold }

/* ----------  Tabellenrahmen Galeriebilder ---------- */ 
.gallery_box	        {padding:2px; margin:2px; border:1px solid #ddd; }
.gallery_nextthumb	    {float:left; width:10%; padding:2px; text-align:center}

/* ----------  Rahmen aktives & inaktives Bild / Galerie ---------- */ 
.active_image		    {border: 1px solid #000}
.inactive_image		    {border: 1px solid #ccc}

/* ----------  Text unter jedem Bild (Hits / Kommentare) ---------- */ 
.galimage_smalltext     {font-size:11px;color:#666}

/* ----------  Textformatierung F.A.Q ---------- */
.faqtext                {padding: 8px;}

/* ----------  Auswahlmenü "Hersteller" ---------- */
.selectfield            {background-color:#fff; border: 1px solid #C0C0C0; overflow:auto; height:100px; padding: 3px}

/* ----------  Punktlinie Artikel, Testinfos ---------- */
.infostretch		    {background-image: url(../img/page/infostretch.gif);}
.infostretch_back	    {background-color:#fff}
.infostretch_left	    {background-image: url(../img/page/infostretch.gif); float:left; width:60% ; text-align:left; background-position: 2px; overflow:hidden}
.infostretch_right      {background:url(../img/page/infostretch.gif)}

/* ----------  Seitefuß Copyrighthinweis ---------- */
.page_footer		    {background-color: #dbdbdb; padding:5px}

/* ----------  DIV CONTAINER AGB REGISTRIERUNG ---------- */
.agb_container_payment   {border:1px solid #DCDCDC;padding:2px;height:180px;overflow:auto;background-color:#fff}

/* ----------  DIV CONTAINER AGB REGISTRIERUNG WENN FEHLER ---------- */
.agb_container_payment_error{border:1px solid #DCDCDC;padding:2px;height:180px;overflow:auto;background-color:#fff}

/* Kalender */
/* Kalender - Hintergrund */
.calendarBackground {background-color:#fff}

/* Kalender - Rahmen */
.calendarBorder     {background-color:#d1d1d1;padding:1px}

/* Select - Felder */
.calendarForms      {border: 1px solid #cccccc}

/* Titel des Kalenderereignis */
.calendarEventTitle {font-size:18px; font-weight:bold}

/* Alter eines Benutzers (Geburtstag) */
.calendarNorm       {font-weight:normal; font-size:11px}

/* Hintergrund Tage, die nicht zum Monat gehören + linke Spalte (Wochenansicht) */
.calendarBlanc      {background-color:#f7f7f7}

/* Tabellenkopf Tage (kleine + großer Kalender) */
.calendarHeader     {background-color:#0066CC; color:#fff; font-weight:bold;padding:2px;text-align:center}
.calendarHeaderBig  {background-color:#0066CC; color:#fff; font-weight:bold;padding:8px;text-align:center}

/* Inaktive Kalendertage (kleine + großer Kalender) */
.calendar           {color:#777; background-color:#eeeeee; font-weight:normal; padding:3px}
.calendarBig        {color:#777; height:90px;background-color:#eeeeee;font-weight:normal; padding:3px}

/* Kalendertage, die nicht zum aktuellen Monat gehören */
.calendarInactiveDay{color:#ccc;font-style:italic; font-size:10px;padding:4px}

/* Aktive Kalendertage heute (kleine + großer Kalender) */
.calendarToday      {background-color:#0066CC; color:#ffffff; font-weight:bold; padding:3px}
.calendarTodayBig   {height:90px;background-color:#fff;border: 1px solid #0066CC;font-weight:bold; font-size:14px;padding:4px}

/* Links Kalender - Ereignisse */
a.calendarEventLink:link,
a.calendarEventLink:visited {color:#777;text-decoration:underline;font-weight:normal;font-size:11px}
a.calendarEventLink:hover   {color:#777;text-decoration:none;font-weight:normal;font-size:11px}

/* Links für kleinen Kalender heutiger Tag */
a.calendarLinkSmall:link,
a.calendarLinkSmall:visited {color:#fff;text-decoration:underline}
a.calendarLinkSmall:hover   {color:#fff;text-decoration:none}

/* Kalender - Links (Datumlink) inaktiver Tage (nicht heute) */
a.calendarLink:link,
a.calendarLink:visited {color:#777;text-decoration:underline}
a.calendarLink:hover   {text-decoration:none}

/* ----------  Muss nicht editiert werden ---------- */
/* ----------  Setzt 'float' auf 0 ---------- */
.clear                 {clear:both}
.floatcontent          {padding:3px; min-height:80px; /* ----------  FÜR IE: ---------- */ _height: 6em }