/* ###################################################################################################### */

/*                                                                                                        */

/*                                          Style-Sheet für                                               */

/*                                  www.Spaiks.de / www.Spaiks.com                                        */

/*                                     erstellt von Maik Oberst                                           */

/*                                         info@spaiks.de                                                 */

/*                               copyright 2000 - 2010 by Maik Oberst                                     */

/*                                                                                                        */

/* ###################################################################################################### */


/* ######################################### Spaiks.de Global  ########################################## */
/* ###################################################################################################### */

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 background-image:url(/pics/body.jpg);
 background-repeat:no-repeat;
 background-color:#89B651;
 text-align:center;
 margin-top:3px;
 margin-right:0px;
 margin-bottom:20px;
 margin-left:0px;
 
 }

/* Generelle Formatierung der Links auf Spaiks.de */
a:link, a:visited, a:active, a:hover {
 text-decoration: underline;
 font-weight:normal;
 color:#042781;
 }

#outer {
 width:970px;
 margin:0px auto;
 text-align:left;
 background-color:#A2C0DF;
 border:0px solid #000000;
 }
 
#shadowtop {
 background-image:url(/pics/s1.png);
 background-repeat:no-repeat;
 background-position: bottom; /* nur wegen IE6 und älter */
 width:1000px;
 height:11px;
 margin:0px auto; 
 border:0px solid #FFF5EC;
 }

#shadowouter {
 background-image:url(/pics/s2.png);
 background-repeat: repeat-y;
 width:1000px;
 margin:0px auto;
 border:0px solid #FFF5EC;
 }
  
#shadowbottom {
 background-image:url(/pics/s3.png);
 background-repeat:no-repeat;
 width:1000px;
 height:15px;
 margin:0px auto; 
 border:0px solid #FFF5EC;
 }
 
#header {
 background-image:url(/pics/header.png);
 height:73px;
 border:0px solid #000000;
 margin-bottom:0px;
 }

/* Class für Link-Rahmen für das Spaiks.de Logo im Kopf */
.headerlink {
 float:left;
 height:50px;
 margin-top:0px;
 margin-left:26px;
 width:180px;
 display:inline; /* normal block jedoch wegen dem "Doppelrand-Bug" (Double margin bug) nun so. Siehe http://www.hessendscher.de/workshop/slide49.html ab IE7 funktioniert block */
 }
 
#left {
 background-color:#A2C0DF;
 width:150px;
 float:left;
 padding-top: 2px;
 }
 
#right {
 background-color:#A2C0DF;
 width:150px;
 float:right;
 padding-top: 2px;
 }

#content {
 border:0px solid #000000;
 background-color:#ffffff;
 width:664px;
 float:left;
 padding-top: 2px;
 padding-left: 3px;
 padding-bottom: 4px;
 padding-right: 3px;
 min-height:800px; /* für richtige Browser */
 }
 /* IE Win only \*/
 * html #content {
 height:800px;
 }
 /* End IE Win */
 
#footer {
 width:970px;
 height:20px;
 margin:0px auto; 
 background-color:#5F8EBD;
 border:0px solid #000000;
 }

#season {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:9px;
 color:#FFFFFF;
 float:right;
 padding-top:45px;
 padding-right:2px;
 }

#copyright {
 font-size:11px;
 font-weight:normal;
 color: #ffffff;
 border:none;
 padding-top:3px;
 padding-left:280px;
 }

/* Class für 4All & 4you Space Dateianzeige */
.pagehead {
 margin:0px 0px 10px 0px;   /* oben rechts unten links */
 font-size:12px;
 color:#ffffff;
 border:0px solid #000000;
 background-color:#4E82B6;
 text-align:left;
 display:block;
 font-weight:bold;
 padding-left:3px;
 padding-top:1px;
 padding-bottom:1px;
 }
 
.dot {
 float:left;
 margin-top:0px;
 margin-left:3px;
 }

.up {
 float:right;
 margin-top:4px;
 margin-right:10px;
 }

/* Class für 4All Space */
.table4 {
 border:0px;
 width:100%;
 }

/* Class für Zellen in 4All Space */
.table42 {
 border:0px;
 background-color:#EAEBEE;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 text-align:left;
 width:98%;
 color:#000000;
 }

