@charset "utf-8";
/**
 **************************************************
 * Herforder TYPO3 Master 
 * main.css
 *
 * @version: 1.2
 * @updated: 2010-03-17 (AD)
 **************************************************
**/



/**
 **************************************************
 * CSS RESET
 *
 * @description: general reset for all browsers
 **************************************************
**/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

h1,h2,h3,h4,h5,h6,strong,b,th,dt {
	font-size:100%;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th { 
	text-align:left; 
}

img,abbr,acronym {
	border:0; 
}

em,i,dfn,cite,var,address {
	font-style:normal;
}

pre,code {
	font-family:'courier new',courier,mono;
	font-size:1.0em;
}

q:before,q:after { 
	content:''; 
}

:focus {
	outline:0;
}



/**
 **************************************************
 HELPER CLASSES 
 *
 * @description: helper classes for common problems or quick fixes
 **************************************************
**/
.clearOnly {
	clear:both;
}

.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.noPadding {
	padding:0 !important;
}

.noMargin {
	margin:0 !important;
}

.none {
	display:none !important;
}

.hidden {
	visibility:hidden !important;
}

.error {
	color:red;
	font-weight:bold;
}

.sprite,
.sprite a {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/.clearfix{ display:block; }/* End hide from IE Mac */




/**
 **************************************************
 GENERAL DEFINITIONS
 *
 * @description: define the basic appearance of the site
 **************************************************
**/
html {
	height:100%;
	/*min-height:100%;*/
	/*Defaults to ~16px across browsers*/
	/*font-size:100.01%;*/
	/*Defaults to ~12px across browsers*/
	font-size:75.01%;
	background:#fff url(../img/html-bg.png) left top repeat-x;
}

body {
	height:100%;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:1.0em;
	/*line-height calculates to 18px (~12px * 1.5 = ~18px)*/
	line-height:1.4em;
	color:#01366b;
	/*Testing the text-rythm at ~18px*/

}

h1 {
	font-size:2.0em; /*~24px*/
	line-height:1.3em; /*~31,2px*/
	letter-spacing:-0.01em;
	margin-bottom:0.25em;
}

h2 {
	font-size:1.5em; /*~18px*/
	line-height:1.3em; /*~23,4px*/
	margin-bottom:0.25em;
        padding-top: 0.75em;
}

h3 {
	font-size:1.2em; 
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0.25em;
}

h4,h5,h6 {
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:0.25em;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	display:none;
}

p,ol,ul,dl {
	margin-bottom:1.0em;
}

ul {
	padding-left:13px;
	list-style:disc outside;
}

ol {
	padding-left:26px;
	list-style:decimal-leading-zero outside; 
}

dt {
	font-weight:bold;
}

a {
	color:#01366b;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	border-style:solid;
}

strong,b {
	font-weight:bold;
}

em,i {
	font-style:italic;
}

hr {
	clear:both;
	/*Only chance to get the standard visuals away*/
	border-width:0;
	border-bottom:1px dotted #c4c4c4;
        margin: 30px 0 30px 0;
}

table {
	border:1px solid #d1d1d1;
	margin-bottom:1.5em;
	background:#f5f5f5;
}

table caption {
	font-size:1.10em;
	font-weight:bold;
	padding:0 0 3px 3px;
}

table tr {

}

table th,
table td {
	padding:1px 4px 1px 4px;
	border:1px solid #d1d1d1;
	vertical-align:top;
}

table th {
	color:#fff;
	font-weight:bold;
	background:#cecece;
}

table p {
	margin-bottom:0;
}

form {
	
}

form legend {
	display:none;
}

form label {
	clear:left;
	float:left;
	width:135px;
}

form label em {
	font-style:normal;
	color:red;
}

form input.text,
form input.checkbox,
form input.radio,
form select,
form textarea {
	float:left;
	width:194px;
	height:16px;
	padding:2px 2px 1px 2px;
	border:1px solid #cacaca;
	margin:0 0 5px 0;
	font:inherit;
	color:#666;
}

/* BEN: FF 3.6X seems to have std-bg-color now. Overriding */
form select {
	background-color:#fff;
}

form textarea {
	height:64px;
}

form input.w1 {
	width:44px;
}

form input.w2 {
	width:94px;
}

form input.w3 {
	width:144px;
}

form input.checkbox,
form input.radio {
	width:auto;
	height:auto;
	border:0;
	margin:3px 0 5px 1px;
}

form select {
	/* Selects have wrong box model. Add all paddings/margins/borders from above */
	width:200px;
	height:21px;
	padding:0;
}

/* Selects with a defined size (listboxes) */
form select.listbox {
	height:auto;
}

form select option {

}

form input.submit,
form input.reset,
form input.button {
	float:left;
	padding:1px 2px 0 18px;
	border:1px solid #cacaca;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#888;
	/*background:#f3f3f3 url(../img/ico-submit.png) 2px 2px no-repeat;*/
	background:#f3f3f3 url(../img/ico-tick.png) 2px 2px no-repeat;
}

form p {
	clear:left;
	margin-bottom:0;
}



/**
 **************************************************
 LAYOUT
 *
 * @description: building the design
 **************************************************
**/
#pageContainer {
	position:relative;
	min-height:100%;
	background:transparent url(../img/page-container-bg.png) left bottom repeat-x;
}

#page {
	width:990px;
	min-height:100%;
	margin:0 auto;
}

