/* CSS Document */

body {
	font-family: Andale Mono, LucidaTypewriter, Lucida Sans Typewriter, Courier New, monospace; 
	font-size: 12px;
	color: #039;
	margin: 0;
	padding:0;
}

/* allgemeine formatierungen */

p {
	margin: 0 0 7px 0;
}

p.text {
	line-height: auto;
}

p.text span, 
p span,
table.contenttable {
	line-height:14px;
	background-color: #fff;
}

/*
h1 {
	margin:1.5em 0;
}
*/

h2 {
	font-size:130%;
	margin:1.2em 0 .3em 0;
}

h3 {
	font-size:110%;
	margin: 1em 0 0 0; 
}

.content h2 span{
	background-color:#fff;
	display:inline;
}
.content h3 span {
	background-color:#039;
	color:#fff;
}


/* links haben standardmig den pfeil */

a {
	text-decoration:none;
	background:none;
	color: #c03;
	border:none;
}

img {
	border:none;
	outline:none;
}


/* listen */

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* versteckte inhalte, die nur sichtbar werden, wenn keine stylesheets aktiviert */

#bigimage {
	display: none;
}

/* divs */

div { 
	display:block;
	padding:0;
	margin:0;
}

#content {
}

#contentmain {
	margin: 20px 0px;
}
* + html #contentmain {
	margin: 40px 0px;
}


#wrapper {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index: -1;
	overflow:hidden;
}

#wrapper-page-image {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
	

#main {
	position: relative;
	width: 950px;
	margin: 20px 20px;
	top: 0px;
	left: 0px;
}

#main {
	width: 90%;
	margin:20px 150px auto 40px;

}



#header {

}

/* link auf startseite */

#header a {
	text-decoration: none;
}


.menu, .menu img {
	padding:0;
	margin:0;	
	border:none;
}

.menu ul { }

.menu li {
	display: inline;
	float:left;

}

#mainmenu { }
#submenu { }

.csc-menu li a{
	background-color:#c03;
	color:#fff;
	font-weight:bold;
	line-height:1.5em;
}

/* links in mens */

#menu a {
	text-decoration:none;
	background-color:#fff;
}

#menu a:hover {
	background-color:#039;

}

#menu a:link {
	background-color:#c03;
}




/* textrahmen */

#logo {
	position:absolute;
	top:0;
	right:0;
	background-color:#039;
	width:auto;
	height:auto;
}

#content {
	width:auto;

	margin-top: 21px;
	margin-bottom: 7px;
}

#images {
	margin-bottom: 7px;
}


#switch {
	padding-top: 21px;
}

#switchback {
	margin: 20px 20px;
}

#prevnext {
	width:auto;
	display:inline;
	background-color:none;
}

#showhidetext {
	display:inline;
}

#loading {
	height: 40px;
	margin-top: 14px;
}

#loading img {
	margin: 0;
	border: 0;
	vertical-align: bottom;
}

#loading span {
	background: yellow;
}


div.ticker span {
	color: #fff;
	background: #f4007d;
}


a.plain, span a.plain {
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
}

a.plain img {
	border: none;
}

a.plain:hover {
	background: none;
	padding: 0;
}


/*
	This is the static CSS that we can just build into
	the site's basic CSS file. See below for the dynamic
	CSS generated using php/Typoscript.

	The type of FIR we're using hides the text by redu-
	cing the height of the element to 1px and displaying
	the background image in the element's padding. For
	more information on this type of FIR, see:

	http://www.moronicbajebus.com/playground/cssplay/image-replacement/
	http://www.kryogenix.org/code/browser/lir/

	We also use a slightly different flavour of FIR in 
	_linked_ h1 elements. In that case, we just indent the
	text right off the left hand side of the page. For
	more information on this technique, please see:

	http://phark.typepad.com/phark/2003/08/accessible_imag.html
*/

/* 
	Assume we're styling h1 elements only, and that we 
	may want to use some h1 elements with normal html
	text. In other words, use a class here so we can
	use regular h1 elements elsewhere.
*/

h1.fir, h2.fir, h3.fir{
	height:1px;
	
	background-position:0 0;
	background-color:transparent;
	background-repeat:no-repeat;
	
	overflow:hidden;
	position:relative;
	
	font-size:11px;
	
	padding-top:23px;
	margin-bottom:0px;
}

/*
	When the h1 is linked, we'll need to do the following:
	-- size the link to the size of the h1
	-- hide the text
	-- position the whole link directly over the h1

	In fact, the way I've chosen to do this in the php code
	is to treat a FIR h1 much as a 'normal' h1 is treated--i.e.
	as a block level element that occupies 100% of the width of
	its parent container. This will make things easier when we
	come to aligning the image:
*/

h1.fir a , h2.fir a, h3.fir a{
	height:24px;	
	position:absolute;
	top:0;
	left:0;
	display:block;
	
	text-indent:-999em;
}