/* ####################################################################################################################
   GENERAL
   #################################################################################################################### */

html { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	color: #373535;
	font: normal 13px arial, sans-serif;
	background: #EFEFEF url(/images/layout/bg-body.gif) repeat-x left top;
}

a			{ outline: none; color: #DF3234; }
a:hover 	{ text-decoration: none; color: #FF0003; }
img 		{ border: none; }
div.clearer { clear: both; }
object 		{ outline: none;  }


/* ----    FONT DEFINITIONS    ----------------------------------------------------------------------------------------- */

.tinytext 	{ font-size: 10px; }
.smalltext 	{ font-size: 11px; }
.normaltext { font-size: 13px; }
.bigtext 	{ font-size: 14px; }



/* ####################################################################################################################
   LAYOUT
   #################################################################################################################### */


a.invisi
	{
	color: #373535;
	text-decoration:none;
	
	}

#page {
	width: 998px;
	margin: 0 auto;
	padding: 0;
}

#topheader {
	position: relative;
	height: 170px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-topheader.jpg) no-repeat left bottom;
}

#logo {
	position: absolute;
	top: 32px;
	left: 30px;
	margin: 0;
	padding: 0;
}

#claim {
	position: absolute;
	top: 79px;
	right: 32px;
	margin: 0;
	padding: 0;
}

#nav-container {
	position: absolute;
	width: 940px;
	height: 45px;
	top: 125px;
	left: 30px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-nav-container.jpg) no-repeat left bottom;
}

#header {
	position: relative;
	height: 240px;
	margin: 0;
	padding: 0;
	background: transparent;
}

#headermask-left, #headermask-right  {
	position: absolute;
	top: 0;
	width: 40px;
	height: 240px;
	margin: 0;
	padding: 0;
}

#headermask-left{
	left: 0;
	background: transparent url(/images/layout/headermask_left.png) no-repeat left top;
}

#headermask-right {
	right: 0;
	background: transparent url(/images/layout/headermask_right.png) no-repeat right top;
}

* html #headermask-left	 { background: none; }
* html #headermask-right { background: none; }

#content {
	position: relative;
	margin: 0;
	padding: 0 29px;
	background: url(/images/layout/bg-content.png) repeat-y left top;
}

* html #content {
	background-position: -29px top;
}

#content-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 998px;
	height: 10px;
	background: url(/images/layout/content-top.png) no-repeat left top;
}

* html #content-top { left: -29px; }

#content-table {
	width: 100%;
}

#content-table-col-left {
	vertical-align: top;
	width: 240px;
	padding: 0 50px 0 30px;
	background: #FDFDFD url(/images/layout/bg-content-col-left.gif) repeat-y right top;
}

#content-table-col-mid {
	vertical-align: top;
	padding: 45px 30px;
	background: #FFF;
}

#content-table-col-right {
	vertical-align: top;
	width: 240px;
	padding: 45px 30px 45px 50px;
	background: #FDFDFD url(/images/layout/bg-content-col-right.gif) repeat-y left top;
}

#footer {
	position: relative;
	top: -10px;
	height: 35px;
	margin: 0;
	padding: 45px 0 0 0;
	background: url(/images/layout/content-bottom.png) no-repeat left top;
}

/* ####################################################################################################################
   NAV MAIN
   #################################################################################################################### */   

#langlink {
	position: absolute;
	top: 18px;
	right: 12px;
	margin: 0;
	padding: 0 30px 0 0;
	color: #F8F8F8;
	font: normal 11px arial, sans-serif;
	text-decoration: none;
	background: url(/images/flaggen/en.gif) no-repeat right center;
}

#nav-main {
	position: absolute;
	float: left;
	height: 45px;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-main li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-nav-main-li.gif) no-repeat right bottom;
}

#nav-main a {
	float: left;
	display: block;
	height: 45px;
	margin: 0;
	padding: 0 25px;
	color: #FFF;
	font: bold 13px arial, sans-serif;
	line-height: 50px;
	text-decoration: none;
}

#nav-main a:hover, #langlink:hover { color: #E73335; }

