/*
--------------------------------------------------------------------------------
----------------- main definitions for all pages of this site ------------------
--------------------------------------------------------------------------------
*/

@charset "utf-8";
/* CSS Document */

html, body { /* main definitions... */
	height:100%; margin:0; padding:0;
}

body { /* main colors and font size, font color... */
	background-color:#98012b;
	font: normal normal normal 0.8em/1em Tahoma, Verdana, Helvetica, sans-serif; line-height:1.2em; word-spacing:-0.7px;
	/* text-align:justify; */
	text-align:left;
	color:#fff;
	overflow:auto;
}

td {
	font-size:1.0em;
}

div { /* standard for all div's... */
	border:0; margin:0; padding:0;
}

a:link, a:visited {
	text-decoration:none;
	color:#999;
	font-weight:normal;
	text-transform:uppercase;
}
a:hover, a:active {
	text-decoration:none;
	color:#fff;
	font-weight:normal;
}

.ce_hyperlink {
	margin:0;
	text-align:right;
}

.spacerArtikel { /* if the 'hyperlink'-element is in use within an article, place this class-element to the end of the link-list... */
	height:30px;
}

/* Additional classes used by TYPOLight */
.clear { height:0.1px; overflow:hidden; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { width:0px; height:0px; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline; }



/*
-------------------- main definitions for container-DIVs... --------------------
*/

#divBG { /* attached background to divBG... */
	position:absolute; left:0; top:0; width:585px; height:670px;
	background-image:url(../_pics_gui/bg_fp_blackred_585x670.jpg);
	background-position:top left; background-repeat:no-repeat; z-index:2; overflow:hidden;
}

#divBGStripe { /* black stripe, stretched to the right of the site, yeah... */
	position:absolute; left:0; top:0; width:100%; height:208px; background:#000; z-index:1;
}

#headline { /* div for the selected site-topic... */
	position:absolute; left:580px; top:146px; width:414px; height:63px; z-index:3; overflow:hidden;
}

#slogan { /* div for the slogans (main headlines/chapters)... */
	position:absolute; left:506px; top:209px; width:480px; height:94px; z-index:3; overflow:hidden;
}

#mainmenue { /* div for the mainmenue(s)... */
	position:absolute; left:275px; top:290px; width:80px; height:auto; z-index:4;
	text-transform:uppercase; font-family:Tahoma, Verdana, Helvetica, sans-serif; line-height:0.8em;
}

#contentFP { /* div for all of the content containers... equal width to #spacerBtm ! */
	position:absolute; left:412px; top:291px; width:560px; height:auto; z-index:5;
	border-left:1px solid #fff;
}

#spacerBtm { /* IMPORTANT! this spacer covers the bottom of #conentFP (necessary to avoid 'gaining ground' of browser's bottom)... */
	position:relative; bottom:-1px; left:-2px; height:44px; width:560px;
	border-right:1px solid #98012b; border-bottom:1px solid #98012b; border-left:1px solid #98012b; background:#98012b; z-index:900;
	/* border-top:1px solid #fff; */
}

#contentFP, #spacerBtm { /* background with gradient from white to red (for border-tops)... */
	background-image:url(../_pics_gui/bg_contentFP_stripe.jpg);
	background-position:left top; background-repeat:no-repeat;
}



/*
-------------------- MAINMENUE... --------------------
*/

#mainmenue a:link, #mainmenue a:visited {
	text-decoration:none;
	color:#999;
	font-weight:normal;
}
#mainmenue a:hover, #mainmenue a:active {
	text-decoration:none;
	color:#fff;
	font-weight:normal;
}

#mainmenue ul {
	margin:0; padding:0;
	text-align:right; 
}

#mainmenue ul li {
	margin:0; padding:0;
	list-style-type:none; 
}

#mainmenue ul li a {
	font-weight:normal;
}

#mainmenue ul li p {
	margin:0; padding:0;
}



/*
--------------------------------------------------------------------------------
-------------------- modifications on original templates... --------------------
--------------------------------------------------------------------------------
*/



/*
-------------------- NEWSLIST 'neu' --------------------
*/

.divNewsItem { /* content-wrapper for one newsitem... */
	position:relative; left:2px; top:0; width:560px; height:auto; margin:10px 0 10px 0;
}

.divNewsItemSubheadBG {
	width:246px; height:43px;
	background-image:url(../_pics_gui/bg_newsitem_subhead.jpg);
}

.divNewsItemSubheadBG h1, .divNewsItemSubheadBG h2 {
	padding:4px 27px 0 0;
	font-size:1em; font-style:normal; font-weight:normal;
	text-align:right; text-transform:uppercase;
}

.divNewsItemImg { /* news image - obviously swapped in depth to the top for activating links attached to it... */
	position:relative; left:0; top:-21px; width:220px; height:165px; margin:0 5px 0 0; float:left; z-index:10;
}

