@import "banner.css";
@import "offline.css";

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; }

em{
	font-style: italic;
}

strong{
	font-weight: bold;
}

input.button{ border: 0px; background-color: transparent; }

div.button{ behavior: url(/fileadmin/templates/images/iepngfix.htc); background-repeat: no-repeat; }
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); }
input.button.suchen { cursor: pointer; width: 120px; height: 32px; background: url(../images/bt_suche.png); text-indent: -9999px;font-size: 0;display:block;line-height:0; }
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.herunterladen { cursor: pointer; width: 137px; height: 29px; background: url(../images/but_herunterladen_0.png); }
div.button.herunterladen-rot { cursor: pointer; width: 137px; height: 29px; background: url(../images/but_herunterladen_rot.png); }
div.button.jetzt-bestellen { cursor: pointer; width: 135px; height: 28px; background: url(../images/b-jetzt_bestellen.jpg); }
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); }
span.button.epaper-open { cursor: pointer; width: 183px; height: 42px; background: url(../images/but_epaper_oeffnen_0.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, h1 a { 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; }

/*#header-overlay{ position: absolute; width: 820px; height: 142px; background:url(../images/Header_Fruehling.png); background-repeat: no-repeat; top: 0px; left: 0px; z-index: 0; }*/
#header-overlay{ position: absolute; width: 820px; height: 142px; background:url(../images/thema/header_didacta.png); background-repeat: no-repeat; top: 0px; left: 0px; z-index: 0; }
#metanavi{ z-index: 1; }

#navi { background: url(../images/bg_navi.png); background-repeat: no-repeat; width: 820px; height: 28px; }
#navi a { font-family: Arial; font-size: 12px; color: rgb(137, 198, 17); font-weight: bold; text-decoration: none; }
/*#navi a:hover { color: #5AB312;  }*/
#navi a:hover { color: #a0e021; }
#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; border-width: 1px 0px 0px 0px; margin: 10px 0px; border-style: solid; }
#content .spalte0{ clear: both; }
#content .spalte1{ width: 290px; float: left; margin: 0px; padding: 0px; }
#content .spalte2 { margin: 0px; padding: 0 0 0 307px; }
#breadcrumb { font-family: Arial; font-size: 12px; margin-bottom: 10px; color: #999; width:100%; }
#breadcrumb.floated{ float: left; width: 50%; }
#content div.info{ color: #0a0; text-align: center; width: 100%; margin: 0 0 5px 0; }

div.error{ color: #f00; text-align: center; }
p.error{ color: #f00; }
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; }

.list2-subdiv-hdr ul.doppelpfeil li { list-style-position: inside; margin-left: 0px; }
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; }

#tooltip{
	position: absolute;
	top: 0px;
	left: 0px;
	border: solid 1px rgb(174,175,176);
	padding: 5px;
	background-color: #fff;
	text-align: center;
}

#tooltip .tooltip-arrow{
	position: absolute;
	bottom: -8px;
	left: 10px;
	width: 15px;
	height: 9px;
	background-image: url(../images/tooltip_arrow.png);
	background-repeat: no-repeat;
}

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




.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: 210px; 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: 85px; 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: 85px; 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: 162px; 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: 162px; 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: 162px; width: 96%; overflow: hidden; }
#menuEmpfehlungen #bilderEmpfehlungen{ width: 999999px; 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;
}




/*
 * Download-Bibliothek
 */

.bibliothek{
	clear: both;
}

.bibliothek .clear{
	clear: both;
}

.bibliothek p.red{
	color: #a70101;
}

.bibliothek p.grey{
	color: #848484;
}

.bibliothek .rows .row{
	padding: 5px 0px;
	overflow: hidden;
}

.bibliothek .box{
	margin-bottom: 20px;
}

.bibliothek .preview,
.bibliothek .cover{
	float: left;
	width: 200px;
	text-align: center;
}

.bibliothek .content,
.bibliothek .content{
	margin-left: 200px;
}

.bibliothek .button{
	margin: 5px 0px;
}

.bibliothek .ordered{
	text-align: right;
}

.bibliothek .zeitschriften .row{
	float: left;
	width: 203px;
	margin: auto;
}