#nav-main li.current a, #nav-main li.current a:hover {
	color: #FFF;
	background: url(/images/layout/bg-nav-main-a-current.png) no-repeat center 2px;
}

* html #nav-main a {
	padding-top: 5px;
	height: 40px;
	line-height: 40px;
}

/* ####################################################################################################################
   HEADER
   #################################################################################################################### */
/*   
#headertext {
	position: absolute;
	left: 100px;
}

#screenshot {
	position: absolute;
	width: 261px;
	height: 188px;
	top: 40px;
	right: 110px;
	background: url(/images/layout/notebook.png) no-repeat left top;
}
   
#screenshot img {
	position: absolute;
	top: 9px;
	left: 40px;
	margin: 0;
	padding: 0;
}
*/

/* ####################################################################################################################
   NAV SUB
   #################################################################################################################### */   

#content #nav-sub {
	width: 240px;
	margin: -1px 0 0;
	padding: 0;
	list-style: none;
}

.sm_toplink {
	text-decoration: none;
	color: #373535;
}

a.sm_toplink:hover {
	color: #E73335;
}

#content #nav-sub li {
	width: 240px;
	margin: 0;
	padding: 0;
	background: none;
	
}

#content #nav-sub li.current {
	background: url(/images/layout/bg-nav-sub-li-current.gif) no-repeat right center;
}

#content #nav-sub a {
	display: block;
	width: 214px;
	margin: 0;
	padding: 10px 25px 10px 1px;
	color: #464444;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid #F3F3F3;
	
}

#content #nav-sub a:hover {
	color: #000;
	background: #F7F7F7;
}

#content #nav-sub li.current a, #content #nav-sub li.current a:hover {
	font-weight: bold;
	color: #E2292B;
	background: none;
}


/* ####################################################################################################################
   CONTENT
   #################################################################################################################### */   

/* ----    HEADLINES    ----------------------------------------------------------------------------------------- */

h1 {
	margin: 0 0 1.5em 0;
	padding: 0 0 0.5em 0;
	font-size: 19px;
	font-weight: normal;
	color: #000;
	background: url(/images/layout/bg-headline.gif) repeat-x left bottom;
}

h2, .h2like {
	margin: 2.5em 0 1em 0;
	padding: 0 0 0.5em 0;
	font-size: 14px;
	color: #373535;
	border-bottom: 1px solid #EBEBEB;
	text-decoration:none;
	font-weight:bold;
	display:block;
}

div.contentbox h2 {
	margin-top: 0;
}

h3 {
	margin: 0 0 0.7em 0;
	padding: 0 0 0 0;
	font-size: 12px;
	line-height: 1.5em;
	color: #5F5F5F;
}

/* --------------------------------------------------------------------------------------------- */

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.5em;
}

div.hrlike {
	margin: 1em 0 1em 0;
	border-top: 1px solid #F5F5F5;
}

.fussnote {
	font-size:10px;
	position: relative;
	top: -4px;
}

a.forward, a.link-zurueck {
	padding-left: 20px;
	padding-right: 3px;
	color: #595757;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
}

a.forward, a.forward:hover 				{ background-image: url(/images/layout/bg-a-forward.gif); }
a.link-zurueck, a.link-zurueck:hover 	{ background-image: url(/images/layout/bg-a-back.gif); }
a.forward:hover, a.link-zurueck:hover 	{ color: #FFF; background-color: #E73335; }

img.wborder {
	padding: 2px;
	border: 1px solid #F0F0F0;
	background: #FBFBFB;
}

div.shadow_itempic_medium {
	width: 206px;
	display: inline-block;
	margin: 0 0 2px;
	padding: 0 0 10px;
	background: url(/images/layout/shadow_belowpic240.jpg) no-repeat bottom left;
}

div.shadow_itempic_medium img {
	padding: 2px;
	border: 1px solid #CBCCCE;
	background: #FFF;
}

img.shadow_itempic_small {
	margin: 0;
	padding: 4px;
	background: url(/images/layout/bg-image-article.gif) no-repeat left top;
}


/* ----    CONTENTBOX    ----------------------------------------------------------------------------------------- */

div.boxrow {
	margin-top:20px;
	overflow: hidden;
}

div.contentbox {
	width: 240px;
	margin: 0 0 2em 0;
	padding: 0;
	overflow: hidden;
}

div.leftbox {
	float: left;
}

div.rightbox {
	float: left;
	margin-left: 80px;
}

img.right-align {
	float: right;
	margin: 2px 0 5px 15px;
	padding: 0;
}

img.left-align {
	float: left;
	margin: 2px 15px 5px 0;
	padding: 0;
}

div.contentbox-content {
	margin: 0 0 1em;
	padding: 0;
}

/* ----    LIST    ----------------------------------------------------------------------------------------- */

#content-table-col-mid ul {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#content-table-col-mid li {
	line-height: 1.5em;
	margin-bottom: 15px;
	padding-left: 15px;
	background: url(/images/layout/bullet.gif) no-repeat left 7px;
}

