/* =====================================================
 * dateipfad:		/typo3cms/projekt/fileadmin/include/css/vkm_formate.css
 * projekt:			website vkm-aachen
 * autor:			nils tonigs (http://www.ton-x.de)
 * 
 * erstellt am:		14.06.2005
 * letzte änderung: 22.09.2005
 * 
 * copyright:		© 2005 by nils tonigs medienentwicklung
 * 					alle rechte im universum reserviert
 * ===================================================== */

body { background-color:#FFFFFF; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px }

/* eigendlich obsolet weil kein p-tag den bodytext umschliesst */
p { font-family:'Humanist','Arial',sans-serif; color:#002e73; font-size:14px; font-weight:normal; }

/*
zur schriftformatierung und div-positionierung des content-fliesstext
die dazu gehörende Formatierung des <h2>-Tags für die Überschrift findet am Ende des TS-Setup statt
*/
.vkmFliessText {
	font-family:'Humanist','Arial',sans-serif; 
	color:#002e73; 
	font-size:14px;
	text-align:justify;
	font-weight:normal; 
	background:#ffffff;
	position:relative; 
	top:20px; 
	left:10px; 
	width:580px;
	overflow:visible;
	height:100%; 
	margin:0px 0px 0px 0px; 
	padding:0px;
}


/*
zur schriftformatierung der aufzaälungslisten im content-fliesstext
*/
.bulletlist {
	font-family:'Humanist','Arial',sans-serif; 
	color:#002e73; 
	font-size:14px;
	text-align:justify;
	font-weight:normal; 
}


.caption {
	font-family:'Humanist','Arial',sans-serif; 
	color:#002e73; 
	font-size:12px;
}

h1 { font-family:'Humanist','Arial',sans-serif; color:#002e73; font-size:14px; font-weight:normal; }
/* wird als Stoerer-Überschrift des Content */
h2 { font-family:'Times','Arial',sans-serif; color:#a4b1ca; font-size:25px; font-weight:normal; text-align:left; }
h3 { font-family:'Humanist','Arial',sans-serif; color:#002e73; font-size:10px; font-weight:normal; }
h4 { font-family:'Humanist','Arial',sans-serif; color:#002e73; font-size:12px; font-weight:bold; }
h5 { font-family:'Humanist','Arial',sans-serif; color:#002e73; font-size:10px; font-weight:normal; }

/*  // DIESE FUNKTIONEN WERDEN UEBER EIN JAVASCRIPT GELOEST, DAMIT ONFOCUS FUNZT -> BARRIEREFREI
.menue:link { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:90%; font-size:21px; color:#ffffff; text-decoration:none; vertical-align:bottom; }
.menue:visited { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:90%; font-size:21px; color:#ffffff; text-decoration:none; vertical-align:bottom; }
.menue:hover { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:90%; font-size:21px; color:#002e73; text-decoration:none; vertical-align:bottom; }
.menue:active { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:90%; font-size:21px; color:#002e73; text-decoration:none; vertical-align:bottom; }
*/

/* NORMAL-ZUSTAND IM HAUPTMENUE */
.menue { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:21px; color:#ffffff; text-decoration:none; vertical-align:bottom; white-space:nowrap; }
/* DOWN-ZUSTAND IM HAUPTMENUE */
.menue_active { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:21px; color:#002e73; text-decoration:none; vertical-align:bottom; white-space:nowrap; }

/* MARKIERUNGSZEICHEN FUER TEXTLINKS WERDEN MIT HINTERGRUNDFARBE UNSICHTBAR -> BARRIEREFREI */
/* FUER ORANGEN HINTERGRUND */
.platzhaltero { color:#fa6f2b; font-size:16px; white-space:nowrap; }
/* FUER BLAUEN HINTERGRUND */
.platzhalterb { color:#002e73; font-size:16px; white-space:nowrap; }
/* FUER WEISSEN HINTERGRUND */
.platzhalterw { color:#ffffff; font-size:16px; white-space:nowrap; }

.submenue:link { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-stretch:extra-condensed; font-size:19px; color:#002e73; text-decoration:none; vertical-align:baseline; }
.submenue:visited { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-stretch:extra-condensed; font-size:19px; color:#002e73; text-decoration:none; vertical-align:baseline; }
.submenue:hover { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-stretch:extra-condensed; font-size:19px; color:#002e73; text-decoration:none; vertical-align:baseline; }
.submenue { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-stretch:extra-condensed; font-size:19px; color:#002e73; text-decoration:none; vertical-align:baseline; }

.kleinerlink:link { font-family:'Humanist','Arial',sans-serif; font-size:11px; font-weight:normal; color:#002e73; text-decoration:none }
.kleinerlink:visited { font-family:'Humanist','Arial',sans-serif; font-size:11px; font-weight:normal; color:#002e73; text-decoration:none }
.kleinerlink:hover { font-family:'Humanist','Arial',sans-serif; font-size:11px; font-weight:normal; color:#fa6f2b; text-decoration:none }
.kleinerlink { font-family:'Humanist','Arial',sans-serif; font-size:11px; font-weight:normal; color:#002e73; text-decoration:none }

/* fuer IMPRESSUM */
.normlink:link { font-family:'Humanist','Arial',sans-serif; font-size:14px; font-weight:bold; color:#002e73; text-decoration:none }
.normlink:visited { font-family:'Humanist','Arial',sans-serif; font-size:14px; font-weight:bold; color:#002e73; text-decoration:none }
.normlink:hover { font-family:'Humanist','Arial',sans-serif; font-size:14px; font-weight:bold; color:#fa6f2b; text-decoration:none }
.normlink { font-family:'Humanist','Arial',sans-serif; font-size:14px; font-weight:bold; color:#002e73; text-decoration:none }

/* trennzeichen zwischen grafiklinks */
.linkTrenner_ws { font-family:'Humanist','Arial',sans-serif; font-size:9px; font-weight:normal; color:#ffffff; text-decoration:none }

/********************************************/
/* tabelle zentrierter gesamtanzeigebereich */
/********************************************/
/* in VKM NOFRAME */
table.centertable {
	width:996px;
	background:#ffffff;
	border:0px;
	margin-top:0px;
	margin-bottom:0px;
}

/* in VKM NOFRAME */
td.headermainnavi {
	height:130px;
	width:805px;
	background:#ffffff;
	vertical-align:top;
	margin:0px 0px 0px 0px; 
	padding:0px;
}

/* in VKM NOFRAME */
td.headerspenden {
	height:130px;
	width:155px;
	vertical-align:top;
	margin:0px 0px 0px 0px; 
	padding:0px;
}

/* in VKM NOFRAME für rechtes Inhaltsspalte*/
td.inhaltoben {
	width:155px;
	vertical-align:top;
	text-align:center;
	background:#ffffff;
}

/* in VKM NOFRAME für Inhalt mittig */
td.inhaltarea {
	min-width:613px;
	vertical-align:top;
	background:#ffffff;
}

/* in VKM NOFRAME tabellenspalte für unternavigation */
td.sub1naviarea {
	height:100px;
	background:#ffffff;
	vertical-align:top;
    font-family:'Humanist','Arial',sans-serif;
	font-weight:normal;
	line-height:100%;
	font-stretch:extra-condensed;
	font-size:19px;
	color:#002e73;
	text-decoration:none;
	white-space:nowrap;	
}

/* div-formatierung in dem das untermenü liegt */
.subnavidiv1 {
	position:relative;
	top:35px;
	left:0px;
	height:385px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}

/* div-formatierung in dem das allgemeinmenü liegt */
.subnavidiv2 {
	float:left;
	position:relative;
	top:45px;
	left:8px;
	width:150px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:#ffffff;
}

td.sub1naviarea p {
    font-family:'Humanist','Arial',sans-serif;
	font-weight:normal;
	line-height:100%;
	font-stretch:extra-condensed;
	font-size:19px;
	color:#002e73;
	text-decoration:none
	white-space:nowrap;
	vertical-align:baseline; 
}

/* in VKM NOFRAME */
td.sub2naviarea {
	width:180px;
	height:30px;
	background:#ffffff;
	vertical-align:top;
}


/***********************************/
/* kopfbereich mit hauptnavigation */
/***********************************/

/* in VKM M NAVI */
table.mainnavtable {
	width:805px;
	height:18px;
/*	background:#ffffff;*/
	border:0px;
	margin:0px 0px 0px 0px; 
	padding:0px;
}

/* in VKM M NAVI */
table.nav1table {
	width:805px;
	height:auto;
	background:#ffffff;
	border:0px;
	margin:0px 0px 0px 0px; 
	padding:0px;
}

/* in VKM M NAVI */
td.nav1icons {
    width:600px;
	height:60px;
	vertical-align:top;
	text-align:right;
}

/* in VKM M NAVI */
td.nav1logo {
    width:213px;
	height:100px;
	vertical-align:bottom;
}

/* in VKM M NAVI */
td.wshorizbalken12p {
	width:12px;
	height:11px;
	margin:0px 0px 0px 0px; 
	padding:0px;
}

/* in VKM M NAVI */
td.wshorizbalken3p {
	width:12px;
	height:3px;
}

/* in TypoScript bei generierung der Buttonleiste gesetzt */
td.mainbut {
	height:18px;
	text-align:center;
	/*
	vertical-align:bottom;
    white-space:nowrap;
	*/
}

/* in TypoScript bei generierung der Buttonleiste gesetzt */
td.wsvertbalken {
	width:2px;
	background:#ffffff;
	font-size:6px;
}


/**********************************/
/* tabelle unterer anzeigebereich */
/**********************************/
table.conttable {
	width:100%;
	height:100%;
	background:#ffffff;
	border:0px;
}

td.content {
	width:100%;
	background:#ffffff;
	font-family:'Humanist','Arial',sans-serif;
	line-height:150%;
	font-size:14px;
	color:#002e73;
	text-decoration:none
	vertical-align:top;
}

td.contlinkerrand {
	width:50px;
}


/*************************/
/* TOP NEWS seitenkasten */
/*************************/

table.kastentable {
	width:155px;
	background:#d5e6ff;
	border:0px;
}

table.kastenendetable {
	width:155px;
	height:18px;
	background:#d5e6ff;
	border:0px;
}

td.kastennamen {
	width:145px;
	height:22px;
	background:#002e73;
	font-family:'Humanist','Arial',sans-serif;
	font-weight:normal;
	line-height:100%;
	font-size:22px;
	color:#ffffff;
	text-decoration:none;
	vertical-align:baseline;
	text-align:center;
}

td.kastentitel {
	width:121px;
	height:18px;
    font-family:'Humanist','Arial',sans-serif;
	font-weight:normal;
	line-height:100%;
	font-stretch:extra-condensed;
	font-size:18px;
	color:#002e73;
	text-decoration:none;
	vertical-align:top;
	font-style:normal;
	text-align:left;
}

/* def des <a href> innerhalb einer Spalte mit der CSS-Klasse kastentitel (sprich Überschrift der News) */
.kastentitel a:link { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:18px; color:#002e73; text-decoration:none; text-align:left; }
.kastentitel a:visited { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:18px; color:#002e73; text-decoration:none; text-align:left; }
.kastentitel a:hover { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:18px; color:#fa6f2b; text-decoration:none; text-align:left; }
.kastentitel a { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:18px; color:#002e73; text-decoration:none; text-align:left; }

.newstext p{
	font-family:'Humanist','Arial',sans-serif;
	line-height:100%;
	font-size:11px;
	color:#002e73;	
	text-decoration:none;
	vertical-align:top;
	font-style:normal;
	text-align:justify;
}

.newstext {
	font-family:'Humanist','Arial',sans-serif;
	line-height:100%;
	font-size:11px;
	color:#002e73;	
	text-decoration:none;
	vertical-align:top;
	font-style:normal;
	text-align:justify;
}


/* def des <a href> innerhalb des Subherder-Textes in der TOP-NEWS-Anzeige rechter Kasten */
.newstext a:link { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:11px; color:#002e73; text-decoration:none }
.newstext a:visited { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:11px; color:#002e73; text-decoration:none }
.newstext a:hover { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:11px; color:#fa6f2b; text-decoration:none }
.newstext a { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:100%; font-size:11px; color:#002e73; text-decoration:none }

td.kastennamenspcaer22 {
	width:8px;
	height:22px;
	background:#002e73;
}

td.kastenspcaer10 {
	width:8px;
	height:1px;
}

td.kastenspcaer12 {
	width:8px;
	height:12px;
}

td.kastenspcaer12ws {
	width:8px;
	height:12px;
	background:#ffffff;
}

td.kastenspcaer16 {
	width:8px;
	height:16px;
}

td.kastenspcaer20 {
	width:8px;
	height:20px;
}

td.leererkasten {
	height:100%;
}



/* NEWS LISTE Übersicht */

.newstitel {
	font-family:'Humanist','Arial',sans-serif;
	line-height:60%;
	font-size:18px;
	color:#002e73;
	text-decoration:none;
	vertical-align:top;
}

/* fuer Titel der News-Liste */
.newstitel a.link { font-family:'Humanist','Arial',sans-serif; font-size:18px; font-weight:normal; color:#002e73; text-decoration:none; }
.newstitel a.visited { font-family:'Humanist','Arial',sans-serif; font-size:18px; font-weight:normal; color:#002e73; text-decoration:none; }
.newstitel a.hover { font-family:'Humanist','Arial',sans-serif; font-size:18px; font-weight:normal; color:#fa6f2b; text-decoration:none; }
.newstitel a { font-family:'Humanist','Arial',sans-serif; font-size:18px; font-weight:normal; color:#002e73; text-decoration:none; }
/* formatierung für bilder im fliesstext 
.newstitel img { float:right; margin-top:0px; margin-left:30px; }*/


.newssmal {
	font-family:'Humanist','Arial',sans-serif;
	line-height:60%;
	font-size:12px;
	color:#002e73;
	text-decoration:none;
	vertical-align:bottom;
}

/* def des <a href> innerhalb des Subherder-Textes in der TOP-NEWS-Anzeige rechter Kasten */
.newssmal a:link { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:60%; font-size:12px; color:#fa6f2b; text-decoration:none }
.newssmal a:visited { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:60%; font-size:12px; color:#fa6f2b; text-decoration:none }
.newssmal a:hover { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:60%; font-size:12px; color:#fa6f2b; text-decoration:none }
.newssmal a { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:60%; font-size:12px; color:#fa6f2b; text-decoration:none }

.newssubheader {
	font-family:'Humanist','Arial',sans-serif;
	line-height:150%;
	font-size:14px;
	color:#002e73;
	text-decoration:none;
	vertical-align:top;
	font-style:italic;
	background:#d5e6ff;
}

/* formatierung für bilder im fliesstext */
.newssubheader img { float:right; margin-top:0px; margin-left:30px; margin-bottom:20px; }
/* def des <a href> innerhalb des Subherder-Textes in der NEWS-LISTE-Anzeige rechter Kasten */
.newssubheader a:link { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:150%; font-size:14px; color:#002e73; text-decoration:none; font-style:italic; }
.newssubheader a:visited { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:150%; font-size:14px; color:#002e73; text-decoration:none; font-style:italic; }
.newssubheader a:hover { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:150%; font-size:14px; color:#fa6f2b; text-decoration:none; font-style:italic; }
.newssubheader a { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:150%; font-size:14px; color:#002e73; text-decoration:none; font-style:italic; }

.content {
	font-family:'Humanist','Arial',sans-serif;
	line-height:150%;
	font-size:14px;
	color:#002e73;
	text-decoration:none
	vertical-align:top;
}

/* formatierung für bilder im fliesstext */
.content img { float:right; margin-top:0px; margin-left:30px; margin-bottom:20px; }
/* def des <a href> innerhalb des Subherder-Textes in der TOP-NEWS-Anzeige rechter Kasten */
.content a:link { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:150%; font-size:14px; color:#fa6f2b; text-decoration:none }
.content a:visited { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:150%; font-size:14px; color:#fa6f2b; text-decoration:none }
.content a:hover { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:150%; font-size:14px; color:#fa6f2b; text-decoration:none }
.content a { font-family:'Humanist','Arial',sans-serif; font-weight:normal; line-height:150%; font-size:14px; color:#fa6f2b; text-decoration:none }


/* ist die gleiche formatierung wie der fliesstext */
.mailformrequired {
	font-family:'Humanist','Arial',sans-serif; 
	color:#002e73; 
	font-size:14px;
	/*
	text-align:justify;
	font-weight:normal; 
	background:#ffffff;
	position:relative; 
	top:0px; 
	left:105px; 
	width:505px; 
	height:100%; 
	margin:0px 0px 0px 0px; 
	padding:0px;
	*/
}

.mailform {
	font-family:'Humanist','Arial',sans-serif; 
	color:#002e73; 
	font-size:14px;
}

.mailformradio {
	font-family:'Humanist','Arial',sans-serif; 
	color:#002e73; 
	font-size:14px;
	vertical-align:top;
}

table.formcentertable {
	width:590px;
	height:690px;
	background:#ffffff;
	border:0px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:0px;
}

.vkmForm {
	font-family:'Humanist','Arial',sans-serif; 
	color:#002e73; 
	font-size:14px;
	text-align:justify;
	font-weight:normal; 
	background:#ffffff;
	position:relative; 
	top:10px; 
	left:10px; 
	width:580px;
	overflow:auto;
	height:510px; 
	margin:0px 0px 0px 0px; 
	padding:0px;
}

/* zur formatierung der beschriftungsfelder im mailform */
td.{
	font-family:'Humanist','Arial',sans-serif; 
	color:#002e73; 
	font-size:14px;
}