#header {
	position:relative;
	width:990px;
	height:150px;
}

ul#navMain {
	position:absolute;
	top:15px;
	left:0;
}

form#searchbox {
	position:absolute;
	top:15px;
	right:30px;
	width:140px;
	padding:0;
	margin:0;
}

h1#logo {
	position:absolute;
	top:80px;
	left:0;
}

.home h1#logo {
	top:68px;
}

ul#navBreadcrumb {
	position:absolute;
	top:105px;
	left:235px;
	width:620px;
}

ul#navBreadcrumb a {
	font-weight:normal;
}

ul#navMisc {
	position:absolute;
	top:60px;
	right:5px;
	width:75px;
}


#contentArea {
	position:relative;
	width:990px;
	padding-top:30px;
	/*Has to be footer-height + desired "margin"*/
	padding-bottom:100px;
}

#secondaryContent {
	float:left;
	width:225px;
	min-height:400px;
	margin-right:10px;
	/*background:yellow;*/
}

ul#navSub {

}

#primaryContent {
	float:left;
	width:735px;
	margin-right:20px;
	/*background:blue;*/
}

.home #primaryContent {
	float:none;
	width:990px;
}

#footer {
	position:absolute;
	bottom:0;
	width:990px;
	height:45px;
	background:#03396a url(../img/footer-bg.png) center center no-repeat;
}

ul#navSocial {
	margin-top:10px;
}



/**
 **************************************************
 LAYOUT SPECIFIC (LOGO,NAVIGATION,SEARCHBOX...)
 *
 * @description: detailed formatting of the basic elements
 **************************************************
**/


#aktionmoni{
position: absolute;
width: 150px;
height: 60px;
margin: 65px 0 0 750px;
z-index: 100;

}

ul#navMain {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

ul#navMain li {
	float:left;
	height:20px;
	margin-right:20px;
}

ul#navMain li.first {
	
}

ul#navMain li.last {
	margin-right:0
}


ul#navMain a {
	border:0;
}

form#searchbox label {
	display:none;
}

form#searchbox input.text {
	float:left;
	width:75px;
	height:16px;
	padding:0 2px 1px 2px;
	border:1px solid #cacaca;
	margin:0;
}

form#searchbox input.submit {
	float:left;
	width:45px;
	height:15px;
	padding:0;
	margin:2px 0 3px 5px;
	border:0;
	cursor:pointer;
	background:transparent url(../img/submit-searchbox.png) no-repeat;
}

form#searchbox a {
	font-size:0.95em;
	color:#fff;
	border-color:#fff;
}

h1#logo a {
	border:0;
}

ul#navBreadcrumb {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
	line-height:1.35em;
}

ul#navBreadcrumb li {
	float:left;
	margin-right:3px;
}

ul#navBreadcrumb li.last {
	margin-right:0;
}

ul#navBreadcrumb a {
	color:#d69303;
	border-color:#d69303;
}

ul#navMisc {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
	line-height:1.15em;
}