#content-table-col-mid ul ul {
	margin-top: 10px;
}

#content-table-col-mid ul ul {
	list-style: disc;
	padding-left: 5px;
}

#content-table-col-mid ul ul li {
	margin-left: 15px;
	padding-left: 0px;
	background: none;
}

/* ----    MESSAGE BOXES    ----------------------------------------------------------------------------------------- */

#content div.messagebox {
	margin: 0 0 2em 0;
	border-style: solid;
	border-width: 2px;
}

#content div.inside-messagebox {
	padding: 5px 10px;
}

#content div.messagebox h3 {
	margin: 0;
	padding: 0 0 3px 10px;
	color: #000;
}

#content div.messagebox p {
	margin: 0;
	padding: 0;
}

#content div.messagebox ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 30px;
	list-style: disc;
}

#content div.messagebox li {
	margin: 0;
	padding: 0;
	background: none;
}

#content div.messagebox ul ul {
	margin: 0;
	list-style: circle;
}


#content div.errorbox h3 {
	background: none;
}

#content div.successbox h3 {
	background: none;
}

#content div.errorbox {
	color: #000;
	border-color: #EA1111;
	background: #FFF1F1;
}

#content div.successbox {
	border-color: #4CAF2A;
}


/* ####################################################################################################################
   REFERENZEN
   #################################################################################################################### */   
/*
img.refpic {
	padding:4px;
	border:1px solid #CBCCCE;
}

div.refpicwrapper {
	width:200px;
	padding-bottom:12px;
	background:#fff url(/images/layout/shadow_belowpic240.jpg) no-repeat bottom left;
}
*/

td.ref_left {
	border-bottom: 1px solid #EFEFEF;
	padding: 8px 10px 8px 0;
	vertical-align: top;
	font-weight: bold;
}

td.ref_right {
	border-bottom: 1px solid #EFEFEF;
	padding: 8px 0 8px 0;
	vertical-align: top;
}

img.reflogo {
	position: absolute;
	bottom: 7px;
	right: 0;
}

* html img.reflogo {
	top: 0;
	right: 30px;
}


/*
#content a.referenz_jump {
	height: 35px;
	margin: 0;
	padding: 10px 15px 10px 20px;
	text-decoration:none;
	text-align: left;
	font: bold 12px arial, sans-serif;
	color: #FFF;
	border: none;
	background: url(/images/layout/bg-submit.gif) no-repeat left top;
}
*/


/* ####################################################################################################################
   NEWS
   #################################################################################################################### */   

table.news-listrow {
	margin-bottom: 15px;
}

table.news-listrow td.date, table.news-listrow td.shorttext {
	padding-top: 1px;
}

table.news-listrow td.pic {
	margin: 0;
	padding: 4px;
	background: url(/images/layout/bg-image-article.gif) no-repeat left top;
}

div.date {
	position: relative;
	width: 31px;
	height: 48px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/date.gif) no-repeat left top;
}

div.date span.month {
	position: absolute;
	display: block;
	top: 2px;
	left: 2px;
	width: 27px;
	height: 12px;
	color: #FFF;
	text-align: center;
	font: bold 10px/11px arial, sans-serif;
	text-transform: uppercase;
}