.bibliothek .zeitschriften .cover,
.bibliothek .zeitschriften p{
	width: 100%;
	text-align: center;
}

.bibliothek .zeitschriften .cover,
.bibliothek .beitraege .cover,
.bibliothek .ausgaben .cover{
	position: relative;
	background-position: 155px 5px;
	background-repeat: no-repeat;
}

#content .bibliothek .cover .info{
	position: absolute;
	width: 22px;
	height: 23px;
	top: 0px;
	right: 20px;
}

.bibliothek .cover img{
	margin-bottom: 5px;
}

.bibliothek .legend{
	width: 100%;
	clear: both;
}

.bibliothek .legend td{
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 5px 0px 5px 25px;
	color: #848484;
}

.bibliothek .nothing{
	background-image: url(../images/i-nothing.jpg);
}

.bibliothek .something{
	background-image: url(../images/i-something.jpg);
}

.bibliothek .everything{
	background-image: url(../images/i-everything.jpg);
}

.bibliothek table.pages{
	float: right;
	position: relative;
	top: -3px;
}

ul.status{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul.abstract ul.status{
	position: relative;
	top: 0px;
	left: -15px;
}

ul.status li{
	line-height: 18px;
	list-style-type: none;
	list-style-position: inside;
	background-image: url(../images/not-downloaded.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 15px;
}

ul.status li.downloaded{
	background-image: url(../images/downloaded.jpg);
}

/*
 * tt_news
 */

.news-single-item .images{
	width: 250px;
	float: left;
}

.news-single-item .content{
	margin-left: 250px;
}

.news-list-container hr,
.news-list-container .news-list-item.normal{
	clear: both;
}

.news-list-container .news-list-item.left{
	float: left;
	width: 290px;
}

.news-list-container hr.left{
	clear: none;
	display: none;
}

.news-list-container .news-list-item.right{
	margin-left: 307px;
}

.news-list-container .news-list-item.normal .content{
	margin-left: 307px;
}

.news-list-container .news-list-morelink{
	display: none;
}

.news-list-container .news-list-image{
	float: left;
	margin: 0px 10px 10px 0px;
}

.news-list-container img{
	float: none;
	margin: 0px;
}

.news-list-container li{
	list-style-position: inside;
	margin: 0px !important;
}

.news-list-imgcaption {
text-align:right;
color:grey;
font-size:0.8em;
}


h4 {
font-family:Arial;
font-size:12px;
}

/*
 * EPAPER
 */

.epaper-teaser{
	position: relative;
	width: 588px;
	height: 290px;
	padding: 10px;
	background-image: url(../images/bg_epaper-teaser.png);
	background-repeat: no-repeat;
}

.epaper-teaser p{
	margin-right: 280px;
}

.epaper-teaser .grey{
	color: rgb(133,133,133);
}

.epaper-teaser .black{
	color: rgb(0,0,0);
}

.epaper-teaser p.button{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

/** Errorbox */
div.box.error {
  border: 4px solid red;
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  background-color: whitesmoke;
}

div.box.error a {
  font-weight: bold;
}

/** Spalte links */
#main #links {
    background-image: none;
    background-color: white;
}

#main #links > img {
    display: none;
}

/** Spalte rechts einfärben **/
#main #rechts {
    #background: url(../images/bg_teaser.png) repeat-x scroll 0 0 transparent;
    background-color: #f4f4f4;
    #background-color: #efefef;
    #background-color: #b5d68f;
    #background-color: white;
}

/** Registrierungslasche ausblenden */
#rechts .preteaser {
    height: 19px;
    width: 189px;
    background-image: url(../images/bg_navi2.png);
}

/** alten Login ausblenden */
.inactive {
    display: none;
}


/* Stellenmarkt */
#content .csc-header-n6  h1 {
 color: #848484;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    margin: 0 0 10px;
    padding: 0;
}
.news-list-Stellenmarkt	{

}

.news-header-list-container {
margin-bottom:15px;
}

h3.news-header-list-title {
line-height: 14px;
margin-bottom:3px;

}

.news-header-list-teaser {

}

.news-header-list-goto {

}