ul#navMisc li {

}

ul#navMisc li.last {

}

ul#navMisc a {

}

ul#navSub {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

ul#navSub ul {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

ul#navSub li {

}

ul#navSub li.first {
	
}

ul#navSub li.last {

}

ul#navSub ul li.first {

}

ul#navSub ul li.last {
	margin-bottom:4px;
}

ul#navSub a {
	border:0;
}

ul#navSocial {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

ul#navSocial li {
	float:left;
	width:21px;
	height:21px;
	margin-right:5px;
}

ul#navSocial a {
	display:block;
	width:21px;
	height:21px;
	border:0;
	text-indent:-999px;
}

ul#navSocial li.twitter a {
	background:transparent url(../img/ico-twitter.png) no-repeat;
}

ul#navSocial li.youtube a {
	background:transparent url(../img/ico-youtube.png) no-repeat;
}

ul#navSocial li.facebook a {
	background:transparent url(../img/ico-facebook.png) no-repeat;
}

ul#navSocial li.myspace a {
	background:transparent url(../img/ico-myspace.png) no-repeat;
}



/**
 **************************************************
 CSS STYLED CONTENT
 *
 * @description: just a copy from the extension output
 * @beware: margins to text that are set here have to be changed in TS constants too
 **************************************************
**/
div.csc-textpic-caption-c .csc-textpic-caption {
	text-align:center;
}
div.csc-textpic-caption-r .csc-textpic-caption {
	text-align:right;
}
div.csc-textpic-caption-l .csc-textpic-caption {
	text-align:left;
}
/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
	float:left;
	display:inline;
}
/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border:2px solid black;
	padding:0px 0px;
}
div.csc-textpic-imagewrap {
	padding:0;
}
div.csc-textpic img {
	border:0 none;
}
/* DIV:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	float:left;
}
/* ul:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.csc-textpic div.csc-textpic-imagewrap ul li {
	float:left;
	margin:0;
	padding:0;
}
/* DL:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float:left;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
	float:none;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
	float:none;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
	border:0 none;
}
/* FE-Editing Icons */
dl.csc-textpic-image {
	margin:0;
}
dl.csc-textpic-image dt {
	margin:0;
	display:inline;
}
dl.csc-textpic-image dd {
	margin:0;
}
/* Clearer */
div.csc-textpic-clear {
	clear:both;
}
/* Margins around images:*/

/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap,div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:20px !important;
        padding-right: 20px;
} 
/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:20px;
}
/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin:0;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin:0;
}
/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:10px;
}
div.csc-textpic-equalheight div.csc-textpic-imagerow {
	margin-bottom:0px;
	display:block;
}
div.csc-textpic div.csc-textpic-imagerow {
	clear:both;
}

div.csc-textpic div.csc-textpic-imagerow div.csc-textpic-image {
	margin-bottom:10px;
}
/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
	margin-left:0px !important;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right:0px !important;
}
/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:10px !important;
	margin-top:2px;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:10px !important;
	margin-top:2px;
}
/* Positioning of images:*/

/* Above */
div.csc-textpic-above div.csc-textpic-text {
	clear:both;
}
/* Center (above or below) */
div.csc-textpic-center {
	text-align:center; /* IE-hack */
}
div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 auto;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	text-align:left; /* Remove IE-hack */
}
div.csc-textpic-center div.csc-textpic-text {
	text-align:left; /* Remove IE-hack */
}
/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
	float:right;
}
div.csc-textpic-right div.csc-textpic-text {
	clear:right;
}
/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
	float:left;
}
div.csc-textpic-left div.csc-textpic-text {
	clear:left;
}
/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	float:left;
}
/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	float:right;
}
/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	float:right;
	clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
	height:1%;
}
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	
	float:left;
	clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
	height:1%;
}
/* End hide from IE5/mac */
div.csc-textpic div.csc-textpic-imagerow-last {
	margin-bottom:0;
}

div.csc-textpic div.csc-textpic-imagerow-last div.csc-textpic-image {
	margin-bottom:0;
}



/**
 **************************************************
 CSS STYLED CONTENT SPECIALS
 *
 * @description: formatting of more specific csc-output
 **************************************************
**/
h1.csc-firstHeader {
	margin-bottom:10px;
}