/* Class für 4You Space */
.table4you {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 border:0px solid #000000;
 background-color: #EAEBEE;
 width:654px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
}

/* ######################################### Spaiks.de Scripte ############################################ */
/* ######################################################################################################## */

table {
 border: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 color:#000000;
 border-color:#FFFFFF;
 font-size : 12px;
 text-align: left;
 }

td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 }

th {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 }

p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 }

td.head {
 background-color: #619bdc;
 color: #042781;
 font-weight: bold;
 font-size: 12px;
 border: 1px solid #619bdc;
 }

th.head {
 background-color: #4E82B6;
 color: #FFFFFF;
 font-weight: bold;
 font-size : 12px;
 border : 0px solid #619bdc;
 }

th.info {
 background-color: #4E82B6;
 color: #FFFFFF;
 border: 0px solid #619bdc;
 }

td.info {
 background-color: #E7E9ED;
 color: #000000;
 }

td.header {
 background-color: #E7E9ED;
 color: #000000;
 }

th.header {
 background-color: #E7E9ED;
 color: #FFFFFF;
 }

td.left {
 background-color: #E7E9ED;
 }

td.right {
 background-color: #E7E9ED;
 }

td.odd {
 background-color: #E7E9ED;
 }

td.even {
 background-color: #DADCDE;
 }

td.even2 {
 background-color: #FFFFFF;
 }

marquee {
 background-color: #619bdc;
 }

td.center {
 background-color: #3D78AF;
 }

td.top    {
 background-color: #7BAADF;
 }

td.bottom {
 background-color: #9BBCE4;
 }

/* Class für das News-Script damit Kategorie Auswahl-Form nicht die Tabelle zu hoch darstellt */
form {
display:inline;
}

/* Class für den Titel-Text in der news_row.html des News Scripts */
.newstitel {
 font-size:12px;
 }

/* Class für den Time-Text in der news_row.html des News Scripts */
.newstime {
 font-size:10px;
 }

/* Class für den Autor-Text in der news_row.html des News Scripts */
.newsautor {
 font-size:10px;
 }

/* Class für den News-Text in der news_row.html des News Scripts */
.newsnews {
 font-size:12px;
 }

/* Class für den Link-Text in der news_row.html des News Scripts */
.mewslink {
 font-size:10px;
 }

/* Class für den Bemerkungs-Text in der news_row.html des News Scripts */
.newsbemerkung {
 font-size:10px;
 }

/* ########################################## Left & Right ############################################## */
/* ###################################################################################################### */

.menue {
 width:146px;
 border:0px solid #000000;
 background-image:url();
 margin-left: 2px;
 margin-right: 2px;
 }
 
.menuehead {
 margin:0px 0px 0px 0px;   /* oben rechts unten links */
 font-size:12px;
 color:#ffffff;
 border:0px solid #000000;
 background-color:#4E82B6;
 text-align:center;
 display:block;
 font-weight:bold;
 padding:2px;
 }

/* Hyperlinks für das linke Menü */
.menue a {
 text-align:left;
 font-weight:normal;
 text-decoration:none;
 margin-top:0px;
 margin-right:1px;
 margin-bottom:0px;
 margin-left:1px;
 padding-top:2px;
 padding-left:5px;
 padding-bottom:2px;
 display:block;
 border: 0px solid #FDECC8;
}

.menue a:link, .menue a:visited, .menue a:active {
 text-decoration:none;
 color:#042781;
}

.menue a:hover {
 text-align:left;
 font-weight:normal;
 text-decoration:none;
 color:#042781;
 background-color:#BAD3ED;
 margin-top:0px;
 margin-right:1px;
 margin-bottom:0px;
 margin-left:1px;
 padding-top:1px;
 padding-left:4px;
 padding-bottom:1px;
 display:block;
 border: 1px solid #4E82B6;
}

.menue ul {
 margin:2px 0px 5px 0px;
 padding-left:0px;
 list-style-type:none;
 }

.menue li {
 margin-left:0px;
 padding-left:0px;
 display:inline;
 }

/* Class für Spaiks.de als Starseite Link in left.php */
.menuestart a:link, .menuestart a:visited, .menuestart a:active , .menuestart a:hover {
 background: url("/pics/home.png") no-repeat;
 font-weight:normal;
 font-size:10px;
 text-decoration:underline;
 margin-top:0px;
 margin-right:30px;
 margin-bottom:0px;
 margin-left:17px;
 padding-top:0px;
 padding-bottom:2px;
 padding-left:28px;
 display:block;
 border: 0px solid #A2C0DF;
}

