@import url("cesNav.css");
@import url("cesBoxen.css");


body {
margin:0;
padding:0;
/*die mittige Hintergrundgrafik liegt in der Layoutbox "anzeige"
der Rapport Links liegt in der Navigation
der Rapport Rechts liegt inb der Box "inhalt"
*/
/*background-image: url(../bilder/bg3.gif);*/
background-image:url(../bilder/winterBg.gif);
background-repeat:repeat-x;
font:100%/1.3em "Trebuchet MS", Arial, sans-serif;
color:#002C5B;
background-color:#EBE7AC;
text-align:center;
}

h1, h2, h3, p, ul, ol, div {
margin:0;
padding:0;
text-align:left;
}

h1, h2, h3 {
font-size:1.4em;
line-height:1.5em;
margin-top:1em;
}
h2 {
font-size:1.2em;
}
h3 {
font-size:1em;
}
p{
margin-top:1em;
}
img {
vertical-align:bottom;
}
.boxInfo h3 {
/*margin-top:0;*/
padding-top:0.5em;
padding-left:15px;
padding-bottom:0.5em;
}
/******************************** INITIIALIEN - verschiedene Grafiken  ******************************
individuelle Anpassung der Position inline */
.first {
font-weight:bold;
font-size:4.2em;
line-height:0.9em;
color:#003A7B;
background-color:#EBE7AC;
background-image: url(../bilder/tulpe.gif);
background-position:left top;
background-repeat:no-repeat;
margin-right:0.1em;
float:left;
}
.firstBG2 {
background-image: url(../bilder/bulletsSchm.gif);
background-position:left top;
background-repeat:no-repeat;
}
.firstBG3 {
background-image: url(../bilder/bulletsSchmO.gif);
background-position:right bottom;
background-repeat:no-repeat;
}
.firstBG4 {
background-image:url(../bilder/wolkeKlein.gif);
background-position:right top;
background-repeat:no-repeat;
}
/********************** LINKFARBEN ****************************/
a:link {
color:#002C5B;
}
a:visited {
color:#002C5B;
}
a:hover {
color:#950000;
}
a:focus {
color:#950000;
}

/********************** Die INFOBOX *****************************/
/*die Mindesthoehe der Infobox ist im Kopf der Dateien oder inline festgelegt*/
.boxInfo {
background-color:#EBE7AC;
border:1px solid #809FAA;
padding-bottom:2em;
}
.boxInfo p {
background-color:#EBE7AC;
padding:10px;
margin-top:0;
}
/* vor IE5-mac verstecken, nur für IE win. \*/
* html #inhalt .boxInfo{
height:1%;
}
/* Ende IE5/mac Hack */