div.csc-header {
	clear:both;
} 
 
div.csc-textpic-image a {
	border:0;
}

p.csc-textpic-caption {
	font-size:0.9em;
	color:#666;
}

div.indent {
	margin-left:50px;
}

td.csc-uploads-icon {
	padding:4px;
}

td.csc-uploads-icon a {
	border:0;
}

/* BEN: These are only there for compatibility reasons. The new RTE-config defines new classes (see rte.css) */
/*
a.external-link-new-window {
	padding-left:17px;
	background:transparent url(../img/ico-extlink.png) 0 1px no-repeat;
}

a.internal-link {
	padding-left:17px;
	background:transparent url(../img/ico-intlink.png) 0 1px no-repeat;
}

a.mail{
	padding-left:17px;
	background:transparent url(../img/ico-maillink.png) 0 1px no-repeat;
}
/*
/* :NEB */

/* Tables */
.contenttable {
	margin-bottom:1.0em;
}

.contenttable-2 th {
	background:#b50027;
	font-weight:bold;
	text-transform:uppercase;
}

.contenttable-2 td {
	background:#9abb87;
}

.contenttable-3 {
	width:100%;
	border-collapse:collapse;
	color:#fff;
}

.contenttable-3 caption {
	text-align:right;
	color:#222;
}

.contenttable-3 th,
.contenttable-3 td {
	border:2px solid #222;
}

.contenttable-3 th {
	font-weight:bold;
	text-transform:uppercase;
	background:#333;
}

.contenttable-3 th.td-0,
.contenttable-3 td.td-0  {
	width:10%;
}

.contenttable-3 th.td-1,
.contenttable-3 td.td-1,
.contenttable-3 th.td-2,
.contenttable-3 td.td-2,
.contenttable-3 th.td-3,
.contenttable-3 td.td-3  {
	width:30%;
}

.contenttable-3 tr.tr-even {
	background:#444;
}

.contenttable-3 tr.tr-odd {
	background:#555;
}

/* CSC-Uploads */
table.csc-uploads {
	background:none;
	border:0;
}

table.csc-uploads th,
table.csc-uploads td {
	border:0;
}

table.csc-uploads td.csc-uploads-fileSize {
	padding-left:10px;
}

/* Standard frames */
div.csc-frame {
}

div.csc-frame-frame1 {
	padding:5px;
	border:10px solid #999;
	margin-bottom:1.5em;
}

div.csc-frame-frame2 {
	padding:5px;
	border:10px solid #B50027;
	margin-bottom:1.5em;
}

div.csc-frame-rulerBefore {
	border-top:1px solid #999;
}

div.csc-frame-rulerAfter {
	border-bottom:1px solid #999;
	margin-top:-1.5em;
	margin-bottom:1.5em;
}

div.csc-frame-indent {
	margin-left:50px;
}

div.csc-frame-indent3366 {
	margin-left:33%;
}

div.csc-frame-indent6633 {
	margin-left:66%;
}

/* Sitemap */
div.csc-sitemap {
	margin-bottom:1.2em;
}

div.csc-sitemap ul {
	margin-bottom:0.3em;
}

div.csc-sitemap ul ul {
	font-size:0.95em;
}



/**
 **************************************************
 LAYOUT SPECIFIC CHANGES OF BASE FORMATS
 *
 * @description: overwrite base formats depending on layout
 * @example: make text smaller in secondary content area
 **************************************************
**/
#secondaryContent p,
#secondaryContent ol,
#secondaryContent ul {
	font-size:0.9em;
	line-height:1.3em;
}



/**
 **************************************************
 NEWS
 *
 * @description: css definitons for EXT: tt_news
 * @beware: is dependent on the modified template
 **************************************************
**/
.news {

}

.news p.date,
.news p.timeData,
.news p.author,
.news p.imgCaption,
.news p.back {
	margin-bottom:0;
	font-size:0.95em;
}

.news span.more {
	white-space:nowrap;
}

.news p.back {
	clear:both;
	border-top:1px solid #c4c4c4;
	padding-top:30px;
        margin-top: 20px;

}

.news .images {
	float:left;
	margin:3px 30px 1.5em 0;
}

