body { padding: 0px; margin: 0px; background: url(../images/bg_all.png); background-repeat: repeat-x; background-color: #f1f1f1; font-family: Arial; font-size: 12px; }
a { color: #a70101; font-family: Arial; font-size: 12px; text-decoration: none; }

p { font-family: Arial; font-size: 12px; line-height: 15px; font-weight: normal; color: #323232; margin: 0 0 5px 0; padding: 0px; }
p span { color: #a70101; }
p.align-right { text-align: right; }

ul, ol{ list-style-type: disc; margin: 0px 0px 5px 0px; color: #323232; }
li{ margin: 0px 0px 0px 20px; }

div.button{ behavior: url(/fileadmin/templates/images/iepngfix.htc); }
div.button.abstimmen { cursor: pointer; width: 110px; height: 32px; background: url(../images/bt_abstimmen.png); }
div.button.abonnieren { cursor: pointer; width: 154px; height: 31px; background: url(../images/bt_jetzt_abo.png); }
div.button.registrieren { cursor: pointer; width: 154px; height: 31px; background: url(../images/bt_jetzt_registrieren.png); }
div.button.suchen { cursor: pointer; width: 120px; height: 32px; background: url(../images/bt_suche.png); }
div.button.probeabo { cursor: pointer; width: 158px; height: 32px; background: url(../images/bt_probeabo.png); margin:auto; }
div.button.download { cursor: pointer; width: 156px; height: 31px; background: url(../images/bt_beitrag_dl.png); margin:auto; }
div.button.downloadnow { cursor: pointer; width: 130px; height: 31px; background: url(../images/bt_jetzt_dl.png); }
div.button.abbrechen { cursor: pointer; width: 130px; height: 31px; background: url(../images/bt_abbrechen.png); }
div.button.bewerten { cursor: pointer; width: 130px; height: 31px; background: url(../images/bt_bewerten.png); }
div.button.datenspeichern { cursor: pointer; width: 116px; height: 31px; background: url(../images/bt_datenspeichern.png); }
div.button.warenkorb { cursor: pointer; width: 158px; height: 34px; background: url(../images/bt_in_warenkorb.png); }
div.button.bezahlen { cursor: pointer; width: 120px; height: 31px; background: url(../images/bt_jetzt_bezahlen.png); }
div.button.fortsetzen { cursor: pointer; width: 158px; height: 32px; background: url(../images/bt_bestell_fort.png); }
div.button.bestellen { cursor: pointer; width: 130px; height: 31px; background: url(../images/bt_jetzt_bestellen.png); }
div.button.zurkasse { cursor: pointer; width: 120px; height: 32px; background: url(../images/bt_zurkasse.png); }
div.button.abschicken { cursor: pointer; width: 158px; height: 32px; background: url(../images/bt_bestell_abschicken.png); }

div.quote{ border: solid 1px #808080; background-color: #f0f0f0; padding: 5px; }

tr.zahlart2, tr.zahlart3, tr.mask2{ display: none; }

img.transparent { behavior: url(fileadmin/templates/images/iepngfix.htc); }
h1 { color: #a70101; font-size: 14px; font-weight: bold; font-family:Times; margin: 0 0 10px 0; padding: 0px; line-height: 20px; }
h2 { color: #848484; font-weight: bold; font-size: 13px; font-family: Arial; margin: 0 0 10px 0; padding: 0px; line-height: 17px; }
h3 { color: #a70101; font-size: 24px; font-weight: bold; font-family:Times; margin: 0 0 7px 0; padding: 0px; line-height: 40px; }
h4 { color: #333; font-weight: bold; font-size: 14px; font-family: Times; margin: 0 0 7px 0; padding: 0px; line-height: 14px; }

input { margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; height: 16px; }
input.w100{ border: solid 1px #7f9db9; width: 251px; }
input.w75{ border: solid 1px #7f9db9; width: 186px; }
input.w50{ border: solid 1px #7f9db9; width: 123px; }
input.w25{ border: solid 1px #7f9db9; width: 60px; }
input.button { height: auto; }

select{ border: solid 1px #7f9db9; width: 253px; height: 18px; font-family: Arial; font-size: 11px; }

textarea{ border: solid 1px #7f9db9; width: 251px; height: 70px; }

#page { position: relative; width: 826px; top: 0px; margin-left: 10px; display: none; }
#skyscraper{ position: absolute; top: 7px; left: 830px; }

#template { position: relative; width: 100%; top: 10px; bottom: 50px; }
#template .shadow_left_top{ width: 3px; height: 3px; background: url(../images/sh_o_li.png); background-repeat: no-repeat; font-size: 1px; }
#template .shadow_right_top{ width: 3px; height: 3px; background: url(../images/sh_o_r.png); background-repeat: no-repeat; font-size: 1px; }
#template .shadow_left_bottom{ width: 3px; height: 3px; background: url(../images/sh_u_li.png); background-repeat: no-repeat; font-size: 1px; }
#template .shadow_right_bottom{ width: 3px; height: 3px; background: url(../images/sh_u_re.png); background-repeat: no-repeat; font-size: 1px; }
#template .shadow_top{ width: 3px; height: 3px; background: url(../images/sh_o.png); background-repeat: repeat-x; font-size: 1px; }
#template .shadow_left{ width: 3px; height: 3px; background: url(../images/sh_li.png); background-repeat: repeat-y; font-size: 1px; }
#template .shadow_right{ width: 3px; height: 3px; background: url(../images/sh_r.png); background-repeat: repeat-y; font-size: 1px; }
#template .shadow_bottom{ width: 3px; height: 3px; background: url(../images/sh_u.png); background-repeat: repeat-x; font-size: 1px; }
#template .copyright{ padding: 5px 0 20px 0; color: #999; }

#header{ position: relative; width: 820px; height: 142px; background: url(../images/head_klick.jpg); background-repeat: no-repeat; }
#header #metanavi { position: absolute; top: -6px; right: 0px; }

#navi { background: url(../images/bg_navi.png); background-repeat: no-repeat; width: 820px; height: 28px; }
#navi a { font-family: Arial; font-size: 12px; color: #478b10; font-weight: bold; text-decoration: none; }
#navi a:hover { color: #5AB312;  }
#navi a.active { color: #fff; }
#navi table td { padding-left: 15px; line-height: 28px; }
#navi table td.active a { color: #fff; }

#links { width: 630px; background: url(../images/bg_content.gif); background-repeat: repeat-y; }
#rechts { width: 190px; background: #fff; }

#klappbox #zeitschriften,
#klappbox #suche,
#klappbox #warenkorb,
#klappbox #newsletter { cursor: pointer; }
#klappbox .boxOpened{ display: block; }
#klappbox .boxClosed{ display: none; }
#klappbox .box {  height: 259px; width: 630px; background: url(../images/bg_archivsuche.png); background-repeat: no-repeat; padding:0px; }
#klappbox #boxzeitschriften { height: 259px; width: 630px; background: url(../images/bg_zeitschriften.jpg); background-repeat: no-repeat; padding:0px; }
#klappbox #boxfoto td { height: 259px; width: 630px; padding:0px; }
#klappbox .bg { background: url(../images/bg_navi2.png); }
#klappbox .suche{ font-family: Verdana; font-size: 10px; color: #676767; font-weight: bold; }
#klappbox .suche input.grau{ color: #676767; width: 251px; }

#klappbox #zeitschriften,
#klappbox #suche,
#klappbox #warenkorb,
#klappbox #newsletter { cursor: pointer; }
#klappbox .box {  height: 259px; width: 630px; background: url(../images/bg_archivsuche.png); background-repeat: no-repeat; padding:0px; }
#klappbox .opened{ display: block; }
#klappbox .closed{ display: none; }


#content { padding: 10px 10px 10px 10px; width: 610px; }
#content h1 { color: #a70101; font-size: 14px; font-weight: bold; font-family:Times; margin: 0 0 10px 0; padding: 0px; line-height: 20px; }
#content h1.csc-firstHeader { color: #a70101; font-size: 14px; font-weight: bold; font-family:Times; margin: 0 0 10px 0; padding: 0px; line-height: 20px; }
#content h2 { color: #848484; font-weight: bold; font-size: 13px; font-family: Arial; margin: 0 0 10px 0; padding: 0px; line-height: 17px; }
#content hr { color: #cacaca; }
#content .spalte0 { clear: both; }
#content .spalte1 { width: 290px; float: left; margin: 0px; padding: 0px; }
#content .spalte2 { margin: 0px; padding: 0 0 0 307px;}
#content #breadcrumb { font-family: Arial; font-size: 12px; margin-bottom: 10px; color: #999; width:100%; }
div.error{ color: #f00; text-align: center; }
p.error{ color: #f00; }
#content div.info{ color: #0a0; text-align: center; width: 100%; margin: 0 0 5px 0; }
div.corr{ color: #00f; text-align: center; }

div.ausgabe{ width: 200px; border: solid 1px #ccc; padding: 1px; }
div.ausgabe img{ margin: auto; }
div.ausgabe div.bg{  background: url(../images/bg_probeabo.png); background-repeat: repeat-x; padding: 5px; background-color: #eee; }

div.clear-block{ clear: both; }

#empfehlungen { width: 600px; margin: auto; }
#previews { width: 600px; margin: auto; }

ul.doppelpfeil{ margin: 5px 0 0 5px; padding: 0px; }
ul.doppelpfeil li span.schwarz { color: #000; }
ul.doppelpfeil li span.grau { color: #999; }
ul.doppelpfeil li { margin:0 0 0 16px; list-style-image: url(../images/doppelpfeil_normal.gif); text-align: left; color: #a70101; }
ul.doppelpfeil li.bold { list-style-image: url(../images/doppelpfeil_bold.gif); font-weight: bold; }
ul.doppelpfeil li.grau { list-style-image: url(../images/doppelpfeil_normal_grau.gif); }
ul.doppelpfeil li.graubold { list-style-image: url(../images/doppelpfeil_bold_grau.gif); font-weight: bold; }

ul.abstract{ margin: 5px 0 0 5px; padding: 0px; }
ul.abstract li.auf { margin:0 0 0 16px; list-style-image: url(../images/abstract_auf.png); text-align: left; }
ul.abstract li.zu { margin:0 0 0 16px; list-style-image: url(../images/abstract_zu.png); text-align: left; }

ul#subnavi { list-style-type: none; margin: 0px; padding: 5px; width: 180px; border: dashed 1px #ccc; }
ul#subnavi li { margin:0 0 0 22px; padding: 0px; color: #a70101; list-style-image: url(../images/doppelpfeil_normal.gif); }
ul#subnavi li.active a { color: #ccc; }
ul#subnavi li.active { color: #ccc; list-style-image: url(../images/doppelpfeil_normal_grau.gif); }
ul#subnavi h2 { margin: 0px; }
ul#subnavi p { margin: 0px; }


#userbox { width: 190px; }
#userbox #login,
#userbox #register { cursor: pointer; }
#userbox .box.opened{ display: table-row; }
#userbox .box.closed{ display: none; }
#userbox #boxlogin td.box,
#userbox #boxregister td.box { height: 259px; background: url(../images/bg_teaser.png); background-repeat: repeat-x; padding:10px 0px 10px 0px; }

.box .spalte0{ margin-left: 5px; }

/*.csc-textpic-image.csc-textpic-lastcol{ margin: 0px; padding: 0px; position: relative; left: -10px; }*/


#teaser { width: 180px; font-family: Arial; font-size: 12px; }
#teaser img{ margin: 10px 0px 0px 2px; }
#teaser img.margin{ margin-left: 5px; }
#teaser table.gewinnspiel { margin: 0 0 0 5px; width: 180px; }
#teaser table.gewinnspiel td.frage { font-family: Georgia, Times; font-size: 14px; color: #a70101; font-weight: bold; }
#teaser table.gewinnspiel td.antwort { font-family: Arial; font-size: 12px; color: #313131; padding: 5px 0 5px 0; }


.footer { background-color: #fff; background-image:url(../images/footer_dotted.gif); background-repeat: no-repeat; width: 820px; height: 51px; }
#footernavi { color: #333; font-size: 12px; font-family: Arial; }
#footernavi a { color: #333; font-size: 12px; font-family: Arial; text-decoration: none; }

/********************************************************
	
	Carousel Magazines
	
********************************************************/

#auswahlZeitschriften{ position: relative; height: 235px; width: 100%; }

#auswahlZeitschriften .arrow{ position: absolute; cursor: pointer; }
#auswahlZeitschriften .arrow.left{ top: 103px; left: 5px; width: 62px; height: 62px; background: url(../images/zeitschriften_links.png); behavior: url(fileadmin/templates/images/iepngfix.htc); }
#auswahlZeitschriften .arrow.right{ top: 103px; right: 5px; width: 62px; height: 62px; background: url(../images/zeitschriften_rechts.png); behavior: url(fileadmin/templates/images/iepngfix.htc); }

#auswahlZeitschriften .infobox { cursor: pointer; position: absolute; padding: 10px; top: 20px; left: 64px; width: 480px; height: 205px; background: #AAA; background: url(../images/layer_archivsuche.png); background-repeat: no-repeat; z-index: 101; display: none;behavior: url(fileadmin/templates/images/iepngfix.htc); }

#auswahlZeitschriften .infobox h1 { color: #a70101; font-size: 14px; font-weight: bold; font-family:Times; margin: 0px; padding: 0px; line-height: 20px; }
#auswahlZeitschriften .infobox h2 { color: #848484; font-weight: bold; font-size: 13px; font-family: Arial; margin: 0px; padding: 0px; line-height: 17px; }
#auswahlZeitschriften .infobox p { font-family: Arial; font-size: 12px; line-height: 15px; font-weight: normal; color: #323232; margin: 6px 0 0 0; padding: 0px; }
#auswahlZeitschriften .infobox ul { font-family: Arial; font-size: 12px; line-height: 15px; font-weight: normal; color: #323232; margin: 0px; padding: 0px; list-style-type: square; }
#auswahlZeitschriften .infobox ul li { margin-left: 20px; }
#auswahlZeitschriften .infobox div.links { text-align: right; position: absolute; bottom: 30px; right: 10px; }

#auswahlZeitschriften img { display: none; position: absolute; behavior: url(fileadmin/templates/images/iepngfix.htc); }
#auswahlZeitschriften #loading { position: relative; top: 100px; width: 100%; text-align: center; font-family: Arial; font-size: 12px; }

/********************************************************
	
	Carousel book of recommendations
	
********************************************************/

#areaEmpfehlungen { position: relative; width: 95%; margin: auto; float: none; }
#menuEmpfehlungen { position: relative; width: 100%; height: 160px; border: solid 1px #aaa; background: url(../images/bg_empfehlungen.jpg); background-repeat: repeat-x; float: none; margin-top: 20px; }
/* #menuEmpfehlungen img { position: absolute; display:none; top: 5px; behavior: url(iefixpng.thc); margin: 0px; } */

#menuEmpfehlungen #buttonLinks { position: absolute; top: 60px; left: 0px; height: 30px; width: 12px; behavior: url(fileadmin/templates/images/iepngfix.htc); background: url(../images/empfehlung_links.png); background-repeat: no-repeat; cursor: pointer; }
#menuEmpfehlungen #buttonRechts { position: absolute; top: 60px; right: 0px; height: 30px; width: 12px; behavior: url(fileadmin/templates/images/iepngfix.htc); background: url(../images/empfehlung_rechts.png); background-repeat: no-repeat; cursor: pointer; }
#menuEmpfehlungen #verlaufWeissLinks{ position: absolute; top: 30px; left: 12px; width: 60px; height: 112px; behavior: url(fileadmin/templates/images/iepngfix.htc); background: url(../images/empfehlung_verlauf_weiss_li.png); background-repeat: repeat-y; z-index: 100; }
#menuEmpfehlungen #verlaufWeissRechts{ position: absolute; top: 30px; right: 10px; width: 60px; height: 112px; behavior: url(fileadmin/templates/images/iepngfix.htc); background: url(../images/empfehlung_verlauf_weiss_re.png); background-repeat: repeat-y; z-index: 100; }

#menuEmpfehlungen #empfehlungen { position: absolute; top: 30px; left: 12px; right: 12px; height: 112px; width: 96%; overflow: hidden; }
#menuEmpfehlungen #bilderEmpfehlungen{ width: 5000px; height: 100px; }
#menuEmpfehlungen #bilderEmpfehlungen .empfehlung{ float: left; margin-right: 4px; }

/********************************************************
	
	Carousel for article previews
	
********************************************************/

#areaPreviews { position: relative; width: 95%; margin: auto; }
#menuPreviews { position: relative; width: 100%; height: 160px; border: solid 1px #aaa; background: url(../images/bg_empfehlungen.jpg); background-repeat: repeat-x; float: left; margin-top: 20px; }

#menuPreviews #previewButtonLinks { position: absolute; top: 60px; left: 0px; height: 30px; width: 12px; behavior: url(fileadmin/templates/images/iepngfix.htc); background: url(../images/empfehlung_links.png); background-repeat: no-repeat; cursor: pointer; }
#menuPreviews #previewButtonRechts { position: absolute; top: 60px; right: 0px; height: 30px; width: 12px; behavior: url(fileadmin/templates/images/iepngfix.htc); background: url(../images/empfehlung_rechts.png); background-repeat: no-repeat; cursor: pointer; }
#menuPreviews #previewVerlaufWeissLinks{ position: absolute; top: 30px; left: 12px; width: 60px; height: 112px; behavior: url(fileadmin/templates/images/iepngfix.htc); background: url(../images/empfehlung_verlauf_weiss_li.png); background-repeat: repeat-y; z-index: 100; }
#menuPreviews #previewVerlaufWeissRechts{ position: absolute; top: 30px; right: 10px; width: 60px; height: 112px; behavior: url(fileadmin/templates/images/iepngfix.htc); background: url(../images/empfehlung_verlauf_weiss_re.png); background-repeat: repeat-y; z-index: 100; }

#menuPreviews #previews { position: absolute; top: 30px; left: 12px; right: 12px; height: 112px; width: 96%; overflow: hidden; }
#menuPreviews #bilderPreviews{ width: 5000px; height: 100px; }
#menuPreviews #bilderPreviews .preview{ float: left; margin-right: 4px; }

/********************************************************
	
	Forum
	
********************************************************/

#forum a{ font-weight: bold; }
#forum .userinfo{ border-right: solid 1px #cacaca; }
#forum h1{ color: #000; font-family: Arial; font-size: 12px; font-weight: bold; }
#forum .quote{ border: solid 1px #000; padding: 5px; }

/********************************************************
	
	Popup Layer
	
********************************************************/

#popup{ position: absolute; top: 100px; left: 200px; z-index: 2000; }
#popup .ol{ width: 19px; height: 22px; background: url(../images/dl_ol.png); background-repeat: no-repeat; }
#popup .o{ width: 1px; height: 22px; background: url(../images/dl_o.png); background-repeat: repeat-x; }
#popup .or{ width: 22px; height: 22px; background: url(../images/dl_or.png); background-repeat: no-repeat; }
#popup .l{ width: 19px; height: 1px; background: url(../images/dl_li.png); background-repeat: repeat-y; }
#popup .r{ width: 22px; height: 1px; background: url(../images/dl_re.png); background-repeat: repeat-y; }
#popup .ul{ width: 19px; height: 22px; background: url(../images/dl_ul.png); background-repeat: no-repeat; }
#popup .u{ width: 1px; height: 22px; background: url(../images/dl_u.png); background-repeat: repeat-x; }
#popup .ur{ width: 22px; height: 22px; background: url(../images/dl_ur.png); background-repeat: no-repeat; }
#popup .content { background: #fff; min-width: 400px; max-width: 500px; padding: 30px; }

#nojs img{ margin: 10px; }

/********************************************************
	
	Social Bookmarks
	
********************************************************/

div.socialbookmarks { margin: 10px 5px 0px 5px; position: relative; height: 100px; }
div.socialbookmarks div{ position: absolute; width: 220px; left: -2px; }
div.socialbookmarks a { padding: 0px; margin: -2px; }
div.socialbookmarks a img { border: solid 1px white; padding: 2px; margin: 0px; }
div.socialbookmarks a:hover img { border: 1px solid #A0A0A0; }



/********************************************************
	
	ExtJS - Override Styles
	
********************************************************/

body.x-body-masked .x-window-plain .x-window-mc{
	background: #e1ece0 none repeat scroll 0 0;
}

.x-window-tl .x-window-header{
	color: #478B1A;
}

.x-window-tc{background:transparent url(../js/ext/resources/images/default/window/top-bottom.gif) repeat-x 0 0;overflow:hidden;zoom:1;}
.x-window-tl{background:transparent url(../js/ext/resources/images/default/window/left-corners.gif) no-repeat 0 0;padding-left:6px;zoom:1;z-index:1;position:relative;}
.x-window-tr{background:transparent url(../js/ext/resources/images/default/window/right-corners.gif) no-repeat right 0;padding-right:6px;}
.x-window-bc{background:transparent url(../js/ext/resources/images/default/window/top-bottom.gif) repeat-x 0 bottom;zoom:1;}
.x-window-bl{background:transparent url(../js/ext/resources/images/default/window/left-corners.gif) no-repeat 0 bottom;padding-left:6px;zoom:1;}
.x-window-br{background:transparent url(../js/ext/resources/images/default/window/right-corners.gif) no-repeat right bottom;padding-right:6px;zoom:1;}
.x-window-ml{background:transparent url(../js/ext/resources/images/default/window/left-right.gif) repeat-y 0 0;padding-left:6px;zoom:1;}
.x-window-mr{background:transparent url(../js/ext/resources/images/default/window/left-right.gif) repeat-y right 0;padding-right:6px;zoom:1;}

.x-btn-wrap.x-btn.red .x-btn-left{width:3px;height:21px;background:url(../js/ext/resources/images/default/button/btn-sprite_red.gif) no-repeat 0 0;}
.x-btn-wrap.x-btn.red .x-btn-right{width:3px;height:21px;background:url(../js/ext/resources/images/default/button/btn-sprite_red.gif) no-repeat 0 -21px;}
.x-btn-wrap.x-btn.red .x-btn-center{background:url(../js/ext/resources/images/default/button/btn-sprite_red.gif) repeat-x 0 -42px;vertical-align:middle;text-align:center;padding:0 5px;cursor:pointer;white-space:nowrap;}

/********************************************************
	
	Feed von bildungsklick.de
	
********************************************************/

div.bild_im_text{ border: solid 1px #ccc; }
div.bild_im_text.links{ float: left; margin: 5px 10px 5px 0px; }
div.bild_im_text.rechts{ float: right; margin: 5px 0px 5px 10px; }
div.bildunterschrift { font-size: 10px; line-height: 13px; margin: 2px; }

/********************************************************
	
	Anpassung CSS von Typo3
	
********************************************************/

/*
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float:left;
}
*/

.csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-imagewrap,
.csc-textpic.csc-textpic-center.csc-textpic-below .csc-textpic-imagewrap{
	margin: auto;
}

.csc-textpic.csc-textpic-right.csc-textpic-above .csc-textpic-imagewrap,
.csc-textpic.csc-textpic-right.csc-textpic-below .csc-textpic-imagewrap{
	float: right;
}

.csc-textpic.csc-textpic-right.csc-textpic-above .csc-textpic-text{
	clear: both;
}

.csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap{
	float: right;
	margin: 0px 0px 10px 10px;
}

.csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
	float: right;
}

.csc-textpic.csc-textpic-intext-left .csc-textpic-imagewrap{
	float: left;
	margin: 0px 10px 10px 0px;
}

.csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-text{
	margin-right: 10px;
}

.csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{
	float: left;
}

.csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text{
	margin-left: 10px;
}

.csc.textpic-clear{
	clear: both;
}