div.date span.day {
	position: absolute;
	display: block;
	top: 14px;
	left: 2px;
	width: 27px;
	height: 18px;
	color: #373535;
	text-align: center;
	font: bold 12px/18px arial, sans-serif;
}

div.date span.year {
	position: absolute;
	display: block;
	top: 33px;
	left: 2px;
	width: 27px;
	height: 8px;
	color: #757272;
	text-align: center;
	font: bold 8px/8px arial, sans-serif;
}



/* ####################################################################################################################
   RIGHTCOL
   #################################################################################################################### */   
   
#content-table-col-right h3 {
	margin: 0 0 0px -40px;
	padding: 5px 0 0 40px;
	color: #373535;
	font-size: 12px;
	text-transform: uppercase;
	background: url(/images/layout/bg-h3-rightcol.gif) no-repeat left top;
}

#content-table-col-right h3 span {
	display: block;
	margin: 0;
	padding: 0 0 12px 0;
	background: url(/images/layout/bg-h3-span-rightcol.gif) repeat-x left bottom;
}

#content-table-col-right span.date {
	color: #908D8D;
	font-size: 10px;
}

#content-table-col-right div.article {
	overflow: hidden;
	margin: 0 0 15px -3px;
	padding: 10px 0 0 3px;
	background: url(/images/layout/bg-h3-span-rightcol.gif) no-repeat 3px top;
}

div.article img {
	float: left;
	margin: 0px 10px 0 -3px;
	padding: 4px;
	background: url(/images/layout/bg-image-article.gif) no-repeat left top;
}

#content-table-col-right h4, #content-table-col-right h4 a, table.news-listrow h4, table.news-listrow h4 a, td.refcell h4, td.refcell h4 a {
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 12px;
	color: #676767;
	text-decoration: none;
}

table.news-listrow h4, table.news-listrow h4 a {
	margin-bottom: 0.3em;
	font-size: 14px;
}

td.refcell h4, td.refcell h4 a {
	margin: 0;
	font-size: 11px;
}

#content-table-col-right h4 a:hover, table.news-listrow h4 a:hover, td.refcell h4 a:hover {
	color: #E73335;
	text-decoration: underline;
	/*
	color: #FFF;
	background-color: #E73335;
	*/
}

#content-table-col-right p {
	font-size: 11px;
	line-height: 1.3em;
	margin: 0 0 0.5em;
	padding: 0;
}

#content-table-col-right a.forward {
	padding-left: 10px;
	padding-bottom: 1px;
	color: #595757;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: left -1px;
	background-image: url(/images/layout/bg-a-forward-sidebar.gif);
}

#content-table-col-right a.forward:hover {
	color: #FFF;
	background-image: url(/images/layout/bg-a-forward-sidebar.gif);
}



/* ####################################################################################################################
   FORMS
   #################################################################################################################### */
   
fieldset {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #999;
}

legend {
	padding: 1px 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #E4E4E4;
}

input.input_text, textarea, select, input.fc-normal, textarea.fc-normal, select.fc-normal {
	margin: 0;
	padding: 3px;
	font-family: arial, sans-serif;
	font-size: 12px;
	border: 1px solid #C1C1C1;
	background: #FDFDFD;
}

input.input_radio, input.input_checkbox {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

input.fc-error, textarea.fc-error, select.fc-error {
	background-color: #FAE7E7;
	border: 1px solid #CC0000;
}

label.forcheckbox {
	position: relative;
	top: -2px;
	margin-left: 5px;
}

/* ----    SUBMIT BUTTON    ----------------------------------------------------------------------------------------- */

div.submit-button-end {
	position: absolute;
	display: inline;
	margin: 0;
	padding: 0 2px 0 0;
	width: 22px;
	height: 35px;
	background: transparent url(/images/layout/bg-submit-end.gif) no-repeat left top;
}

input.submit-button {
	overflow: visible;
	cursor: pointer;
	height: 35px;
	margin: 0;
	padding: 0 15px 0px 20px;
	text-align: left;
	font: bold 12px arial, sans-serif;
	color: #FFF;
	border: none;
	background: url(/images/layout/bg-submit.gif) no-repeat left top;
}

a.img-button {
	display: inline-block;
	overflow: visible;
	cursor: pointer;
	height: 35px;
	margin: 0;
	padding: 0 15px 0px 20px;
	font: bold 12px arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	line-height: 35px;
	background: url(/images/layout/bg-submit.gif) no-repeat left top;
}

input.submit-button:hover, a.img-button:hover {
	color: #000;
}


/* ####################################################################################################################
   FOOTER
   #################################################################################################################### */   

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	color: #939393;
	font-size: 11px;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0 12px 0 14px;
	background: url(/images/layout/bg-footer-li.gif) no-repeat left center;
}