/********************** Die ÜBERSCHRIFT der Infobox - blauer Kasten /Überschrift Ebene 2 *****************************/
.boxHeader {
background-color:#003A7B;
background-image: url(../bilder/eckeRe_tb_Blau.gif);
background-position:right top;
background-repeat:no-repeat;
margin-top:2em;
padding-bottom:2px;
}
.boxHeader h2 {
background-color:#003A7B;
font-weight:bold;
color:#F9F9F9;
margin:0; /*damit die Boxen direkt aneinander anschließen*/
margin-right:30px;
padding-left:15px;
background-image: url(../bilder/eckeLi_tb_Blau.gif);
background-position:left top;
background-repeat:no-repeat;
}
html>body .boxHeader {
height:auto;
}
/********************** Die BOXNAVIGATION (hellblauer Kasten) *****************************/
.boxInfoNav {
background-color:#BDCDD2;
padding:2px 0 2px 15px;
font-weight:600;
line-height:1.2em;
}
.boxInfoNav a {
text-decoration:none;
color:#002C5B;
}
.boxInfoNav a:hover, .boxInfoNav a:active, .boxInfoNav:focus{
color:#950000;
}
/*w3c konform*/
.boxInfoNav a.aktiv {color:#6D0000;}
/*hp konform*/
.boxInfoNav a.aktiv {color:#950000;}

/**********************für die Navigation bei den Einzelspielen ****************/
.boxInfoNavSpiele {
clear:both;
position:relative;
background-color:#BDCDD2;
padding:2px 0;
font-weight:600;
line-height:1.2em;
width:inherit; 
height:1.3em;
}

.zurueck {
position:absolute;
left:15px;
bottom:2px;
}
.vor {
position:absolute;
right:15px;
bottom:2px;
}
.boxInfoNavSpiele a {
text-decoration:none;
color:#002C5B;
}
.boxInfoNavSpiele a:hover, .boxInfoNavSpiele a:active, .boxInfoNavSpiele a:focus{
color:#950000;
}
/*w3c konform*/
.boxInfoNavSpiele a.aktiv {color:#6D0000;}
/*hp konform*/
.boxInfoNavSpiele a.aktiv {color:#950000;}

/*************** Didaktik ****************/
.buchtitelGr {/* für die Covertitel bei Produktübersichten und für die Screens bei den Einzelspielen*/
margin:10px;
margin-top:12px;
border:1px solid #003;
float:left;
}

.screens img {/*für die Screengruppen bei Didaktik*/
margin:8px 8px 0 0;
}


.titelKl{ /*für Coverbilder bei home und therapie*/
margin:0 20px 0 10px;
border:1px solid #003;
float:left;
}

.produktinfos{/* Text (rechts neben Grafik) bei home und therapie*/
padding-bottom:1em;
}
a.beschreibung , a.einzelLiz ,  a.klassenLiz {
height:35px;
text-decoration:none;
background-position:right;
background-repeat:no-repeat;
display:block;
}
a:link.beschreibung, a:visited.beschreibung  {
width:14em;
background-image:url(../bilder/frosch_1.gif);
}
a:hover.beschreibung, a:focus.beschreibung {
width:14em;
background-image:url(../bilder/frosch_2.gif);
}
a:link.einzelLiz, a:visited.einzelLiz  {
width:10em;
background-image:url(../bilder/wagen.gif);
}
a:hover.einzelLiz, a:focus.einzelLiz  {
width:10em;
background-image:url(../bilder/wagen2.gif);
}
a:link.klassenLiz, a:visited.klassenLiz {
width:10em;
background-image:url(../bilder/wagen.gif);
}
a:hover.klassenLiz , a:focus.klassenLiz {
width:10em;
background-image:url(../bilder/wagen2.gif);
}
a.einzelHor {
padding-right:30px;
padding-bottom:1em;
margin-right:1em;
background-image:url(../bilder/wagen.gif);
height:35px;
text-decoration:none;
background-position:right;
background-repeat:no-repeat;
}
a:hover.einzelHor, a:focus.einzelHor {
background-image:url(../bilder/wagen2.gif);
}
html>body a.einzelHor{
margin-right:3em;
}
a.klassenHor{
padding-right:30px;
padding-bottom:1em;
margin-right:1em;
background-image:url(../bilder/wagen.gif);
height:35px;
text-decoration:none;
background-position:right;
background-repeat:no-repeat;
}
a:hover.klassenHor {
background-image:url(../bilder/wagen2.gif);
}
html>body a.einzelHor{
margin-right:3em;
}
/**************************************** FLOATS ****************************************/
.rechts {
float:right;
margin-right:6px;
}
.rechts img {
border:1px solid #003;
margin:6px 0;
}
.links {
float:left;
}
.links img {
border:1px solid #003;
margin:6px 0;
}
.textLi {
padding-left:160px;
}
.textRe {
padding-right:160px;
}
.clearing{
clear:both;
}
.clearRe{
clear:right;
}
.clearLi{
clear:left;
}
.abstandRe {margin-right:12px;}

/**************************************** DIVERSES  ****************************************/
hr {
background-color: #809FAA;
color: #809FAA;
border: 0 none;
height:1px;
clear:both;
display:block;
}
.kleiner {
font-size:0.8em;
}
.versand {
font-size:0.8em;
line-height:1em;
font-weight: normal;
}
.zuSpielen a {
font-size:0.92em;
}
a.rot {color:#990000; font-weight:bold;}
.browserAktual {
display:none;
}

/****************************************  BESTELLUNG - TABELLE  ****************************************/

table{
	border-spacing:0;
	border-collapse:collapse;
	margin-top:0;
	width:100%;
}
html>body table {width:100%;}
th {
text-align:left;
padding:6px;
border:1px solid #809FAA;
}
td{
	vertical-align:top;
	padding:6px;
	border:1px solid #809FAA;
}
caption {
margin-top:2em;
font-weight:bold;
text-align:left;
padding-left:6px;
padding-top:0.5em;
}

.ugd {
background-color:#D8DE92;
background-color:#BDCDD2;
}

/****************************************  FORMUALRFELDER  ****************************************/

form {
margin-top:0;
padding:1.5em;
font-size:1em;
}
form p.text {
width:auto;
}
form p.textKleiner {
width:auto;
font-size:0.9em;
}
.mengenangabe{
	width:1.5em;
}
input{
line-height:1.2em;
margin: 0.3em 0;
width:14em;
}
textarea{ line-height:1em;
margin: 0.3em 0;
width:14em;
height:10em;
}
select{ line-height:1em;
margin: 0.3em 0;
width:14em;
}
input.weg {
background-color:#BDCDD2;
border:1px solid #809FAA;
padding:3px;
text-align:center;
color:#002C5B;
}