/**********************************************************************
	Stylesheet for screen view
	Author: Andreas Rieger
	Date: 070706
*/

@import url("mailform.css");

/*	pure html settings	*/

* {
	margin:0;
	padding:0;
	font-family:Arial,sans-serif
}


html	{
	height:100%;
}

body	{
	margin:0;
	padding:0;
	text-align:center;
	background:#e3dcd3 url("../img/body.jpg") repeat-x;
	font-family:Arial,sans-serif;
	font-size:75%;
	color:#666
}


#mainwrap	{
	position:relative;
	margin:0 auto;
	padding:0;
	width:960px;
	text-align:left;
}






/*	the header	*/

#headerwrap	{
	margin:0;
	padding:0;
	height:300px;
	background:url("../img/headerwrap.jpg") bottom left no-repeat;
}

#header	{
	margin:0;
	padding:0;
	height:110px;
	background:url("../img/header.png") repeat-y;
}

#header h1	{
	margin:0;
	padding:0;
	display:none
}

#header h1 a	{
	color:#fff
}

#logo	{
	float:right;
	margin:0;
	width:225px;
	height:96px;
}







/*	the content	*/

#middlewrap	{
	margin:0 auto;
	padding:0 0 20px;
	width:960px;
	background:url("../img/middlewrap.jpg") repeat-y;
}




#contentwrap	{
	float:right;
	margin:0;
	padding:0;
	width:640px;
	text-align:left
}

#contentwrap div.articlewrap	{
	margin:0 0 1em 25px;
	padding:0;
	color:#666;
}

#contentwrap div.articlewrap div.csc-header	{
	margin:0 0 0 -15px;
}

#contentwrap div.articlewrap h1,
#contentwrap div.articlewrap h2	{
	margin:0 0 .2em;
	color:#666;
	line-height:1.5em;
	font-size:1.8em;
	font-weight:normal;
	font-family:Times,serif;
}

#contentwrap div.articlewrap h3,
#contentwrap div.articlewrap h3 span {
	margin:0 0 1em -15px;
	padding-left:15px;
	background:url("../img/arrow-subheadline.jpg") no-repeat;
	color:#c36;
	font-weight:normal;
	font-size:1.3em;
}

#contentwrap div.articlewrap h1 a,
#contentwrap div.articlewrap h2 a	{
	color:#036
}

#contentwrap div.articlewrap h3 a,
#contentwrap div.articlewrap h4 a	{
	color:#066
}

#contentwrap div.articlewrap dl dt img	{
	/*070919
	margin:10px 0 0 0;
	*/
	margin:0
}

#contentwrap div.articlewrap p.bodytext,
#contentwrap div.articlewrap .align-left,
#contentwrap div.articlewrap .align-center,
#contentwrap div.articlewrap .align-right,
#contentwrap div.articlewrap div.csc-frame-frame1,
#contentwrap div.articlewrap div.csc-frame-frame2,
#contentwrap div.articlewrap .important,
#contentwrap div.articlewrap .name-of-person,
#contentwrap div.articlewrap .detail,
#contentwrap div.articlewrap ul,
#contentwrap div.articlewrap ol,
#contentwrap div.articlewrap p.csc-linkToTop,
#contentwrap div.articlewrap table.contenttable	{
	margin:0 0 1.5em;
	padding:0;
	line-height:1.5em
}

#contentwrap div.articlewrap .align-left	{
	text-align:left
}

#contentwrap div.articlewrap .align-center	{
	text-align:center
}

#contentwrap div.articlewrap .align-right	{
	text-align:right
}

/*#contentwrap div.articlewrap div.csc-frame-rulerBefore,*/
#contentwrap div.articlewrap div.csc-frame-rulerAfter	{
	margin-top:1em;
	border-top:1px solid #999
}

#contentwrap div.articlewrap p.csc-frame-frame1,
#contentwrap div.articlewrap p.csc-frame-frame2	{
	padding:.1em .3em;
	border:1px solid #666
}

