/*   _ ) _ \       _ \   \ | |   _ _|  \ | __|  
     _ \   /____| (   | .  | |     |  .  | _|   
    ___/_|_\     \___/ _|\_|____|___|_|\_|___|  
				
   2003 © Bayerischer Rundfunk - BR-ONLINE 
   http://www.br-online.de   
			Author: Vladimir Mikulicic               */ 

@import url(dom.css);

/* Schriftfarbe-groesse und art */	
body, TD, P, div, span, th, h1, h2, h3, h4, li, ul, ol { 
	 font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;
	 color: #003366;
	 font-size:10pt;
	 	}
	
body {
 	background-color: #D4FBFE;
		background-repeat: repeat-y;	
		background-image:url(/kinder/spielen-werkeln/pic/bg_blue.gif);
 	margin:0px;
	 }
		
			
/* Hauptüberschrift */
 h2 {
	 font-size:13pt;
	 font-weight:bold;
	 margin-top:0px;
		
	 }

/* Unterüberschrift */
 h3 {
	 font-size:10pt;
	 font-weight:bold;
	 margin-bottom:10px;
	 }
		
		a:link {
		font-weight:bold;
		color: #033263;
		text-decoration:underline;
		}
		
	a:visited {
		font-weight:bold;
		color: #033263;
		text-decoration:underline;
		}
		
		a:hover {
		font-weight:bold;
		color: #033263;
		text-decoration:none;
		}
		
	/* ####################################### Global Background Styles  ###################### */
	
	
	/* Style für das Eingabefeld bei den suchen */
	.inputer {	
 font-size:11px;	
	border: none;
	font-family:verdana;	
	width:90px; 
	height:18px;
	background-color:#D4FBFE;
	}
	
		.in_suche {	
 font-size:12px;	
	border: solid 097384 1px;
	font-family:verdana;	 
	height:22px;
	background-color:#ffffff;
	}	
	
	select {
	background-color:#D4FBFE;
	}
	
	
	/* Footer Hintergrund */
	.bgUnten {
	background-repeat: no-repeat;	
	background-image:url(/kinder/spielen-werkeln/pic/bg_blue4.gif);
	}
	
	/* Linke Seite Hintergrund */
	.bgLinks {
	background-repeat: no-repeat;	
	background-image:url(/kinder/spielen-werkeln/pic/bg_blue11.gif);
	}
	
	
/* Haupt Hintergrund oben links */
	.bgOben {
	background-repeat: no-repeat;	
	background-image:url(/kinder/spielen-werkeln/pic/bg_blue0.gif);
	}
	
	/* Hintergrund rechte Seite oben */
	.bgbla {
	background-color:#4BC4BE;
	background-repeat: no-repeat;	
	background-image:url(/kinder/spielen-werkeln/pic/bg_blue_lio.gif);
	}
	
		/* Hintergrund rechte Seite unten */
	.bgbla2 {
	background-color:#097384;
	background-repeat: no-repeat;	
	background-image:url(/kinder/spielen-werkeln/pic/bg_blue_liu.gif);
	}
	
	/* Hintergrund von der Kopfsuche */
	.suche_bg {
	background-color:#6FB7C1;
	}
	
	/* ############################################################## */
	
	
	/* Bilderrahmen */
img {
	color: #84C2CC;
	border-color:  #84C2CC;
}

/* Bidlerrahmen Hell */
img.hell {
color:#D4FBFE;
border-color:#D4FBFE;
}

/* Bidlerrahmen Hell */
img.schw {
color:#000000;
border-color:#000000;
}

/* Hintergrundfarbe vom Rand der Kästen */
td.rand {
background-color:#8EC6CB;
}

/* Hintergrundfarbe vom Rand der Textkästen Dachzeile (dunkel!!!) */
td.rand2 {
background-color:#097384;
}

/* Schrift def! von der Dachzeile (dunkel!!!) */
td.rand2 div {
color:#8EC6CB;
font-weight:bold;
}

/* Hintergrundfarbe vom Rand der Textkästen Dachzeile (dunkel!!! spieleseiten) */
td.spiele {
background-color:#097384;
}

/* Schrift def! von der Dachzeile (dunkel!!!) */
td.spiele div {
font-size:16px;
color:#8EC6CB;
font-weight:bold;
}

/* Schrift def. im NEWS Kasten auf der Indexseite */
table.spielKasten div {
margin-left:8px;
margin-right:8px;
margin-top:5px;
font-size:11px;
color:#04046B;
font-weight:bold;
word-spacing:0.3em;
letter-spacing:0.1em;
line-height:1.4em;
}

	/* Bilderrahmen vom NEWS Kasten auf der Indexseite */
table.spielKasten img {
	color:#000033;
	border-color:#000033;
}

/* Überschrift vom NEWS Kasten auf der Indexseite */
table.spielKasten h2 {
margin-top:0px;
margin-bottom:5px;
padding:0px;
font-size:11pt;
color:#04046B;
font-weight:bold;
}

