@media all
{
    
body { color: #333333; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }


/* Boxen etc ******************************************************************/

.box {
	background-color:#f0f0f0;
	padding:0.5em;
}
.smallbox {
	font-size:70%;
	background-color:#f0f0f0;
	padding:0.5em;
}

.outbox {
	position:absolute;
	right:-36.5%;
	width:31%;
	padding:1%;
	font-size:80%;
	background-color:#f0f0f0;
}

.out {
	position:absolute;
	right:-36.5%;
	width:33%;
	font-size:80%;
}

.bigoutbox {
	float:right;
	width:50%;
	position:relative;
	left:auto;
	right:-38.0%;
	top:-5px;
	background:url(/backs/cse_corner.gif) white no-repeat;
	padding:0.5em 1em;
	margin-left:-37%;
	font-size:86%;
	border:none;
	border-top:5px solid white;
	}
	
.out hr, .outbox hr, .bigoutbox hr {
	width:50%;
	}
	
.outimage p {
	font-size:86%;
	margin-top:4px;
	}
	
.memo {	
	position:absolute;
	right:-36.5%;
	width:31%;
	font-size:70%;
	color:black;
	padding:20px 8px 8px 8px;
	margin: 30px 0px;
	background-color:#ffff99;
	background-image:url(/backs/zettelecke-weiss.gif);
	background-repeat:no-repeat;
}
.quote {
	float:left;
	clear:left;
	width:30%;
	font-weight:bold;
	padding:0.2em 0.4em 0.4em 0.5em;
	margin:0.4em 0.5em 0.3em 0em;
	background-image:url(/backs/cse_corner.gif);
	background-repeat:no-repeat;
}
div.important {
	background-image: url(/backs/cse_menu_block.gif);
	background-repeat:repeat-y;
	padding: 0px 0px 6px 10px;
}

div.important h2 {
	color:white;
	background-image: url(/backs/cse_menu_block.gif);
	padding:0.1em 0em 0.2em 0.6em;
	margin:0px 0px 6px -10px;
}

.floatleft, .floatright {
	width:40%;
	font-size:80%;
	margin:1ex;
}

img.floatleft, img.floatright {
	width:auto;
}

.floatleft {
	float:left;
	margin-left:0;
}

.floatright {
	float:right;
	margin-right:0;
}

.floatleft img, .floatright img, .out img, .outbox img, .imgbox img {
	display:block;
}

.out h2, .outbox h2 { padding-top:0; }

.out ul, .outbox ul, .out ol, .outbox ol { padding-left:0;margin-left:-0.5ex }


.top {
	top:-51px;
}


/* Überschriften ************************************************************ */

h1 {font-size:122%; margin: 0 0 1.5em 0; padding-top:0 }
h2 {font-size:110%; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h3 {font-size:100%; margin: 0; padding-top: 1.5em; }
h4 {font-size:100%; font-weight:normal; font-variant:small-caps; margin: 0; padding-top: 1em; }
h5 {font-size: 1.0em; margin: 0 0 0.30em 0; }
h6 {font-size: 1.0em; margin: 0 0 0.30em 0; }
h1.small { font-size:110%; }
h2.small{ font-size: 100%; }
h1 span, h2 span, h3 span {
	font-size:80%;
	letter-spacing:0.1ex;
	display:block;
	margin-top:1ex;
	}

/* Standardelemente ********************************************************* */

p,ul,dd,dt { line-height: 1.5em; }
p {
	line-height: 1.5em;
	margin-bottom:0.5em;
	margin-top:0em;
	}
p.lead, div.lead {
        letter-spacing:1px;
        font-size:100%;
        }
p.list {
	display:list-item;
	margin-left:3ex;
	}



strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; margin: 0 0 1em 0; }

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

fieldset {
	display:block !important;
        padding:0;
}

/* Links ******************************************************************** */

/*
#main a[href^="http:"], #main a[href^="https:"] {
	padding-left: 12px;
	background-image: url('/backs/icons/ext_link.gif');
	background-repeat: no-repeat;
	background-position: 0 0.4ex;
}


a.noicon {
	padding:0;
	background-image:none !important;
}

*/
/* ## Listen ################################################################ */
ol {
	padding-left:0em;
	margin-left: 1ex;
}
ul {
	padding-left:0em;
	margin-left: 1ex;
}
dl.image dd {
	font-size:86%;
	margin-left:0;
	}

ul.nodot { list-style-type:none;margin:0; padding:0 0 0 1ex;}
ul.nodot li { margin:0; padding:0; }

#page_menu li {
	list-style-image:url(/backs/cse_arrow_down.gif);
	margin-top:1ex;
	}


/* ## Abstände ############################################################## */
.abstand, .spaced {
	margin-top:1.5em;
	margin-bottom:1.5em;
}

h2.abstand, h2.spaced {
	margin-top:2.5em;
	margin-bottom:0.5em;
}
h3.abstand, h3.spaced {
	margin-top:2em;
	margin-bottom:0;
}


li.abstand {
	margin-top:1em;
	margin-bottom:1em;
}


/* ## diverses ############################################################## */

.inbascolor, .inbas { color:#356269; }
.inbas { font-weight:bold; }
.inline { display:inline; }
.dim { color:gray; }
.small { font-size:70%; }
.xsmall { font-family: 'Arial narrow'; font-size:70%; }
.date { text-align:right; font-weight:normal; }

/* ##  Bildformatierung ##################################################### */
span.img_container { display:block; }
dl.img_container { margin:0;padding:0;}
dl.img_out {
    position:absolute;
    left:620px;
	width:160px;
}
dl.img_out dd, dl.img_container dd {
    margin:0.1ex 0 1em 0;
    font-size:86%;
}
dl.img_right, span.img_right { float:right; margin: 1em; }
dl.img_left, span.img_left { float:left; margin-right:1em; }
dl.img_center, span.img_center { text-align:center }

/* popup-Info für Downloads ************************************************* */
a.popup:hover {position:relative;} /* IE6 needs this for popup infos, "has_style"-property bug */
.popinfo {
	display:none;
	position:absolute;
	overflow:hidden;
	background: #ffffcc;
	border:2px solid white;
	border-right-color:silver;
	border-bottom-color:silver;
	padding:1ex;
	font-size:8pt;
	width:260px;
	color:black;
	z-index:9999;
	margin-left:2em;
	text-decoration:none;
}
a:hover .popinfo, span.poptrigger:hover .popinfo {
	display:block;
	}
.popinfo .leg {
	color:gray;
	position:absolute;
	}
.popinfo .inf {
	display:block;
	padding:0;
	margin: 0 0 0 6em;
	}

/* Download- und Literatur-Listen ******************************************* */
ul.downloadliste li { list-style-image:url(/backs/common_backs/download.gif); }

.downloadliste .pdf, li.pdf  { list-style-image:url(/backs/htdigger/pdf.gif); }
.downloadliste .zip, li.zip { list-style-image:url(/backs/htdigger/zip.gif); }
.downloadliste .doc, li.doc { list-style-image:url(/backs/htdigger/doc.gif); }
.downloadliste .txt, li.txt { list-style-image:url(/backs/htdigger/txt.gif); }
.downloadliste .html, li.html { list-style-image:url(/backs/htdigger/html.gif); }
.downloadliste .xml, li.xml { list-style-image:url(/backs/htdigger/xml.gif); }
.downloadliste .www, li.www { list-style-image:url(/backs/common_backs/www.gif); }

p.list-www {
	display:list-item;
	list-style-image:url(/backs/common_backs/www.gif);
	margin-left: 4ex;
}
p.list-pdf {
	display:list-item;
	list-style-image:url(/backs/pdf.gif);
	margin-left: 4ex;
}
p.list-doc {
	display:list-item;
	list-style-image:url(/backs/doc.gif);
	margin-left: 4ex;
}

/* Literaturzusammenstellungen ********************************************** */
div.literatur h2, div.literatur h3 {
	font-size:100%;
	margin: 2em 0 0.5ex 0;
	}
div.literatur div {
	font-size:80%;
	margin-bottom:1ex;
	}


/* hr - horizontale Teiler ************************************************** */
hr {
	border-top:2px solid silver;
	border-bottom:none;
	width:30%;
	margin:1em auto;
	padding:0;
	}

div.hr {
  height: 5px;
  background: #fff url(/backs/cse_hr.gif) no-repeat scroll center;
  margin:1em 0;
}
div.hr hr {
  display: none !important; 
}


/* Projekt-DB *************************************************************** */
div.projectdb {
	font-size:86%;
	}
div.projectdb h2 {
	margin:2em 0 0.5ex 0;
	}
div.projectdb dt {
	font-weight:bold;
	padding:0;
	margin: 0.5ex 0 0 0;
	}

div.projectdb dd {
	margin:0;
	padding:0;
	}
div.projectdb dt.inline {
	display:block;
	float:left;
	width:auto;
	clear:left;
	padding: 0.5ex 0 0 0;
	margin:0 1ex 0 0;
	}
div.projectdb dd.inline {
	display:block;
	margin:0;
	padding:0.5ex 0 0 0;
	}


/* Shop Produktliste ******************************************************** */
ul.productlist {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
ul.productlist li {
	margin-top:2em;
	clear:both;
	}
ul.productlist .img {
	float:left;
	padding: 0 10px 10px 0;
	width:auto;
	}
* html ul.productlist h3 {
	float:left;
	}

.shoppanel form, .shoppanel fieldset {
	border-style:none;
	display:inline;
	padding:0;
	margin:0;
	}
.shoppanel form{
	position:relative;
	top:6px;
	padding-left:1ex;
	}
.shoppanel legend, .shoppanel label {
	display:none;
	}
.shoppanel {
	text-align:right;
	}

.shoppanel a {
	color:black;
	text-decoration:none;
	}
.shoppanel a b {
	color:blue;
	text-decoration:underline;
	}
.displaydetail .shoppanel {
	margin:1em 0 2em 0;
	}
#shopnavbuttons {
	xpadding:0.5ex;
	text-align:center;
	background-color:#ddd;
		margin:0 0 1em 0;
		}
#shopnavbuttons fieldset  {
		/*border:none; */
		margin:0;
		padding:0;
	}
#shopnavbuttons img {
	position:relative;
	top:8px;
	}
