/* ----------  Weiter Stylesheets laden... ---------- */
/* ----------  Navigation ---------- */
@import url(style.navi.css);

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

/* ----------  Forum ---------- */
@import url(style.forum.css);

/* ----------  Generelles HTML ---------- */
code                {font-size: 12px; font-family: arial, courier, arial, helvetica, sans-serif; }
fieldset            {padding: 6px; margin: 6px; border:1px solid #666;}
legend              {font-size: 12px;}
td,th               {font-size: 10pt; color: #000033; font-family: arial, courier, arial, helvetica, sans-serif; }

input				{font-size: 11px; font-family: arial, courier, arial, helvetica, sans-serif;  border:1px solid #BCBCBC}
input:hover			{font-size: 12px; font-family: arial, courier, arial, helvetica, sans-serif;  border:1px solid #BCBCBC; background-color:#6CB53D; color:#000}

select,option		{font-size: 12px; font-family: arial, courier, arial, helvetica, sans-serif;  border:0px}

textarea            {font-size: 12px; font-family: arial, courier, arial, helvetica, sans-serif;  padding: 2px; border:1px solid #BCBCBC; text-align: justify}
textarea:hover		{font-size: 12px; font-family: arial, courier, arial, helvetica, sans-serif;  padding: 2px; border:1px solid #BCBCBC; background-color:#6CB53D}

form                {display: inline}
small               {font-size: 11pt;}
fieldset            {border-color:#ccc}

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

/* ----------  Seitenhintergrund ---------- */
html body             
{
background-color: #CCEBFD;
background-image: url("http://www.diendanquantri.com/images/styles/window7/misc/bg.jpg");
background-repeat: repeat-x;
background-position: top right;
}

/* ----------  Seitenkopf   ---------- */
.pageheader           {background:#FFFFFF}

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

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

/* ----------  Links ---------- */
a:link,a:visited      {color: #008ab8; text-decoration:none; font-weight: ;}
a:hover               {color: #c0c0c0; text-decoration:none; font-weight: ;}

/* ----------  Links der Navigations-Boxen ---------- */
a.links_boxes:link,
a.links_boxes:visited {color: #008ab8; text-decoration:none}
a.links_boxes:hover   {color: #c0c0c0; text-decoration:none}

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

/* ----------  Hauptkategorie-Link Downloads & Links ---------- */
a.categtitle_b:link,
a.categtitle_b:visited{color: #008ab8; font-size:12px; font-weight:bold}
a.categtitle_b:hover  {color: #c0c0c0; font-size:12px; 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:15px; font-weight:bold; line-height:22px}
a.ticker:visited     {font-size:15px; font-weight:bold; line-height:22px}
a.ticker:hover       {font-size:15px; font-weight:bold; line-height:22px}

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

/* ----------  Hauptüberschriften Boxen + Hintergrund ---------- */
.navigation_box       {background:#008ab8; height:22px; padding-left:11px; line-height:22px; font-weight:bold; font-size:12px; color:#FFFFFF; border-bottom:1px solid #B8B8B8}

/* ----------  Hintergrund Boxen ---------- */
.navigation_box_bg    {background:#F6F6F6; font-size:12px; 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:11px; 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:15px; font-weight:bold; color:#008ab8}

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




/* ----------  Topnews / Topartikel Startseite ---------- */

.topnews              {border-bottom:1px solid #ddd; color:#ffffff; background: url(http://www.diendanquantri.com/images/styles/window7/misc/thead3.gif); padding:5px; margin-top:5px}



/* ----------  Newsansicht wenn 1-Spaltig ---------- */

.content_left_one      {}



/* ----------  Obere Navigation ---------- */

.topnavtd              {background: url(http://www.diendanquantri.com/images/styles/window7/misc/thead3.gif); height:27px;}
.speedbar              {color:#FFFFFF}



/* ----------  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(http://www.diendanquantri.com/images/styles/window7/misc/thead3.gif);padding:5px; border-bottom: 0px solid #D7D7D7; font-weight:bold; color:#FFFFFF; position:relative}

.box_innerhead div     {color:#FF0000}

.box_innerhead  a      {color:#FF0000}



/* ----------  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: #008ab8;cursor: pointer;border: 1px solid #fff;}

.button,

.button_bbodes   {

	border: 3px double #FFFFFF;

	border-left-color: #FFFFFF;

	border-top-color: #FFFFFF;

	margin: 1px;

	color: white;

	height: auto;

	text-decoration: underline;

	padding: 1px;

	cursor: pointer;

	background: #008ab8;

	text-decoration: none;

}



/* ----------  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:#F8F8F8F8;color:#000000; padding:2px;text-align: right}

.newsticker_header_left      {border:1px solid #ddd;background-color:#F8F8F8F8;color:#000000;padding:2px;text-align: left}



/* ----------  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:12px;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: #F7F7F7; padding:5px}



a.calevent_extended:link,

a.calevent_extended:visited{text-decoration:underline;font-weight:normal;color:#777;}

a.calevent_extended:hover  {font-weight:normal;text-decoration:none;}



/* ----------  DIV CONTAINER AGB REGISTRIERUNG ---------- */

.agb_container_payment   {border:1px solid #DCDCDC;padding:2px;height:160px;overflow:auto;background-color:#fff}



/* ----------  DIV CONTAINER AGB REGISTRIERUNG WENN FEHLER ---------- */

.agb_container_payment_error{border:1px solid #DCDCDC;padding:2px;height:160px;overflow:auto;background-color:#fff}







/* ----------  Muss nicht editiert werden ---------- */

/* ----------  Setzt 'float' auf 0 ---------- */

.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:#eec00a; color:#fff; font-weight:bold;padding:2px;text-align:center}

.calendarHeaderBig  {background-color:#eec00a; 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:#eec00a; color:#ffffff; font-weight:bold; padding:3px}

.calendarTodayBig   {height:90px;background-color:#fff;border: 1px solid #eec00a;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}



.form_error    {border:1px solid #008ab8; padding:10px;}

.form_error h1,h2 {color:#333}



div.adv_cbanner {

	background-color:#fffFFF;

	border: 1px solid #FFFFFF;

	width: 500px;

	height: 90px;
	align: center;

}



div.adv_banner_left {

	background-color:#fff;

	border: 1px solid #eec00a;

	width: 168px;

}



div.adv_banner_right {

	background-color:#fff;

	border: 1px solid #eec00a;

	width: 168px;

}



div.adv_banner_top {

	background-color:#fff;

	border: 1px solid #FFFFFF;

	width: 500px;

	height: 90px;
	align: center;

}



/* ---- Tooltip CSS ---- */

.tooltip {

	float: left;

	padding: 2px;

	color: #060;

	font-size: 12px;

	margin: 3px;

	border: 1px solid #C6B9B9;

}



.img {

	float: left;

	width: 120px;

	height: 120px;

	padding: 5px;

	border: 0;

}



a {

	position: relative;

}



a div {

	display: none;

}



a:hover div{

	position: absolute;

	display: block;

	text-decoration:none;

	top: -200px;

	left: 50px;

	width: 300px;

	height: 150px;
	color: #000000;
	size: 12px;
	background: #CCEBFD;

    	z-index: 2;

}