/* Schrift def. vom festen Teaserkasten auf der Indexseite */
table.Kasten div {
margin-left:8px;
margin-right:8px;
margin-top:1px;
font-size:11px;
color:#04046B;
font-weight:bold;
word-spacing:0.1em;
letter-spacing:0.1em;
line-height:1em;
}

/* Pfeil pos. vom festen Teaserkasten auf der Indexseite */
table.Kasten img.pfeil {
float:right;
position: relative;
margin-top:45px;
	 }
		
/* Pfeil pos. im Audio/Videokasten */
table.Kasten img.pfeil2 {
float:right;
position: relative;
margin-top:30px;
	 }
		
	/* Dachzeile vom Teaserkasten */
	table.tk td.dach {
	background-color:#8EC6CB;
	background-image:url(/kinder/spielen-werkeln/pic/tk_rand_ob.gif);
	}
	
	/* Schrift pos. von dr Dachzeile vom Teaserkasten */
	table.tk td.dach div {
	font-size:11px;
	color:#04046B;
	font-weight:bold;
	margin-left:8px;
	}
	
	/* Position des Bildes im Teaserkasten  ?????????????????????????????????????????????????????????????????????? */
	table.tk img.tk {
	margin-top:4px;
	}
	
	/*Schrift def. im Teaserkasten */
	table.tk td.content div {
	color:#04046B;
	font-size:11px;
	font-weight:bold;
	margin:5px;
	}
	
	/* Hintergrundfarbe des Randes bei der A-Z suche */
	table.a-zSuche td.rand {
	background-color:#A1D9E0;
	}

	/* Schrift def. im Rand bei der A-Z Suche */
table.a-zSuche td.rand div {
font-size:11px;
	color:#04046B;
	font-weight:bold;
	margin-left:8px;
	}
	
	/* Link def. bei der A-Z Scuhe */
	a.A-Z:link {
		font-weight:bold;
		font-size:10pt;
		color: #033263;
		text-decoration:underline;
		line-height:22px;
		}
		
	a.A-Z:visited {
		font-weight:bold;
		font-size:10pt;
		color: #033263;
		text-decoration:underline;
		padding-bottom:5px;
		line-height:22px;
		}
		
		a.A-Z:hover {
		font-weight:bold;
		font-size:10pt;
		color: #033263;
		text-decoration:none;
		padding-bottom:5px;
		line-height:22px;
		}
	
/* Spezielle Styles für die einzelnen Buchstaben bei der A-Z Suche */ 		
#d1,#d2,#d3,#d4,#d5,#d6,#d7,#d8,#d9,#d10,#d11,#d12,#d13,#d14,#d15,#d16,#d17,#d18,#d19,#d20,#d21,#d22,#d23,#d24,#d25,#d26 {
	width: 500px;
	padding:10px;
}

/* Hintergrundfarbe der Kästen bei der A-Z Suche wenn markiert */
.on {
	background-color: #A1D9E0;
}

/* Hintergrundfarbe der Kästen bei der A-Z Suche wenn nicht markiert */
.off {
background-color: #D4FBFE;
}

/* Schrift def. im Linkkasten */
table.linkKasten div {
color:#003366;
font-size:11px;
margin-left:8px;
margin-right:8px;
margin-top:4px;
margin-bottom:4px;
}

/* Rand vom Linkkasten oben */
td.linkover {
background-image:url(/kinder/spielen-werkeln/pic/lk_rand.gif);
}

/* Schrift def. im Linkkasten */
td.linkovertext {
background-color:#8EC6CB;
padding-left:5px;
font-size:12px;
font-weight:bold;
font-color:#003366;
}

/* Hintergrund von der Linkzeile im Linkkasten */
table.linkKasten td.link {
background-color:#8EC6CB;
background-repeat: no-repeat;
background-image:url(/kinder/spielen-werkeln/pic/linkkasten_li.gif);
}

/* Link def. im Linkkasten */
table.linkKasten a:link {
font-size:11px;
text-decoration:none;
font-weight:bold;
}

/* Link def. im Linkkasten */
table.linkKasten a:visited {
font-size:11px;
text-decoration:none;
font-weight:bold;
}

/* Link def. im Linkkasten */
table.linkKasten a:hover {
font-size:11px;
text-decoration:none;
font-weight:bold;
}

/* Roter Link unten am Fuss */
a.rot:link {
color:#95173D;
text-decoration:none;
font-size:12px;
}

/* Roter Link unten am Fuss */
a.rot:visited {
color:#95173D;
text-decoration:none;
font-size:12px;
}

/* Roter Link unten am Fuss */
a.rot:hover {
color:#95173D;
text-decoration:none;
font-size:12px;
}

/* Blauer Link unten am Fuss */
a.blau:link {
color:#2F4597;
text-decoration:none;
font-size:12px;
}

/* Blauer Link unten am Fuss */
a.blau:visited {
color:#2F4597;
text-decoration:none;
font-size:12px;
}

/* Blauer Link unten am Fuss */
a.blau:hover {
color:#2F4597;
text-decoration:none;
font-size:12px;
}