#shopnavbuttons legend  {
		display:none;
		}
#shopnavbuttons div {
		margin:1em 0;
}
#shopnavbuttons input {
		border:none;
		background:none;
		font-weight:bold;
		padding: 0;
		margin:6px 10px 0 10px;
		color:#10386A;
		border-bottom:2px solid transparent;
		cursor:pointer;
		}
#shopnavbuttons input:hover {
		border-bottom:2px solid #10386A;
		}

/* Produkttypen-Information **************************************************** */		
	#productinfo h2 {
		font-size:86%;
		padding:4px;
		margin:1ex 0 0 0;
		}
	#productinfo dl {
		font-size:86%;
		margin: 0 0 0 4px;

		}
	#productinfo dd {
		margin:0 0 0.5ex 0;
		}
	#productinfo dt {
		font-weight:bold;
		}
	#productinfo ul {
		padding:0;
		margin:0;
		}
	#productinfo li {
		list-style:url(/backs/yellowdot.gif);
		padding:0;
		margin:0 0 0 1.4em;
		}
	#productinfo dl dl {
		font-size:100%;
		}
	#productinfo dl dl dt {
		width:2ex;
		padding-left:1ex;
		float:left;
		clear:left;
		}
	#productinfo dl dl dd {
		width:auto;
		float:left;
		}
		