.divNewsItemTxt {
	position:relative; left:0; top:-25px; z-index:5;
}

.divNewsItemTxt h1, .divNewsItemTxt h2 {
	padding:0; margin:0; font-size:2em; font-weight:normal; text-align:left;
}

.divNewsItemTxt h1 {
	line-height:1em;
}

.divNewsItemTxt p {
	padding:0; margin-top:4px;
}

.image_container img {
	border:0;
}



/*
-------------------- ARTICLES --------------------
*/

.divArticleItem { /* content-wrapper for one article with image... */
	position:relative; left:2px; top:0; width:560px; height:auto; margin:10px 0 10px 0;
}

.divArticleItemSubheadBG {
	width:246px; height:43px;
	background-image:url(../_pics_gui/bg_newsitem_subhead.jpg);
}

.divArticleItemSubheadBG h1, .divArticleItemSubheadBG h2 {
	padding:4px 27px 0 0;
	font-size:1em; font-style:normal; font-weight:normal;
	text-align:right; text-transform:uppercase;
}

.divArticleItemImg { /* news image - obviously swapped in depth to the top for activating links attached to it... */
	position:relative; left:0; top:-21px; width:220px; height:165px; margin:0 5px 0 0; float:left; z-index:10;
}

.divArticleItemTxt {
	position:relative; left:0; top:-25px; z-index:5;
}

.divArticleItemTxt h1, .divArticleItemTxt h2 {
	padding:0; margin:0; font-size:2em; font-weight:normal; text-align:left;
}

.divArticleItemTxt h1 {
	line-height:1em;
}

.divArticleItemTxt p {
	padding:0; margin-top:4px;
	font-size:1em;
	min-height:100px;
}



.divArticleItemNoImg { /* content-wrapper for one article without image... */
	position:relative; left:2px; top:0; width:560px; height:auto; margin:10px 0 10px 0;
}

.divArticleItemNoImgSubheadBG {
	width:246px; height:43px;
	background-image:url(../_pics_gui/bg_newsitem_subhead.jpg);
}

.divArticleItemNoImgSubheadBG h1, .divArticleItemNoImgSubheadBG h2 {
	padding:4px 27px 0 0;
	font-size:1em; font-style:normal; font-weight:normal;
	text-align:right; text-transform:uppercase;
}

.divArticleItemNoImgDummy { /* image-dummy only to adjust the position... */
	position:relative; left:0; top:-21px; width:220px; height:0.1px; z-index:10;
}

.divArticleItemNoImgTxt {
	position:relative; left:227px; width:332px; top:-25px; z-index:5;
}

.divArticleItemNoImgTxt h1, .divArticleItemNoImgTxt h2 {
	padding:0; margin:0; font-size:2em; font-weight:normal; text-align:left;
}

.divArticleItemNoImgTxt h1 {
	line-height:1em;
}

.divArticleItemNoImgTxt p {
	padding:0; margin-top:4px;
}

/*
-------------------- GALLERY 'ce_gallery_fullsize.tpl' --------------------
*/

.ce_gallery { /* distance to the left border of 'contentFP'... */
	margin-left:227px;
}

.ce_gallery table {
	border:1px solid #fff; border-top:none;
	/*
	padding:3px 2px 2px 2px; border-top:1px solid #98012b; border-right:1px solid #98012b; border-bottom:1px solid #fff;  border-left:1px solid #fff;
	background-image:url(../_pics_gui/bg_contentFP_stripe.jpg);
	background-position:left top; background-repeat:no-repeat;
	*/
}

.ce_gallery table tbody {
	padding:0; margin:0; border:0;
}

.ce_gallery table tbody tr td { /* FIXED size of the tables, no need to set values in the backend-template... */
	padding:1px; height:81px; width:108px; vertical-align:top;
}

.ce_gallery .image_container {
	padding:0; margin:0; border:0; height:81px; width:108px; overflow:hidden;
}

.ce_gallery .image_container img, .ce_gallery .image_container img a {
	padding:0; margin:0; border:0;
}



/*
-------------------- KONTAKT-Form --------------------
*/

.mod_form form {
	position:relative; left:130px; width:460px;
	height:390px;
}

.mod_form input {
	height:15px; border:1px solid #fff; background:#ccc;
	font-size:11px;
}

.mod_form label {
	width:120px; height:15px; color:#fff;
}

.mod_form .textarea {
	border:1px solid #fff; background:#ccc;
	font-size:11px;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
}

.mod_form table tr td {
	padding:2px;
}

.mod_form .submit_container {
	width:70px; height:15px;
}

.mod_form .submit_container input image {
	width:70px; height:15px;
}

#lbCaption {
	font-size:10px;
	font-weight:bold;
	word-spacing:2px;
	
}

.divArticleItemNoImgTxt h1 {
	margin-bottom:5px;
	
}

ul {
	margin:0;
	padding:0;
	margin-left:15px;
}