/* Bildunterschrift */
td.bu{
	background-color:#8EC6CB;
	font-size: 10px;
}

/* Schrift def. vom Textkasten */
div.tk {
margin-left:10px;
margin-right:10px;
margin-top:8px;
margin-bottom:8px;
}

/* Hintergrund vom Popup Oben */
.popOben {
background-color:#097384;
background-repeat: no-repeat;
background-image:url(/kinder/spielen-werkeln/pic/popup_oben.gif);
}

/* Hintergrund vom Popup Links */
.popLinks {
background-repeat: no-repeat;
background-image:url(/kinder/spielen-werkeln/pic/popup_links.gif);
}

/* ####################### Styles für das Popup mit grossem Bild und Text ################## */

body.popup {
background-image:none;
background-color:#097384;
}

body.popup img {
border-color:#ffffff;
color:#ffffff;
}

body.popup td {
color:#ffffff;
}

body.popup td.randLi {
background-image:url(/kinder/spielen-werkeln/pic/p_rand_li.gif);
}

body.popup td.randRe {
background-image:url(/kinder/spielen-werkeln/pic/p_rand_re.gif);
}

body.popup td.randOb {
background-image:url(/kinder/spielen-werkeln/pic/p_rand_o.gif);
}

body.popup td.randUn {
background-image:url(/kinder/spielen-werkeln/pic/p_rand_u.gif);
}

/* ############################################ */
/* MAILFORM ################################## */
td.m_rand_re {
background-image:url(/kinder/spielen-werkeln/pic/m_rand_re.gif);
}

td.m_rand_li {
background-image:url(/kinder/spielen-werkeln/pic/m_rand_li.gif);
}

td.m_rand_o {
background-image:url(/kinder/spielen-werkeln/pic/m_rand_o.gif);
}

td.m_rand_u {
background-image:url(/kinder/spielen-werkeln/pic/m_rand_u.gif);
}

td.m_content {
background-color:#B8E8ED;
}

/* Style für das Eingabefeld bei den suchen */
	.m_input {	
    font-size:12px;	
	border: none;
	font-family:verdana;	
	width:220px; 
	height:21px;
	background-color:#ffffff;
	}
	
	/* Style für das Eingabefeld bei den suchen */
	.m_input2 {	
    font-size:12px;	
	border: none;
	font-family:verdana;	
	width:220px; 
	background-color:#ffffff;
	overflow:auto;
	}
	
	.m_input3 { 
    font-size:12px; 
    border: none;
    font-family:verdana; 
    width:440px;
    background-color:#ffffff;
    overflow:auto;
    }	
	
	table.mailform td {
	font-weight:bold;
	font-size:11px;	
	}
/* ########################################### */

/* ######## VOTEING ######*/

.v_bg {
/*background-color:#8EC6CB;*/ 
background-color:#6EB7C1;
}

.v_bgv {
background-color:#8EC6CB;
}

.v_bg2 {
background-color:#D4FBFE;
}

.v_bg3 {
background-color:#AADBDF;
}

.v_bg4 {
background-color:#9CD1D5;
}

.v_bg5 {
background-color:#097384;
}


.v_bg6 {
background-color:#B8E6EA;
}

.v_bg7 {
background-color:#8EC6CB;
}


.v_bg div {

}

.v_bg3 div {
color:#033263;
font-size:12px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
vertical-align:middle;
}

.v_bg4 div {
color:#033263;
font-size:12px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
vertical-align:middle;
}

.v_bg7 div {
font-weight:bold;
font-size:10px;
margin-top:5px;
margin-right:8px;
margin-left:8px;
}


.v_bgr {
background-color:#8EC6CB;
}

.v_bgr div {
font-weight:bold;
font-size:10px;
margin-top:5px;
margin-right:8px;
margin-left:8px;
}

.v_dot {
background-image:url(/kinder/spielen-werkeln/pic/v_dot.gif);
}

table.v_text div {
font-size:12px;
font-weight:bold;
padding-left:13px;
}

.v_bg3 div.prozent {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
font-size:11px;
padding:0px;
}

a.gal:link {
		font-size:11px;
		font-weight:bold;
		color: #033263;
		text-decoration:none;
		}
		
	a.gal:visited {
		font-size:11px;
		font-weight:bold;
		color: #033263;
		text-decoration:none;
		}
		
		a.gal:hover {
		font-size:11px;
		font-weight:bold;
		color: #033263;
		text-decoration:none;
		}
		
		a.tv_send:link {
		font-size:10px;
		font-weight:normal;
		text-decoration:none;
		letter-spacing:-1px;
		}
			a.tv_send:visited{
		font-size:10px;
		font-weight:normal;
		text-decoration:none;
		letter-spacing:-1px;
		}
			a.tv_send:hover {
		font-size:10px;
		font-weight:normal;
		text-decoration:none;
		letter-spacing:-1px;
		}
		
		div.suche {
		margin-left:8px;
		margin-right:8px;
		font-size:10px;
		}
		
		table.sucheZahlen td {
		text-align:center;
		padding-left:5px;
		padding-right:5px;
		height:20px;
		}