#pp_pay_instruction {
		margin:1em 0 3em;
	}
#pp_pay_instruction form {
		margin:2em 0;
		width:174px;
		margin:auto;
	}


/* Galerie ****************************************************************** */
.galleryv1, .galleryvertical {

	list-style-type:none !important;
	margin:0;
	padding:0;
	}

.galleryv1 li, .galleryvertical li {
	list-style-image:none;
}
.galleryv1 li {
	float:left;
	width:100px;
	height:140px;
	text-align:center;
	padding:4px 10px;
	margin:0 10px 10px 0;
	font-size:86%;
	line-height:100%;
	background-color:#f0f0f0;

	}

.galleryv1 span.galimg {
	display:block;
	}

.galleryv1 a {
	display:block;
	position:relative;
	}

	
.galleryv1 img, .galleryvertical img {
	border:2px none silver;
	border-right-style:solid;
	border-bottom-style:solid;
	}

ul.galleryvertical  li {
	float:left;
	text-align:center;
	padding:4px 10px;
	margin:0 10px 4px 0;
	font-size:86%;
	line-height:100%;
	}
	
/* Jax-Newsletter *********************************************************** */
#jnl2_form {
	margin: 1em 0;
	}
#jnl_buttons {
	text-align:center;
	}
#jnl_groupselection {
	display:none;
	}
#jnl2_form label {
	margin:1ex 0;
	}
#jnl2_form #email {
	margin:0;
	}
#jnl2_form fieldset {
	margin: 1em 0;
	}

/* emff mp3-player ********************************************************** */
.emff_mp3 {
	margin: 1ex;
	text-align:center;
	}


} /* ende media */


#foerderer {
	font-size:80%;
	display:block;
}
#morelogo img {
	display:block;
	margin:1ex 0;
}


#adminsatellite a {
 	display:block;
}