.news .images a {
	border-bottom:0;
}

.news .addInfo dl {
	padding-top:2em;
	border-top:1px dotted #c4c4c4;
	clear: both;
}

.news p.imgCaption {
	width:180px;
	margin-bottom: 20px;
}



/**
 **************************************************
 INDEXED SEARCH
 *
 * @description: css definitons for EXT: indexed_search
 * @beware: is dependent on the modified template
 **************************************************
**/
.tx-indexedsearch {

}

.tx-indexedsearch .tx-indexedsearch-res {

}

.tx-indexedsearch .result {
	padding-top:0.4em;
	border-top:1px dotted #c4c4c4;
}

.tx-indexedsearch h3 {
	position:relative;
}

.tx-indexedsearch h3 span {
	display:inline;
}

.tx-indexedsearch h3 span.icon {
	vertical-align:text-bottom;
}

.tx-indexedsearch h3 span.percent {
	position:absolute;
	right:0;
	color:#c4c4c4;
}

.tx-indexedsearch dl.info dt {
	clear:left;
	float:left;
	width:65px;
}

.tx-indexedsearch dl.info dd {
	float:left;
}

.tx-indexedsearch .tx-indexedsearch-redMarkup {
	background:#e2d91c;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul {
	padding-left:0;
	font-size:0.9em;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
	margin-right:10px;
	display:inline;
}

.tx-indexedsearch .tx-indexedsearch-browsebox a {
	border-color:#b4b4b4;
	color:#b4b4b4;
}



/**
 **************************************************
 * TMailform
 *
 * @description: css definitons for EXT: pil_mailform
 * @beware: is dependent on the modified template
 **************************************************
**/
.tx-pilmailform-pi1 {

}

.tx-pilmailform-pi1 fieldset {
	padding:5px 10px 10px 10px;
	border:1px solid #dadada;
	margin:0 0 25px 0;
}

.tx-pilmailform-pi1 legend {
	display:inline;
	font-weight:bold;
}

.tx-pilmailform-pi1 p.formNotice {
	font-size:0.9em;
}



/**
 **************************************************
 * FCES
 *
 * @description: css definitons for FCEs
 * @note: all fces also have the class "fce"
 **************************************************
**/


/* Grid: 50x2 */
div.grid50x2 {
	width: 485px;
	margin-top:10px;
}

div.grid50x2 .w50.first{
	position:relative;
	float:left;
	width:230px;
	margin-right:25px;

}

div.grid50x2 .w50.last {
	margin-right:0;
        width:230px;
        float: right;
}



/* Grid: 33x3 */
div.grid33x3 {
	width:735px;
	margin-top:10px;
}

div.grid33x3 .w33 {
	position:relative;
	float:left;
	width:220px;
	margin-right:36px;
}

div.grid33x3 .last {
	margin-right:0;
}


/* Grid: 25x4 */
div.grid25x4 {
	width:990px;
	margin-top:10px;
}

div.grid25x4 .w25 {
	position:relative;
	float:left;
	width:220px;
	margin-right:36px;
}

div.grid25x4 .last {
	margin-right:0;
}

/* Grid: 66a33 */
div.grid66a33 {
	width:735px;
	margin-top:10px;
}

div.grid66a33 .w66 {
	position:relative;
	float:left;
	width:479px;
	margin-right:36px;
}

div.grid66a33 .w33 {
	position:relative;
	float:left;
	width:220px;
	margin-right:0;
}

/* Grid: 33a66 */
div.grid33a66 {
	width:735px;
	margin-top:10px;
}

div.grid33a66 .w33 {
	position:relative;
	float:left;
	width:220px;
	margin-right:36px;
}

div.grid33a66 .w66 {
	position:relative;
	float:left;
	width:479px;
	margin-right:0;
}



/**
 **************************************************
 * TABLES
 *
 * @description: css definitons for tabels
 **************************************************
**/

/* Produktinfos */

.produktinfos{
	margin:0;
	padding:0;
	width:235px;
	border:0;
	background:#fff url(../img/bg-table_produktinfos.jpg) left top repeat-x;
	background-position: 0 25px;
}

