/*------------------------------------------------------------------*/
/* vvv_layout.css                                                  */
/* Layout-Style Sheet für Vizenz von Paul gGmbH                   */
/* Ralph Pfeifer | Kommunikationsdesign | Copyright 2006         */
/*--------------------------------------------------------------*/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	line-height: 130%;
	margin: 0px;
	font-size: 86%;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 2%;
	background-color: #FFFFFF;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#header {
	background-image: url(gfx/logo-head_vvp-hg.gif);
	height: 68px;
	/*border: 1px inset #006699;	*/
	width: 100%;
	white-space: nowrap;
	}

#header-part-left {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px;
}
#header-part-middle {
	float: left;
	margin: 0px;
	padding: 0px;	
}
#header-part-logo {
	margin-left: 145px;
}
#headerclear {
	clear: both;
	height: 35px;
}

#col-left {
	width: 180px;
	left: 20px;
	margin: 0px;
	padding: 0px;
	/*align: right;*/
	font-size: 90%;
	position: absolute;
}

.claim {
	padding-top: 23%;
}
#col-right{
  	position: absolute;
	left: 780px;
	/*float:right;*/
	width: 200px;
	padding-right: 0px;
}
#grafical-header {
	margin: 0px;
	padding: 0px;
}
#grafical-header img {
	margin: 0px;
	padding: 0px;
}
#content{
	margin-left: 215px;
	margin-right: 240px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 500px;
	}

#content .clearer,
#content .csc-textpic-clear {
	clear: both;
	margin-bottom: 5px;
	}
	
#content-right .csc-textpic {
	display: block;
}
/************* #rechter Content - Block styles **************/
#content-right {
	color: #FFFFFF;
	background-color: #436bb1;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

.archiv-box {
	font-size: 90%;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 15px;
	background-color: #436bb1;
	padding: 5px;
}

.archiv-box a,
.archiv-box a:visited
 {
  color: #FFFFFF;
}

/***********************************************/
/* Colors                                  */
/***********************************************/
.grau15 { background-color: #D9D9D9; }
.blau { color: #436bb1; }
.blau-fett { color: #436bb1; font-weight: bold;}
.grau { color: #666666; }
.grau-bg { background-color: #D9D9D9; padding: 3px 2px 3px 5px;}


/************* #globalNav styles **************/
#globalNav{
	padding: 0px 0px 5px 5px;
	background-color: #d9d9d9;
	margin-bottom: 10px;
	font-size: 95%;
	line-height: 180%;
	font-size: 81%;
}

#globalNav a,
#globalNav a:visited
 {
	color: #000000;
}
#globalNav a:hover,
#globalNav a:active {
	color: #436bb1;
}


/************* #search styles ***************/

#search{
	
}

#search form{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

#search label{
	margin: 0px;
	padding: 0px 5px 0px 0px;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
}
.search-input {
	margin: 0px;
	padding: 4px 0px 1px 6px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	background-color: #e6ebf5;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-image: url(gfx/search-input-hg.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 60%;
	vertical-align: middle;
}
.search-submitbutton {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #000000;
	background-color: #d9d9d9;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
	width: 15px;
	padding-left: 5px;
	cursor: hand;
}

/*********** #Navigation styles  ***********/

#navigation{
	position: relative;
	padding: 0px;
	margin: 0px;
	font-size: 95%;
}
/*********** #Navigation Stufe 1  ***********/
.nav-no {
	background-color: #E6E6E6;
	display: block;
	margin-top: 3px;
	line-height: 110%;
}
.nav-no a,
.nav-no a:visited
{
	color: #000000;
	padding: 3px;
	display: block;
	text-decoration: none;
}
.nav-no a:hover,
.nav-no a:active,
.nav-no a:focus
{
	padding: 3px;
	background-color: #c2cfe6;
	display: block;
	text-decoration: none;
	color: #000000;
}
.nav-act {
	display: block;
	margin-top: 3px;
	line-height: 110%;
	font-weight: bold;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #436BB1;
	background-color: #CBD6E3;
}
.nav-act a,
.nav-act a:visited
{
	color: #000000;
	padding: 3px;
	display: block;
	text-decoration: none;
	color: #000000;
}
.nav-act a:hover,
.nav-act a:active,
.nav-act a:focus
{
	padding: 3px;
	background-color: #9BB9E0;
	display: block;
	text-decoration: none;
	color: #000000;
}

