/* Navigation */
@import url(style.navi.css);

/* Shop */
@import url(style.shop.css);

/* Forum */
@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 #0062b1; border-color:silver}
legend              {font-size: 11px;  padding:4px; color:#777}
h3,h1,h2,h4         {font-size:16px; font-weight:bold; color:#666}
td,th,div,input,
textarea,
select,option       {line-height:1.4em;font-size: 11px; color: #666; font-family: arial, verdana, Helvetica, sans-serif;}
input, textarea, select {border: 1px solid silver; padding:1px; margin-bottom:1px}
option	 	    {border:none}
textarea            {padding:2px}
form                {display:inline}
small               {font-size:10px}

/* dream4-spezifisches */
.topnavi_field      {border:2px solid #fff}
.topnavi_button     {color:#fff; background-color:#f27c00; border:1px solid #fff; margin-right:4px; text-transform:uppercase}
.padding_div        {background-color:#F7F7F7; border:1px solid #E1E1E1; padding:5px}

/* Links */
/* a:link,a:visited    {color:#f27c00; text-decoration:none; font-weight: ;} */
a:link,a:visited    {color:blue; text-decoration:inline; font-weight: ;}
a:hover             {color: #333; text-decoration:none; font-weight: ;}

/* bitte noch in standard einsetzen */
/* a.links_boxes:link,
a.links_boxes:visited {color: #777; text-decoration:none} */
a.links_boxes:link,a.links_boxes:visited {color: blue; text-decoration:inline}
/* a.links_boxes:hover   {color: #f27c00; text-decoration:none}*/
a.links_boxes:hover   {color: #333; text-decoration:none}


.mainbody			{background-color: #fff; padding:6px;  text-align:left;  }
html body 			{margin:0px; background:#f27c00} /*  url(../img/page/page_bg.gif) */

/* Seitenkopf   */
.pageheader			{background:red right; height:104px}
.pageheader_right   {background:#fff url(../img/page/headerbg.gif) no-repeat 100px}

/* Obere Navigation */
.topnavtd           {color: #fff; background-color: orange; height:27px; _height:29px;}
.speedbar           {font-size:11px;color:orange; text-transform:uppercase}
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:#fff;text-decoration:underline}

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

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

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

/* Hintergrund Boxen */
.navigation_box_bg  {background:#fff; padding:5px; border:1px solid #E1E1E1}

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

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

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

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

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

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

/* Hauptkategorie-Link Downloads & Links */
a.categtitle_b:link,
a.categtitle_b:visited {color:blue;font-size:14px; font-weight:bold; line-height:22px}
a.categtitle_b:hover   {color:#666;font-size:14px; font-weight:bold; line-height:22px}

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

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

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

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

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

/*********************** Trenner: Neue Produkte ***********************/
.p_spacer              {border-bottom:1px solid #0062b1; margin-top:2px}

/*********************** Ergebnisse Umfrage Seite ***********************/
.poll_res              {color:#999}

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

.news_spacer           {border-bottom:1px solid #fff;}
.searchfield_header    {border:1px solid #fff;}

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

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

/*********************** hintergrund linke Navizeile ***********************/
.navi_left			{background-color: #ECECEC; }

/*********************** Hintergrund Haupttabelle ***********************/
.pagebody           {background-color: #fff; }

/*********************** Hintergrund 1px-Tabellenspalte linke Navigation ***********************/
.navi_vert			{background-color: silver; }

/*********************** Hintergrund Tabelle Newsarchiv, Artikelarchiv ***********************/
.box_newsticker     {background-color: #fff;}


/*********************** BOXEN ***********************/
/*********************** Newsbox (Ganze News) ***********************/
.box_news			{background-color: #fff; }

/*********************** Artikelbox (Ganzer Artikel) ***********************/
.box_article		{background-color: #fff; }



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

/***********************  Boxen (Fussbereich) Newsticker (news_standard.tpl) ***********************/
.box_innerfoot      {background-color: #f8f8f8;margin: 3px;padding: 3px 3px 1px;}

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

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

/*********************** Box FAQ ***********************/
.box_faq {}

/*********************** Box drucken | weiterempfehlen | bookmarken ***********************/
.box_toolbox		{background-color: #f8f8f8; padding:5px; border: 1px solid silver}

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


.button {
	font-weight: bold;
	font-size:11px;
	color: #fff;
	background-color: blue;
	cursor: pointer;
	border: 1px solid blue;
}


.button_bbodes {
	font-weight: bold;
	font-size:11px;
	background-color: blue;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	border: 1px solid blue;
	margin-right:2px;
}

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

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



/*********************** Links Ganze News lesen, Untergalerien, Suchergebnisse, Private Nachrichten Autor ***********************/
a.light:link,a.light:visited {color: blue; text-decoration: inline; font-weight: normal;}
a.light:hover                {color: #666;text-decoration:none;font-weight: normal;}

/*********************** Seiten-Navigation 1,2,3 usw. ***********************/
a.page_navigation:link, a.page_navigation:visited{
	font-size:11px;
	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,.page_navigation,.pnav {
	font-size:11px;
	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 #0062b1;
	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 {
	font-size:11px;
	color: #7c7c7c;
	line-height:15px;
	font-weight: bold;
}

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

.pointer			{cursor:pointer}


.title              {font-size: 12px;font-weight: bold;color: #000;}

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

/*********************** Tabellenformatierung Kommentarboxen (News, Artikel, usw.) ***********************/ 
.commentboxes       {background-color: #fff; margin: 1px; padding: 1px; letter-spacing: normal; width: 95%;}

/*********************** Kopf Kommentarbox ***********************/ 
.commentboxheader   {background-color: #f2f2f2; font-size: 11px;}

/*********************** Formatierung von Bewertungsbox für Artikel, News usw. ***********************/ 
.vote_best          {font-size:11px; font-weight:bold; color: #289F08; }
.vote_worst         {font-size:11px; font-weight:bold; color: #ea4800; }
.vote_span          {font-size:11px; font-weight:bold; color:#666666; }

/*********************** Formatierung Zeile "Newstitel" des Template "news_standard.tpl" ***********************/ 
.newshead           {background-color: #f3f3f3; color: #f3f3f3;}

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

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



/*********************** Rahmen aktives & inaktives Bild / Galerie ***********************/ 
.active_image		{border: 1px solid #000000}
.inactive_image		{border: 1px solid #cccccc}

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

/*********************** Tabellenkopf Boxen Links Haupttemplate ***********************/
.naviheader         {
					background-image:url(../img/page/navi_headers.gif);
					background-color: #777;font-weight: bold;color: #fff;padding: 3px;
					border-bottom:1px solid #777;
					padding-left:11px;
					}

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

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

/*********************** Artikeldetail Wertungsbox ***********************/
.article_votebox_left	{float:left; width:25%; overflow:hidden; padding-top:2px; padding-bottom:2px}
.article_votebox_right	{text-align:right;float:right;width:75%;overflow:hidden;  padding-top:2px; padding-bottom:2px}

/*********************** Punktlinie Artikel, Testinfos ***********************/
.infostretch_title		{font-weight:bold; font-style:italic; min-height:20px; /* FÜR IE: */ _height: 2em }
.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-image: url(../img/page/infostretch.gif); float:right; width:100%; text-align:right; background-position: 1px; overflow:hidden}

.infostretch_left_dl	{background-image: url(../img/page/infostretch.gif); float:left; width:30% ; text-align:left; background-position: 2px; overflow:hidden}
.infostretch_right_dl	{background-image: url(../img/page/infostretch.gif); float:right; width:70%; text-align:right; background-position: 1px; overflow:hidden}


/*********************** Vertikaler Trenner Produktübersicht ***********************/
.tdvert					{border-right: 1px solid #dbdbdb;}

.page_footer			{background-color: #dbdbdb; padding:5px}
/*********************** Teaser News, Artikel + Topnews + Galeriebeschreibung Übersicht ***********************/
.intro                {color:#5D5D5D;font-size: 11px;}



/*********************** Box Newsletter ***********************/
.newsletterbox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: silver;
	background-color: #F6F6F6;
}

/*********************** Box Newsletter einzelne Auswahlmöglichkeiten ***********************/
.newsletteritems {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
	background-color: #fbfbfb;
}

/*********************** Tabellenzeile jeder Box in dem Haupt- Template ***********************/
.navibox {
	background-color: #f8f8f8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
}




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

.infostretch_right {background:url(../img/page/infostretch.gif)}

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




/* 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:#f27c00; color:#fff; font-weight:bold;padding:2px;text-align:center}
.calendarHeaderBig  {background-color:#f27c00; color:#fff; font-weight:bold;padding:8px;text-align:center}

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

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

/* Aktive Kalendertage heute (kleine + großer Kalender) */
.calendarToday      {background-color:#f27c00; color:#ffffff; font-weight:bold; padding:3px}
.calendarTodayBig   {height:90px;background-color:#fff;border: 1px solid #f27c00;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}

a.boxnavi:link {font-weight:bold}

/* NEU */
.profile_headers {color:#fff; background-color:#0000ff; border-bottom:1px solid #fff; padding:5px; font-weight:bold}
.inputfields_normal {border:1px solid #e1e1e1; background-color:#F9F9F9; font-size:12px; margin:2px; margin-right:5px; }

.t_topleft {
	background: url(../img/page/top_left.gif) no-repeat left;
	height: 10px;
	width: 17px;
}
.t_top {background: url(../img/page/top_gradient.gif)}
.t_topright {
	background: url(../img/page/top_right.gif);
	height: 10px;
	width: 17px;
}

.t_left {
	background: url(../img/page/bootm_left.gif) repeat-y;
	width: 7px;
}

.t_right {
	background: url(../img/page/right_gradient.gif) repeat-y;
	width: 7px;
}
.t_vert {
	width:0px; background-color:silver;
}
.t_bottom_left{
	background: url(../img/page/bottom_bottomleft.gif) no-repeat left top;
	height: 7px;
	width: 19px;
}
.t_bottom{
	background: url(../img/page/bottom_gradient.gif) repeat-x;
	height: 7px;
}
.t_bottom_right{
	background: url(../img/page/bottom_bottomright.gif) no-repeat right top;
	height: 7px;
	width: 17px;
}

.t_topbar {
	background: url(../img/page/top_bar_gradient.gif) repeat-y;
	height: 33px;
	width: 553px;
	border-bottom:1px solid #fff;
	
}
.t_div_prodimage {
	background-color:#fff;
	width:164px;
}

.t_div_prodimage_text {
	color:#f27c00;
	font: bold 15px Arial, Helvetica, sans-serif;
	padding-top:8px;
	padding-left:10px
	
}
.t_div_prodimage_main{
	background: #f27c00 url(../img/page/prod_image_top.gif) repeat-x;
	border-left:1px solid #fff;
	width:165px;
	height:132px;
}
.t_div_prodimage_maintext{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding:15px
}
.t_main {background-color:#fff}
.t_main_splash {border-top:0px solid #fff}
.t_main_speedbar {color:#fff}
.t_main_newest {border-left:1px solid silver; border-bottom:1px solid silver; padding:15px; padding-right:5px}

/* .t_mainbasket {border-top:1px solid #fff;border-left:1px solid silver; border-bottom:1px solid silver; padding:15px; background-color:#fff} */

.t_mainbasket {border-top:0px solid #fff;border-left:0px solid silver; border-bottom:0px solid silver; padding:15px; background-color:#fff; border-right:1px solid silver;}
.t_main_news_spacer {border-bottom:1px dashed silver}
.t_main_loginbox {border-bottom:1px solid silver; padding:8px; padding-bottom:15px; border-right:1px solid silver;}
a.t_prolink:link {font-size:11px; color:#fff; text-decoration:none; font-weight:normal}
a.t_prolink:visited {font-size:11px; color:#fff; text-decoration:none; font-weight:normal}
a.t_prolink:hover {font-size:11px; color:#fff; text-decoration:underline; font-weight:normal}

.payment_headers {background-color:blue; color:#fff; font-weight:bold; padding:5px; border-bottom:0px solid #fff}
.paymemt_fields {padding:1px; margin-right:1px}