.produktinfos tr, 
.produktinfos td, 
.produktinfos th{
	margin:0;
	padding:0;
	border:0;
	background:none;
}

.produktinfos th{	
	height:25px;
	padding-left:15px;
	vertical-align:middle;
	font-weight:bold;
	color:#FFF;
	background-color:#01366b;
}
.produktinfos td{	
	padding-left:15px;
	vertical-align:middle;
}

/* Veranstaltungen */

.calVeranstaltung {
	margin:0;
	padding:0;
	border:0;
	background:none;
	width:735px;
}

.calVeranstaltung tr, 
.calVeranstaltung td, 
.calVeranstaltung th{
	margin:0;
	padding:0;
	border:0;
	background:none;
}

.calVeranstaltung td{
	padding:3px;

}

.calVeranstaltung td.td-0 {
	width:180px;
}

.calVeranstaltung td.td-1 {
	width:330px;
	font-weight:bold;
}

.calVeranstaltung td.td-2 {
	width:225px;
}

/**
 **************************************************
 * EXT: FSK16
 *
 * @description: css definitons for the fsk16-plugin
 **************************************************
**/
.fsk16 div#contentArea {
	position:relative;
	width:auto;
	height:700px;
	padding:100px 0 0 0;
	background:url(../img/fsk16-bg.png) center 100px no-repeat;
}

.fsk16 #primaryContent {
	float:none;
	width:auto;
	padding:15px 250px;
	margin:0;
	text-align:center;
}

.fsk16 h1#logo {
	position:relative;
	top:auto;
	left:auto;
	margin-bottom:20px;
}

.fsk16 p {
	padding:0 40px;
	margin-bottom:20px;
	text-align:left;
}

.tx-herforder-pi1 input.yes {
	margin-bottom:5px;	
}

.tx-herforder-pi1 input.no {
	
}



/**
 **************************************************
 * EXT: Powermail
 *
 * @description: css definition fuer Wer ist Moni Aktion
 **************************************************
**/


input.powermail_hfaktion{ 
width: 400px; 
height: 20px; 
margin-bottom: 6px;
padding:2px;
border: 1px solid #dddddd;
font-family:arial,tahoma,verdana,sans-serif;
font-size:1.0em;
color:#01366b;
}

.powermail_textarea{
width: 400px; 
height: 200px; 
margin-bottom: 6px;
padding:2px;
border: 1px solid #cccccc;
font-family:arial,tahoma,verdana,sans-serif;
font-size:1.0em;
color:#01366b;
}

.powermail_submit{
width: 406px;
height: 26px;
margin-left: 135px;
font-weight:bold;
}


.powermail_all{
border:1px solid #dddddd;
background-color: #ffffff;
}

.powermail_all_td1{
width: 20%;
height: 24px;
padding: 4px;
}

/**
 **************************************************
 * EXT: Powermail
 *
 * @description: css definition fuer Parklichter 2010 Aktion
 **************************************************
**/
/*width textfields for IE*/
#hfaktionparkl .tx_powermail_pi1_fieldwrap_html_text {width:540px;}

input.powermail_hfaktionparkl{ 
width: 390px; 
margin-bottom: 6px;
padding:4px 2px 4px 2px;
border: 1px solid #03396A;
font-family:arial,tahoma,verdana,sans-serif;
font-size:1.0em;
color:#03396A;
}

/*format radiobox for IE*/
input.powermail_hfaktionparkl.powermail_radio{border:0px; width:auto;height:auto;}

/*format radio title*/
#hfaktionparkl .tx_powermail_pi1_fieldwrap_html_20 .tx_powermail_pi1_fieldwrap_html_radio_title{
font-weight:bold;margin-top:-2px;margin-bottom:15px;
}

#hfaktionparkl .tx_powermail_pi1_fieldwrap_html_12{
margin-top:20px;
}

/*format checkpox position*/
#hfaktionparkl #powermaildiv_uid22 label{display:none;}
#hfaktionparkl #powermaildiv_uid22 {position:relative;}
#hfaktionparkl .tx_powermail_pi1_fieldwrap_html_checkbox_title{position:absolute;top:0px;left:135px;width:400px;}
#hfaktionparkl .check_uid22_0{border:0px; width:40px;}
#hfaktionparkl .powermail_check_inner{width:124px;text-align:right;}