.menuestart ul {
 margin:2px 0px 5px 0px;
 padding-left:0px;
 list-style-type:none;
 }

.menuestart li {
 margin-left:0px;
 padding-left:0px;
 display:inline;
 }
 
.menuesearch {
 width:140px;
 border:0px solid #000000;
 margin-left: 8px;
 margin-right: 2px;
 }
 
.searchbox {
 font-family: Verdana, Arial, Helvetica, sans-serif;;
 font-size: 12px;
 width:130px;
 background-color: #ffffff;
 color: #000000;
 padding-left:2px;
 BORDER-TOP-WIDTH: 1px;
 BORDER-LEFT-WIDTH: 1px;
 BORDER-LEFT-COLOR: #ffffff;
 BORDER-BOTTOM-WIDTH: 1px;
 BORDER-BOTTOM-COLOR: #cccccc;
 BORDER-TOP-COLOR: #ffffff;
 BORDER-RIGHT-WIDTH: 1px;
 BORDER-RIGHT-COLOR: #cccccc;
} 
 
.searchbutton {
 font-family: Verdana, Arial, Helvetica, sans-serif;;
 font-size: 12px;
} 

.menuezufall {
 text-align:center;
 width:146px;
 border:0px solid #000000;
 background-image:url();
 margin-left: 2px;
 margin-right: 2px;
 min-height:140px; /* für richtige Browser */
 }
 /* IE Win only \*/
 * html #menuezufall {
 height:140px;
 }
 /* End IE Win */


.menueheadzufall {
 margin:0px 0px 10px 0px;   /* oben rechts unten links */
 font-size:12px;
 color:#ffffff;
 border:0px solid #000000;
 background-color:#4E82B6;
 text-align:center;
 display:block;
 font-weight:bold;
 padding:2px;
 }


/* Class für Zelle der Sectionsüberschrift (z.B.: Hammerpics, 10 Gute Gründe) */
.headsections {
 background-color:#4E82B6;
 color:#FFFFFF;
 font-weight: bold;
 font-size:12px;
 text-align:left;
 border:0px solid black;
 padding-bottom:2px;
 padding-left:8px;
 padding-right:1px;
 padding-top:2px;
 }
 
 
/* Class für "newest one!" Schriftzug in right.php */
.newest {
 font-family: Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:10px;
 text-decoration: none;
 color :#042781;
 padding:0px;
 }
 
/* Class für Zelle mit Werbung in left.php */
.werbungl {
 margin-top:90px;
 width:148px;
 text-align:center;
 border:0px solid #000000;
 }

/* Class für Zelle mit Werbung in right.php */
.werbungr {
 margin-top:50px;
 width:148px;
 text-align:center;
 font-size:10px;
 color :#042781;
 border:0px solid #000000;
 }

/* Class für ">> more Specials" Schriftzug in right.php */
.morespecials {
 font-family: Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:10px;
 text-decoration: none;
 color :#042781;
 }

/* Class für Impressumlink in fuss.php */
.impressumlink:link, .impressumlink:visited, .impressumlink:active  {
 text-decoration:none;
 color :#FFFFFF;
 font-weight:bold;
 }

.impressumlink:hover {
 text-decoration: underline;
 color: #FFFFFF;
 font-weight:bold;
 }

/* ######################################## CSS für main.php ############################################ */
/* ###################################################################################################### */

/* Haupttabelle die die zwei oberen bzw. die zwei unteren Viertel der main.php in sich trägt */
.tablemain {
 border:0px solid #042781;
 width:664px;
 border-collapse:separate; /* Für Opera damit weißer Rand um Zellen in Script */
 }

/* Class für Zellen mit Inhalt für main.php */
.tablemain2 {
 border:0px solid #042781;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:11px;
 font-weight:normal;
 text-align:left;
 color:#000000;
 padding-bottom:0px;
 padding-left:6px;
 padding-right:6px;
 padding-top:2px;
 vertical-align:top;
 width:50%;
 background-color:#E7E9ED;
 }

/* Class für Zellen mit News Inhalt für main.php */
.tablemain5 {
 border:0px solid #042781;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:11px;
 font-weight:normal;
 text-align:left;
 vertical-align:top;
 }