#footer li.first {
	background: none;
}

#footer a {
	text-decoration: none;
	margin: 0;
	padding: 0 2px;
	color: #939393;
	font-size: 11px;
}

#footer a:hover {
	color: #FFF;
	background: #E73335;
}



/* ####################################################################################################################
   LINKS WITH SYMBOLS
   #################################################################################################################### */

a.iconlink, a.iconlink, a.link-pdf {
	margin: 0 5px 0 0;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: left 2px;
}

a.edit		{ background-image: url(/images/admin_icons/icon_add.gif); }
a.edit		{ background-image: url(/images/admin_icons/icon_edit.gif); }
a.delete	{ background-image: url(/images/admin_icons/icon_delete.gif); }
a.sortdown	{ background-image: url(/images/admin_icons/icon_sortdown.gif); }
a.sortup	{ background-image: url(/images/admin_icons/icon_sortup.gif); }

a.doc { background-image: url(/images/icons/doc.gif); }
a.eps { background-image: url(/images/icons/eps.gif); }
a.gif { background-image: url(/images/icons/gif.gif); }
a.jpg { background-image: url(/images/icons/jpg.gif); }
a.new { background-image: url(/images/icons/new.gif); }
a.pdf, a.link-pdf { padding: 5px 0 5px 35px; background-image: url(/images/icons/icon_pdf.gif); background-position: left top; }
a.ppt { background-image: url(/images/icons/ppt.gif); }
a.txt { background-image: url(/images/icons/txt.gif); }
a.xls { background-image: url(/images/icons/xls.gif); }
a.zip { background-image: url(/images/icons/zip.gif); }

a.totop { background-image: url(/images/icons/totop.gif); }



/* ####################################################################################################################
   ADMIN
   #################################################################################################################### */   

div.admin {
	border: 2px solid #FF00FF;
	padding: 4px;
}

#toggle_editmode_on, #toggle_editmode_off {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 110px;
	border: 2px solid #FF00FF;
	padding: 4px;
	font-size: 11px;
	background: #FFF;
}

#toggle_editmode_off {
	display: block;
	border-color: #BBBBBB;
}

* html #toggle_editmode_off {
	position: absolute;
}

* html #toggle_editmode_on {
	position: absolute;
}



/* ####################################################################################################################
   PRINT_STYLES
   #################################################################################################################### */

@media print
{
	
	body { background: #FFF !important; }
	
	#header, #claim, #nav-container, #content-top, #content-table-col-left, #content-table-col-right, #footer {
		display: none;
	}
	
	#page, #content {
		width: 100%;
		margin: 0;
		padding: 0;
		background: none;
	}
	
	#content {
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
	}
	
	#content-table-col-mid {
		margin: 0;
		padding: 0;
	}
	
	#topheader { 
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 10px; 
		background: none;
	}
	
	#logo { 
		position: static;
	}
	
	h1 { 
		background: none !important;
		border-bottom: 2px solid #EBEBEB;
	}
	
	h2 { 
		background: none !important;
		border-bottom: 1px solid #CCC;
	}
	/*
	input.submit-button {
		height: auto;
		background: #CCC !important;
		border: 1px solid #D5282A;
	}
	*/
	
	div.contentbox {
		width: 100%;
	}
	
	div.leftbox, div.rightbox {
		float: none;
		margin-left: 0;
	}
	
	div.contentbox-content {
		height: auto !important;
	}
	
	#content-table-col-mid ul {
		list-style: square;
		padding-left: 20px;
	}
	
	#content-table-col-mid li {
		padding-left: 5px;
	}
	
}