#hfaktionparkl #powermaildiv_uid23 label{display:none;}
#hfaktionparkl #powermaildiv_uid23 {position:relative;}

#hfaktionparkl .powermail_check{border:0px; width:auto;height:auto;}

#hfaktionparkl .powermail_submit{border:1px solid white; background:#03396A;color:white;padding:4px 2px 4px 2px;}
/**
 **************************************************
 * EXT: WM-Tipp
 *
 * @description: WM-Listen
 **************************************************
**/

/* Plugin 1 *   Ergebnisse tippen    */
	
table.user_wm_pi1_Tippabgabe  td{
  padding: 6px 20px 6px 20px;
  border:0;
}

tr.user_wm_pi1_Gruppenzeile  {
    background: #ffffff url("http://www.herforder.de/cms/fileadmin/images/wm/wmgruppen-top.png") repeat-x left center;	
    font-weight: bold;
    color: #FFF;

}		

tr.user_wm_pi1_Gruppenzeile td{
padding-top: 20px;
}



tr.user_wm_pi1_Headzeile {
	background: #FFF url("http://www.herforder.de/cms/fileadmin/images/wm/wmgruppen-head.png") repeat-x top left;
	color: #FFF;
}		
tr.user_wm_pi1_Tippabgabe {		
	background: #d0dbe1;
    color: #003e6a;	
}
table.user_wm_pi1_Tippabgabe td.user_wm_pi1_Zeit_ {
   padding-left: 20px;
   padding-right: 20px;
}
table.user_wm_pi1_Tippabgabe td.user_wm_pi1_Score {
   padding: 2px 2px 2px 2px;
}
td.user_wm_pi1_Ergebnist, td.user_wm_pi1_Spielnr {
   text-align: center;
}  
input.user_wm_pi1_submit {
    visibility: hidden;
}	

td.user_wm_pi1_savethis a {
   display: block; 
   cursor:pointer;
   border: none;
   text-decoration: none;
   background: url("http://www.herforder.de/cms/fileadmin/images/wm/save-tipp.png") no-repeat left bottom;
   width: 39px;
   height: 35px;
}  

tr.user_wm_pi1_Userzeile td {
   background: #FFF  url("http://www.herforder.de/cms/fileadmin/images/wm/tippspieler-bg.png") repeat-x left center;
   padding-top: px;
   padding-bottom: 6px;
}   
 
/* Plugin 2 */
table.user_wm_pi2_Punktestandtabelle {

}
		

/* Plugin 3 */

		
/* Plugin 4 Gruppentabellen */
    table.wmGruppen {
	   background-color: transparent;
	   border: 0;
	   padding-bottom: 10px;
	   
	}
	table.wmGruppen td {
	    padding: 4px 15px 4px 15px;
            border: 0;
	}
	table.wmgruppen-even,  table.wmgruppen-odd {
        border-collapse: collapse;
	}		
	table.wmgruppen-even tr, table.wmgruppen-odd tr{
		background: #d0dbe1;
        color: #003e6a;	
		 padding: 1px 3px 1px 3px;
	}
	table.wmgruppen-even {
	    margin-left: 10px;
	}
	table.wmgruppen-even tr, table.wmgruppen-odd tr  {
	    border-bottom: 0px solid #95c697;
	}	
	.wmGruppenname {
		background: #FFF url("http://www.herforder.de/cms/fileadmin/images/wm/wmgruppen-top.png") repeat-x left center;
		font-weight: bold;
		color: #FFF;
		border-top: 0px solid #FFF;
	}	
	table.wmgruppen-even tr.wmthead,
	table.wmgruppen-odd tr.wmthead {
		background: #FFF url("http://www.herforder.de/cms/fileadmin/images/wm/wmgruppen-head.png") repeat-x top left;
		border-bottom: 0px solid #FFF;
		height: 29px;
                
	}
	table.wmgruppen-even tr.wmthead td,
	table.wmgruppen-odd tr.wmthead td {
	    margin: 0;
		padding: 6px 6px 0 6px;
	}	
	