/*********** #Navigation Stufe 2  ***********/
.stufe2 {
	padding-left: 6px;
	background-color: #CBD6E3;
}
.nav-no2 {
	background-color: #CBD6E3;
	display: block;
	margin-top: 3px;
	line-height: 110%;
}
.nav-no2 a,
.nav-no2 a:visited {
	color: #000000;
	padding: 3px;
	display: block;
	text-decoration: none;
}
.nav-no2 a:hover,
.nav-no2 a:active,
.nav-no2 a:focus
{
	background-color: #9BB9E0;
}

.nav-act2 {
	display: block;
	margin-top: 3px;
	line-height: 110%;
	font-weight: bold;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #436BB1;
	background-color: #CBD6E3;
}
.nav-act2 a,
.nav-act2 a:visited {
	background-color: #CBD6E3;
	padding: 3px;
	display: block;
	text-decoration: none;
	color: #000000;
}
.nav-act2 a:hover,
.nav-act2 a:active,
.nav-act2 a:focus
{
	padding: 3px;
	display: block;
	text-decoration: none;
	color: #000000;
	background-color: #9BB9E0;
}
/*********** #Navigation Stufe 3  ***********/
.stufe3 {
	padding-left: 12px;
	background-color: #DFEBFF;
}
.stufe3 a,
.stufe3 a:visited {
	background-color: #DFEBFF;
}
.stufe3 a:hover,
.stufe3 a:active,
.stufe3 a:focus
{
	background-color: #D1D9EF;
}
/*********** #Navigation Stufe 4  ***********/
.stufe4 {
	padding-left: 18px;
	margin-top: 1px
	background-color: #CBD6E3;
}
.stufe4 a,
.stufe4 a:visited {
	background-color: #CBD6E3;
}
.stufe4 a:hover,
.stufe4 a:active,
.stufe4 a:focus
{
	background-color: #9BB9E0;
}

/*********** #Navigation 2 styles ***********/

.navigation2 {
	padding-top: 15px;
	font-size: 95%;
}
/*********** Edit Panel Formatierungen  ***********/
.typo3-editPanel {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-bottom: 25px;
	padding-top: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.typo3-editPanel-controls {
	vertical-align: middle;
	background-color: #839DCB;
}
.typo3-editPanel-label {
	background-color: #FFFFFF;
}
.news-single-related {
	font-weight: bold;
}


/*********** Tabellen  ***********/
.contenttable th,
.contenttable td {
	padding: 4px;
}

.contenttable th {
	text-align: left;
}

.contenttable .tr-odd {
	background-color: #F3F3F3;
}

.contenttable .tr-even {

}

#content table.matrixTable {
	width: 470px;
	font-size: 12px;
}
#content table.matrixTable a {
	color: #333;
}
/* - - - MAtrix - - - */
.matrixTable th {
	text-align: left;
	font-weight: normal;
	border-bottom: #FFF 1px solid;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
}
.matrixTable .topTitle {
	text-align:center;
	width: 36px;
	padding-bottom: 10px;
}
.matrixTable tr.spacer td,
.matrixTable tr.spacer th {
	height: 35px;
	vertical-align: top;

}
.matrixTable tr.spacer td {
	padding-top: 4px;
}
.matrixTable tr.title td,
.matrixTable tr.title th {
	background-color: #fff;
	padding-top: 15px;
}
.matrixTable td {
	text-align:center;
	vertical-align: middle;
	border-bottom: #FFF 1px solid;
	font-size: 10px;
}
.matrixTable tr.even {
		background-color: #CBD6E3;

}
.matrixTable tr.odd {
	background-color: #D2DFEE;
}
.matrixTable img {
	border: none 0px #FFF;
}