#contentwrap div.articlewrap p.csc-frame-frame1	{
	background:#C0C0C0
}

#contentwrap div.articlewrap p.csc-frame-frame2	{
	background:#ff0
}

#contentwrap div.articlewrap strong,
#contentwrap div.articlewrap b	{
	font-style:bold
}

#contentwrap div.articlewrap em,
#contentwrap div.articlewrap i	{
	font-style:italic
}

#contentwrap div.articlewrap ul,
#contentwrap div.articlewrap ol {
	margin-left:25px
}

#contentwrap div.articlewrap ul {
	list-style:circle
}

#contentwrap div.articlewrap ol {
	list-style:decimal
}

#contentwrap div.articlewrap div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd.csc-textpic-caption {
	padding-left:3px;
	font:.8em/1.8em Arial,sans-serif;
	background:#fff
}

#contentwrap div.articlewrap span.important	{
	color:#cc2f51
}

#contentwrap div.articlewrap span.name-of-person	{
	color:#00f
}

#contentwrap div.articlewrap span.detail	{
	color:#090
}

#contentwrap div.articlewrap div.news-list-item	{
	margin:0;
	border-top:1px solid #999
}

#contentwrap div.articlewrap div.news-list-item	h3	{
	line-height:3em
}

#contentwrap div.articlewrap p.news-list-date	{
	margin:0 0 .5em
}

#contentwrap div.articlewrap div.news-single-item	div.detail	{
	border-top:1px solid #999;
	border-bottom:1px solid #999
}

#contentwrap div.articlewrap table.contenttable	{
	background:none
}

#contentwrap div.articlewrap table.contenttable p.bodytext	{
	margin-right:1em
}

#contentwrap div.articlewrap table.contenttable-0 tr td	{
	padding:0 4em 0 1em;
	text-align:center;
}

#contentwrap div.articlewrap table.contenttable-0 tr.tr-0 td,
#contentwrap div.articlewrap table.contenttable-0 tr.tr-1 td	{
	text-align:left;
}

#contentwrap div.articlewrap table.contenttable-0 tr.tr-1 td	{
	color:#c36;
	font-weight:normal;
}

#contentwrap div.articlewrap table.contenttable-0 tr.tr-1 td,
#contentwrap div.articlewrap table.contenttable-0 tr.tr-2 td,
#contentwrap div.articlewrap table.contenttable-0 tr.tr-3 td,
#contentwrap div.articlewrap table.contenttable-0 tr.tr-last td	{
	font-size:1.3em;
}

#contentwrap div.articlewrap table.contenttable tr.tr-even td	{
	background:#d6d6d6
}

#contentwrap div.articlewrap table.contenttable tr.tr-odd td	{
	background:#ececec
}


/*	the links	*/

#contentwrap p.bodytext a,
#contentwrap p.csc-linkToTop a,
#contentwrap .internal-link,
#contentwrap .external-link	{
	padding-left:13px;
	background:url("../img/link.gif") bottom left no-repeat
}

#contentwrap div.articlewrap p.bodytext a.external-link-new-window	{
	padding-left:0;
	color:#666;
	background:none;
	text-decoration:none;
}

#contentwrap div.articlewrap a.mail	{
	padding-left:13px;
	background:url("../img/mail.gif") bottom left no-repeat
}









/*	the normal column	*/


#contentnormal	{
	margin:25px 0;
	padding:0;
	width:595px;
}

#contentnormal div.articlewrap	{
	background:url("../img/articlewrap.png") right top repeat-y;
}
	







/*	the right column	*/

#rightwrap	{
	float:right;
	margin:0 0 40px;
	padding:0;
	width:279px;
	background:#e6e6e6 url("../img/rightwrap.png") bottom left no-repeat;
}	

#contentright	{
	margin:0 0 17px;
	padding:48px 0 0;
	background:#e6e6e6 url("../img/contentright.png") no-repeat;
}