/* Plugin 2 Statistiken der Spieler */
	table.user_wm_pi3_Punktestandtabelle {
		border-collapse: collapse;
	}	
    tr.user_wm_pi3_Punktestandtabellehead {
		background: #FFF url("http://www.herforder.de/cms/fileadmin/images/wm/wmgruppen-top.png") repeat-x top left;
	}
	tr.user_wm_pi3_Punktestandtabellehead th {
	    color: #FFF;
		height: 26px;
		padding: 3px 30px 3px 30px;
	}	
	
	tr.user_wm_pi3_Punktestandtabellehead th.user_wm_pi3_headerleft {
		background: #FFF url("http://www.herforder.de/cms/fileadmin/images/wm/wmgruppen-top.png") no-repeat  left top;
		width: 6px;
		padding: 0;
	}
	tr.user_wm_pi3_Punktestandtabellehead th.user_wm_pi3_headerright {
		background: #FFF url("http://www.herforder.de/cms/fileadmin/images/wm/wmgruppen-top.png") no-repeat right center;
		width: 6px;
		margin: 0;
		padding: 0;
	}
	td.user_wm_pi3_Gesamtpunkte,
	td.user_wm_pi3_Tabellenplatz	{
	    text-align: center;
	}	
	tr.user_wm_pi3_Punktestandmitglied,
	tr.user_wm_pi3_Punktestandtabelle	{
		background: #FFF url("http://www.herforder.de/cms/fileadmin/images/wm/wmgruppen-head.png") repeat-x  left center;
	}
	tr.user_wm_pi3_Punktestandmitglied  td,
	tr.user_wm_pi3_Punktestandtabelle td	{
		color: #FFF;
	}

	th.user_wm_pi3_Tabellenplatz	{
	   width: 40px;
	} 
	th.user_wm_pi3_Spieler,
	th.user_wm_pi3_Spielername	{
       width: 150px;
	   text-align: left;
	}
	td.user_wm_pi3_MeineTabellenstandheadzeile span,
	td.user_wm_pi3_AndereTabellenstandheadzeile span	{
	   font-weight: bold;
	   background: #e5e5e5;
	   border: 0px solid #797979;
	   padding: 2px 5px 2px 5px;
	}
	
	.user_wm_pi3_Punktestandtabellehead th {
background: transparent;
}
	
/* tabs */
div#user_wm-tabs .ui-state-default a,	
div#user_wm-tabs .ui-state-default a:link,
div#user_wm-tabs .ui-state-default a:visited {
    color: #000;
}
div#user_wm-tabs .ui-state-active a,	
div#user_wm-tabs .ui-state-active a:link,
div#user_wm-tabs .ui-state-active a:visited {
    color: #FB8412;
}	

table,td,tr,th,tbody, table.wmGruppen{ border: 0}

/* Plugin 5 - Registrierung */

.user-wm-pi5 form table{
width: 500px;
padding: 15px;
background-color: transparent;
}

.user-wm-pi5 form table td{
border: none;
height: 35px;
}


.user-wm-pi5 form input{
height: 15px;
width: 292px;
margin-bottom: 5px;
border: 1px solid #01366b;
background-color: #f6f9fc;
color: #01366b;
padding: 4px;
}


.user-wm-pi5 form input.radiobutton{
width: 20px;
height: 25px
background-color: #ffffff;
border: none;
}

.user-wm-pi5 form input.submitbutton{
height: 25px;
width: 302px;
text-align: left;
font-weight: bold;
background-color: #03396a;
color: #ffffff;
}


table.quizanswer-output{
background-color: transparent;
border: 0;
}

table.quizanswer-output td{
border: 0;
}

.quizanswer-frage-label, .quizanswer-frage{
font-weight: bold;
}


/**
 **************************************************
 * SYSEXT: FE-Login
 *
 * @description: Loginbereich WM-Tipp
 **************************************************
**/

.tx-felogin-pi1{
width: 185px;
}

.tx-felogin-pi1 form{
margin-top: 10px;
}

.tx-felogin-pi1 input{
margin-bottom: 5px;
height: 25px;
width: 150px;
border: 1px solid #01366b;
}

.tx-felogin-pi1 input#pass,.tx-felogin-pi1 input#user{
width: 148px;
height: 20px;
}