/* Tabelle für Zelle mit der Hauptüberschrift (Herzlich Willkommen auf Spaiks.de!) in main.php */
.tablemain3 {
 width:662px;
 border-collapse:collapse; /* entspricht cellspacing="0" */
 }

/* Tabelle für die Zellenüberschriften der einzelnen Viertel in der main.php */
.tablemain4 {
 width:100%;
 border-collapse:collapse; /* entspricht cellspacing="0" */
 }

/* Abstandshalter für main.php (Werden auch allgemein verwendet! Bis jetzt nur in right.php und left.php) */
.mainspacer {
 height:2px;
 }

/* Zweiter Abstandshalter für main.php (Werden auch allgemein verwendet!) */
.mainspacer2 {
 height:1px;
 }

/* Zweiter Abstandshalter für main.php (Werden auch allgemein verwendet!) */
.mainspacer3 {
 height:3px;
 }

/* Class für Tabellenüberschriften in main.php */
.headsectionsmain {
 background-color:#4E82B6;
 color:#FFFFFF;
 font-weight:bold;
 font-size:11px;
 text-align:left;
 border:0px solid black;
 padding-bottom:2px;
 padding-left:8px;
 padding-right:1px;
 padding-top:2px;
 }
 
/* ######################################## CSS für Sections ############################################ */
/* ###################################################################################################### */

/* Class für Tabelle der Sectionsüberschrift (z.B.: Duden, Wahre Lügen, ) */
.tablesectionshead {
 width:664px;
 border:none;
 }

/* Class für Zelle der Sectionsüberschrift (z.B.: Hammerpics, 10 Gute Gründe) */
.headsections {
 background-color:#4E82B6;
 color:#FFFFFF;
 font-weight: bold;
 font-size:12px;
 border:0px solid black;
 padding-bottom:2px;
 padding-left:8px;
 padding-right:1px;
 padding-top:2px;
 }

/* Class für Tabelle in partnersites.php */
.headsectionsbanner {
 background-color:#4E82B6;
 color:#FFFFFF;
 font-weight:bold;
 font-size:11px;
 border:0px solid black;
 padding-bottom:2px;
 padding-left:8px;
 padding-right:0px;
 padding-top:2px;
 text-align:left;
 }

/* Class für Haupttabelle der Sections PHP Dateien */
.tablesections {
 border:0px solid #042781;
 width:664px;
 }

/* Class für Zellen in Haupttabelle der Sections in denen sich die Inhalte befinden (z.B.: advent.php) */
.tablesections2 {
 border:0px solid #042781;
 background-color:#E7E9ED;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:12px;
 text-align:left;
 width:98%;
 color:#000000;
 }

/* Class für Zellen in Tabelle bei sprachefrau.php und sprachemann.php */
.tablesections3 {
 border:0px solid #042781;
 background-color:#E7E9ED;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:12px;
 text-align:left;
 color:#000000;
 }

/* Selbe wie .tablesections2 jedoch Text zentriert (z.B.: wallpaper.php) */
.tablesections4 {
 border:0px solid #042781;
 background-color:#E7E9ED;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:12px;
 text-align:center;
 width:98%;
 color:#000000;
 }

/* Class für Tabelle in partnersites.php */
.tablebuttons {
 border:0px solid #3977be;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:12px;
 font-weight:normal;
 text-align:left;
 color:#000000;
 }

/* Class für Zellen in spaikmailer.php */
.tablekontakt {
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:12px;
 font-weight:normal;
 text-align:left;
 color:#000000;
 }

/* Class für Tabelle mit Bannertext in banner.php */
.tablebanner {
 border:2px solid #A2C0DF;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:12px;
 font-weight:normal;
 text-align:center;
 color:#000000;
 }

/* Class für Tabelle in partnersites.php */
.tablemainbanner {
 width:100%;
 }

/* Abstandshalter für Sections */
.sectionsspacer {
 height:2px;
 }

/* Class für Haupttabelle der Specials Auswahl */
.specials {
 border:1px solid #4E82B6;
 background-color:#A2C0DF;
 border-collapse:collapse; /* entspricht cellspacing="0" */
 }