#contentright div.articlewrap	{
	background:#e6e6e6 url("../img/articlewrap.png") right top repeat-y;
}






/*	the left column	*/

#leftwrap	{
	float:left;
	margin:0 0 40px;
	padding:0;
}

#contentleft	{
	clear:both;
	margin:0 0 30px 0;
	padding:0;
}

#contentleft div.articlewrap	{
	margin:0 0 0 50px;
	padding:0;
	width:150px;
}

#menuwrap	{
	float:left;
	margin:0 0 17px;
	padding:0;
	width:250px;
	background:url(../img/bg_menuwrap.gif) right -1px repeat-y;
}

/*	the menu	*/
#mainmenu {
	margin:23px 0 30px 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	text-align:left;
}

#mainmenu li {
	margin:0 0 1px;
	padding:0;
	background:url("../img/menuitem.png") repeat-y;
}

#mainmenu a {
	display:block;
	line-height:36px;
	padding:0 0 0 70px;
	font-weight:normal;
	text-decoration:none;
	color:#666;
	font-size:1.5em;
	font-family:Times,serif;
}

#mainmenu li.active a {
	color:#c36;
}

#mainmenu li a:hover {
	color:#fff;
	background:url("../img/menuitem-hover.png") repeat-y;
}

#submenu {
	margin:0;
	padding-bottom:12px;
	list-style:none;
	background:#f3f3f3;
}

#submenu li {
	padding-bottom:0;
	background:none;
}

#submenu a {
	line-height:22px;
	text-transform:none;
}

#submenu li.active a {
	color:#036;
	background:none;
}

#submenu li.inactive a	{
	color:#6b655b;
	background:none;
}

#submenu li.inactive a:hover {
	color:#036;
	background:none;
}








/*	the shortcuts	*/

#shortcutwrap {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:963px;
	height:40px;
	background:#005a5d url("../img/shortcutwrap.png") right top no-repeat;
}

#shortcuts	{
	margin:0;
	padding:0;
	height:40px;
	background:url("../img/shortcuts.png") left top no-repeat;
}

#shortcutlist {
	float:right;
	margin:0 17px 0;
	height:40px;
	background:url("../img/shortcutlist.png") repeat-x;
}

#shortcutlist li {
	float:left;
	padding:0 11px 0 9px;
	text-transform:uppercase;
	color:#fff;
	border-left:1px solid #005051;
	background:url("../img/shortcuts_border.gif") top left repeat-y;
}

#shortcutlist li a {
	line-height:32px;
	padding-left:10px;
	color:#fff;
	background:url("../img/shortcuts_dot.gif") left center no-repeat;
	text-decoration:none;
}












/*	the breadcrumbs	*/

#breadcrumbswrap	{
	position:absolute;
	top:196px;
	left:263px;
	width:420px;
}

#breadcrumbs li	{
	float:left;
	color:#fff;
}

#breadcrumbs li a	{
	color:#fff;
}








/*	the footer	*/

#footerwrap	{
	margin:0;
	padding:0;
	clear:both;
	text-align:center;
	background:url("../img/footerwrap.png") repeat-x;
	border:0px solid gold
}	

#footer	{
	position:relative;
	margin:0 auto;
	padding:0;
	width:960px;
	text-align:left;
	background:url("../img/footer.png") no-repeat;
}


#footer p.bodytext {
	margin:0 25px;
	line-height:2.7em
}

#footer p.bodytext,
#footer p.bodytext a:link	{
	color:#805650
}

#footer p.bodytext a:visited	{
	text-decoration:none;
	color:#805650
}

#footer	span.brighttext,
#footer	span.brighttext a,
#footer	span.brighttext a:hover,
#footer	span.brighttext a:visited	{
	color:#999
}

#copy	{
	text-align:right;
	}
	
#copy p.bodytext,
#footer #copy p.bodytext a	{
	color:#ccc
	}

#footer #copy p.bodytext a:hover	{
	text-decoration:none
	}


/*	end	*/