/* Zelle für Specials Auswahlhead in specials.php */
.specialsheadmenue {
 background-color:#4E82B6;
 color:#FFFFFF;
 font-weight:bold;
 font-size:11px;
 border:0px solid white;
 padding-bottom:2px;
 padding-left:5px;
 padding-top:2px;
 text-align:left;
 }

/* Class für Platzhalter in  Specials Auswahl */
.specialsplatzhalter {
 height:10px;
 }

/* Class für die einzelnen Menuepunkte der Specials Auswahl */
.specialsmenuepunkte {
 background-color:#A2C0DF;
 padding-bottom:2px;
 padding-left:5px;
 padding-right:2px;
 padding-top:2px;
 font-size:12px;
 text-align:center;
 width:130px;
 }

/* Class für alle Links in specials.php */
.specialsmenuelink:link, .specialsmenuelink:visited, .specialsmenuelink:active {
 text-decoration:none;
 color:#042781;
 font-weight:normal;
 background-color:#A2C0DF;
 border:1px solid #A2C0DF;
 padding-top:1px;
 padding-right:4px;
 padding-bottom:1px;
 padding-left:6px;
 }

.specialsmenuelink:hover {
 text-decoration: none;
 color: #042781;
 font-weight:normal;
 background-color: #BAD3ED;
 border: 1px solid #4E82B6;
 padding-top:1px;
 padding-right:4px;
 padding-bottom:1px;
 padding-left:6px;
 }

/* ######################################## Scripts- Global ############################################# */
/* ###################################################################################################### */

/* Class für Haupttabelle in allen kopf.php der Scripte */
.tablescript {
 border:none;
 width:664px;
 border-collapse:separate; /* Für Opera damit weißer Rand um Zellen in Script */
 }

/* Class für Haupttabelle in kopf.php2 des Pic-Scripts */
.tablescript2 {
 border:none;
 width:99%;
 }

/* Class für Haupttabelle in kopf.php des Pic-Scripts von pics.spaiks.de */
.tablescript3 {
 border:none;
 width:970px;
 }

/* ####################################### Funartikel-Script ############################################ */
/* ###################################################################################################### */

/* Class für Haupttabellen des Funartikelscripts (fest in Script integriert) */
.tablefunartikel {
 border:0px solid #042781;
 width:100%;
 }

/* Class für Zellen des Funartikelscripts Textausrichtung "left" Standard (fest in Script integriert) */
.tablefunartikel2 {
 border:0px solid #042781;
 background-color:#E7E9ED;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:12px;
 text-align:left;
 width:100%;
 color:#000000;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:10px;
 }
 
/* ########################################### Admin-CSS ################################################ */
/* ###################################################################################################### */
 
.adminleft {
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:11px;	
 float:left;	
 width:319px;
 border:0px solid #000000;
 background-color:#E7E9ED;
 margin-bottom: 6px;
 margin-left: 2px;
 margin-right: 2px;
 padding: 4px;
 min-height:130px; /* für richtige Browser */
 }
 /* IE Win only \*/
 * html .adminleft{
 height:130px;
 }
 /* End IE Win */ 


.adminright {
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:11px;	
 float:right;	
 width:319px;
 border:0px solid #000000;
 background-color:#E7E9ED;
 margin-bottom: 6px; 
 margin-left: 2px;
 margin-right: 2px;
 padding: 4px;
 min-height:130px; /* für richtige Browser */
 }
 /* IE Win only \*/
 * html .adminright {
 height:130px;
 }
 /* End IE Win */ 

  
.adminhead {
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:11px;	
 margin:0px 2px 10px 2px;   /* oben rechts unten links */
 color:#ffffff;
 border:0px solid #000000;
 background-color:#4E82B6;
 text-align:left;
 display:block;
 font-weight:bold;
 padding:2px 2px 2px 8px;
 }

.adminkopf {
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 font-size:12px;	
 margin:0px 2px 10px 2px;   /* oben rechts unten links */
 color:#ffffff;
 border:2px solid red;
 background-color:#4E82B6;
 text-align:left;
 display:block;
 font-weight:bold;
 padding:2px 2px 2px 8px;
 }
 
.adminbild {
 text-align:center;
 display:block;
 margin:0px 0px 20px 0px;   /* oben rechts unten links */ 
 }
 
.admindatum {
 padding:0px 0px 0px 250px;   /* oben rechts unten links */ 
 }