/* 
	Styles für die VGB-Site
	
	or:	FA9615	 250 / 150 / 20
*/


/* Standardschriftart */


body, td, .stdTxt, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	/*font-size: 0.75em;*/
	font-size: 12px;
	line-height: 1.56em;
	color: #000000;
}


html, body {
	background: #fff;
	background-image: url(images/bodyBgNs.jpg);
}

div, span {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}
/* HTML-Tags */

/* h1 - h5 fix */
h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 15px;*/
	font-size: 1.25em;
	font-weight: bold;
	color: #666666;
	float: none;
	padding: 0px;
	margin-top: 0.6em;
	margin-bottom: 0.7em;
}
h2 {
	/*font-size: 13px;*/
	font-size: 1.2em;
	margin-bottom: 0.6em;
}
h3, h4, h5 {
	/*font-size: 11px;*/
	font-size: 1.0em;
	margin-bottom: 0.5em;
}


sub, sup {
	font-size: 7px;
	margin: 0px;
}

/* fix */
A {
	/*color: #fe860e;*/
	color: #0000ff;
	text-decoration: none;
}
/*
TODO - einbauen - allerdings passt sonst die linke Navigation nicht
A:visited {
	color: #0022aa;	
}
*/
A:hover {
	text-decoration: underline;
}
a[name] {
		color: #000000;
		text-decoration: none;
}


.newsAbsatz H1 A {
		color: #555555;
}
form {
	padding: 0px;
	margin: 0px;
}

A img {
		border: 0px;
}

input {
	/*border: 1px solid black;*/
}
input.submit {
	border: 1px solid black;
	border-top-color: #dddddd;
	border-left-color: #dddddd;		
	background-color: #eeeeee;
}

.searchhighlight {
	background: #dddddd;
	color: #000000;
}

/* Rahmen um Seite */
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#mainTable {
	margin: auto;
	padding: 0px;
	border: 0px;
	vertical-align: top;
	width: 970px;
	height: 100%;
	border-collapse: collapse;


}	


#mainBox {
	margin: auto;
	width: 950px;
	text-align: center;
}

th {
	font-weight: bold;
	font-size: 11px;
	background: #eeeeee;
	border-bottom: 1px dashed #dddddd;
	text-align: left;	
	color: #666666;	
}

th a {
	color: #666666;
}


#perstNavBlock 
{
	word-spacing: 2px;
	padding-left: 0px;
	vertical-align: middle;
	font-size: 11px;
}
#perstNavBlock A, .perstNavTxt {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	color: #000000;
	letter-spacing: 0px;
	text-decoration: none;
}
#perstNavBlock A:hover, .perstNavTxt:hover {
	color: #000000;
	text-decoration: underline;
}
#perstNavBlock A.perstNavHighTxt, .perstNavHighTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e10c18;
	text-decoration: none;
}
#perstNavBlock A.perstNavHighTxt:hover, .perstNavHighTxt:hover {
	text-decoration: underline;
}
#perstNavGrade {
	background-image: url(snippets/perstNav_bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
}


#langChoser {
	vertical-align: middle;
	line-height: 24px;
	background: none;
}

#logoContainer {
	position: absolute;
	margin-left: 800px;
	margin-top: 15px;
}

#langChoser A, .langChoserTxt, .langChoserTxt A {
	font-weight: bold;
	color: #FA9615;
	text-decoration: none;
	letter-spacing: 0px;
	word-spacing: 3px;
}
#langChoser A:hover, .langChoserTxt A:hover {
	color: #ffffff;
}



#dynNavBlock, #dynNavBlock A {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	
	border: none;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 4px;
	text-decoration: none;
}
#dynNavBlock A:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#dynNavBlock 
{
/*	padding-left: 29px;	*/
	padding-left: 15px;
	background-color: #5f5c5c;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}




#suchBoxLnk {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	color: #000000;
	display: inline;
	padding-right: 5px;
	font-weight: bold;
	text-decoration: none;
}

#suchBoxLnk:hover {
	text-decoration: underline;
}
#suchBoxInput {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	border: 1px solid #666666;
	vertical-align: middle;
	width: 175px;
	/*height: 20px;*/
	padding: 2px;
	margin: 1px;
	
}
#suchBox {
	width: 263px;
	vertical-align: middle;
	/*background: #b2b8bb;*/
	text-align: right;
}	




.rightBoxTopic {
	background-color: #5f5c5c;
	height: 26px;
	padding: 4px 5px;
	vertical-align: middle;
	text-align: left;
	letter-spacing: 1px;
}
.rightBoxTopic h1{
	font-size: 14px;
	font-weight: bold;
	color: #FA9615;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}



.rightBoxContent {
	background-color: #eff2f2;
	vertical-align: top;
	padding: 5px;
	padding-bottom: 15px;
	margin: 0px;
	margin-bottom: 0px;
	text-align: left;
}
.rightBoxContent H1, .rightBoxContent H1 A,.rightBoxContent H2, .rightBoxContent H2 A {
	color: #FA9615;
	text-decoration: none;
	padding-bottom: 4px;
}
.rightBoxContent H1 A:hover {
	text-decoration: underline;
}		
.rightBoxNewsAbsatz {
	padding-bottom: 15px;
}





#topGrade , #topGrade  td{
	/*background-image: url(snippets/headerGradient.jpg);
	background-repeat: repeat-y;
	background-position: left;*/
	background-color: #FA9615;
	height: 65px;
	overflow: hidden;
	vertical-align: top;
}



#midSpaceLine {
	height: 15px;
}

/** umrandung */
#midSpaceLine, #perstNavGrade, #topGrade td, #dynNavBlockRow, #centerContainerCell {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

#dynNavBlockRow {
	padding: 0px;
	background-color:#5F5C5C;
}

#centerContainerCell {
	padding: 0px;
	vertical-align: top;
	
	border-bottom: 1px solid #eee;
	background: #fff;
}

.horSpacerBlock {
	width: 15px;
	height: 10px;
/*	background-color: #ffffff;*/
}



.newsAbsatz {
	padding-bottom: 8px;
}



.footerBox {
	border: 0px;
	padding-left: 15px;
	padding-right: 15px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 0.75em;
	color: #000000;
	text-decoration: none;
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: middle;
	width: 100%;
}

#footerTr {
	height: 20px;
}




/*		HOME		*/
#homeKompetenzBlock {
	width: 300px;
	vertical-align: top;
}
#homeCenterBlock {
	vertical-align: top;
	padding-bottom: 25px;
}

.vgbhomeType #homeCenterBlock {
	padding-left: 15px;
}

#homeRightBlock {
	width: 263px;
	vertical-align: top;
}




/* 		FOLGESEITE	*/

#leftBlock {
	width: 190px;
	
	vertical-align: top;
	background-color: #8E8E8E;

	margin: 0px;
	padding: 0px;
	padding-bottom: 50px;

	border: 0px none;
}

#folpageInnerLeftBlock {
	width: 190px;
	min-height: 190px;
	
	
	overflow: hidden;
	background-attachment: scroll;
	background-image: url(snippets/folPageLg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	margin: 0px;
	padding-top: 160px;

	padding-bottom: 0px;
	/*height: 290px;*/

	/* oberer BG-Teil - _ohne_ BG-Farbe */
}

.foldpageLeftNavLink, .foldpageLeftNavLink:hover {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.foldpageLeftNavLink:hover {
	text-decoration: underline;
}
.foldpageLeftNavLink img {
	border: 0px;
}

#folpageLeftNavBox {
	vertical-align: top;
	clear: both;
	/*width: 172px;*/
	/*background-color: #006633;*/

}

#folpageLeftNavBox img {
	clear: both;
}

.folPageImgSpacer {
	background-image: url(snippets/folPageLeftNavTrenner.gif);
	font-size: 1px;
	line-height: 1px;
	background-repeat: repeat-x;
	background-position: center center;
/*	margin: 0px;
	padding: 8px 0px;
*/
	margin: 0px;
	padding: 0px;

	padding-top: 8px;
	padding-bottom: 8px;
	/*
		hier Margin und kein padding, da BG-Bild
	*/
	margin-right: 10px;
	margin-left: 10px;

	border: 0px;
	height: 1px;
	width: 172px;
	clear: both;
	
	/*border: 1px dashed #ff0000;*/
}

.folPageNavEl {
	margin: 0px;
	padding: 0px;

	padding-right: 10px;
	padding-left: 10px;
}



ul {
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
		margin-top: 8px;
		margin-bottom: 8px;
}

/* ungeordnete Listen */
ul {
	padding-left: 30px;
}

ul li {
	/*	list-style: outside url(snippets/quadrat.gif);	*/
	list-style: square outside;
}

/* Listenelement allgemein */
li {
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
}
li ul li, ul ul li {
	list-style: circle outside;
}


ol li {
	margin-bottom: 5px;
}

hr {
	width: 95%;
	display: block;
	color: #dddddd; 
	background-color: #dddddd;
	height:	2px; 
	border-width:0px;
	/*border-top: 5px solid #dddddd;*/
	/*margin-top: 	0px;
	margin-bottom: 	3px;*/
	/*padding-top:	5px;*/
}





/** für Module **/

/** FILEBASE **/
.fileBaseRubrikTitle {
	color: #FA9615;
	background-color: #5f5c5c;
	border-style: dashed;
	border-width: 0px;
	border-bottom-width: 0px;
	padding: 5px; 
	padding-top: 3px;
	padding-bottom: 3px;
	/*font-weight: bold; */
	/*letter-spacing: 2px;*/
	/*margin: 0px;
	padding: 0px;*/
	width: 400px;	
	/*white-space: nowrap;*/
}
.fileBaseRubrikTitle h2 {
	margin: 0px;
	padding: 0px;
	color: #FA9615;
	font-size: 100%;
	letter-spacing: 1px;
	display: inline;
	
}
.fileBaseRubrikTitle .zipLink {
	float: right;
	display: inline;
	margin-top: 0px;
}
.zipPage  {
	display:block;
	text-align: right;
	padding-bottom: 15px;
}

.zipPage .zipLink {
}

.fileBaseFileTable {
	border-width: 1px; 
	border-color: #dddddd; 
	border-style: dashed; 
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}
.fileBaseFileTable th, .fileBaseFileTable td {
	padding: 5px;
}
.fileBaseFileTableRow {
	border-top-width: 1px; 
	border-top-style: dashed; 
	border-top-color: #dddddd;
}

.fileBaseFileTable .fileSize, .fileBaseFileTable .uploadDate {
	white-space: nowrap;
	width: 50px;
}
.fileBaseFileTable .fileType {
	white-space: nowrap;
	width: 30px;
}

.fileBaseFileTable .fileName {
	/*font-family: Verdana, Arial, sans-serif;*/
	letter-spacing: 1px;
}



.fileSize {
	text-align: right;
}

.fileType {
	align: center;
}


form.uploadForm {
	background: #eeeeee;
	padding: 15px;
}

.uploadForm .sectionSelector {
	margin-left: 15px;
	float: right;
}
.uploadForm .button{
	margin-right: 0px;
	
	margin-top: 30px;
}
.uploadForm select {
	width: 120px;
	margin-left: 15px;
}

.uploadForm input{
	background: #ffffff;
}




.tableStdSpaces td {
	padding-top: 2px;
	padding-bottom: 2px;
	
}

.formTable {
	background: #eeeeee;
	/*background-image: url(/skin/vgborg/snippets/form_bg.jpg);*/
	background-repeat: repeat-y;
/*	background-position: left,top;*/

	background-position: left;

	/*background-color: #fbd5a6;*/
	
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	
	padding: 10px;
}
.formTable td {
	padding: 2px;
}

.formTable .captionCell {
	font-weight: bold;
	margin-left: 2px;
	/*padding-left: 10px;*/
	padding-right: 15px;
	text-align: right;
}


a.downloadLink {
	padding-left: 25px;
	background-image: url(images/download.gif);
	background-position: left;
	background-repeat: no-repeat;
	
	text-decoration: none;
}

a.downloadlink:hover {
	text-decoration: underline;
}

a.externalLink {
	padding-left: 25px;
	background-image: url(images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	
	text-decoration: none;
}

a.externalLink:hover {
	text-decoration: underline;
}



/*
Sitemap
*/
    .dtree {
        /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;*/
		width: 450px;
        color: #666;
        white-space: nowrap;
    }
    .dtree img {
        border: 0px;
        vertical-align: middle;
    }
    .dtree a {
        color: #333;
        text-decoration: none;
    }
    .dtree a.node, .dtree a.nodeSel {
        white-space: nowrap;
        padding: 1px 2px 1px 2px;
    }
    .dtree a.node:hover, .dtree a.nodeSel:hover {
        color: #333;
        text-decoration: underline;
    }
    .dtree a.nodeSel {
        background-color: #c0d2ec;
    }
    .dtree .clip {
        overflow: hidden;
	}
	
	
	
	
	table.timetable {
		border-collapse: collapse;
		background: #eeeeee;
		border: 1px solid #cccccc;
	}
	
	table.timetable td {
		border-bottom: 1px dashed #cccccc;
		border-top: 1px dashed #cccccc;
		border-right: 1px dashed #cccccc;
		
		
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	table.timetable {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	table.timetable em {
		color: #666666;
	}

	
	
	table.dataTable {
		border: #bbbbbb 1px dashed ;
		background: #ffffff;
		
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	table.dataTable th {
		background: #eeeeff;
		color: #333333;
	}
	
	table.dataTable td {
		border-top: #dddddd 1px dashed;
		vertical-align: middle;
	}
	
	
	
/*
 * Member Area
 */	
#gbgTable {
	margin-top: 15px;
}
#gbgTable td.gbgName {
        padding-left: 20px;
}

#gbgTable td.tel, #gbgTable td.name, #gbgTable td.email{
	white-space: nowrap;
	font-size: 0.85em;
}

#gbgTable td, #gbgTable th {
        padding: 5px;
}
#gbgTable tr.head th {
        text-align: left;
        font-size: 0.8em;
        line-height: 0.8em;
}

#gbgTable tr.odd {
        background: #ffffff;
}
#gbgTable tr.even {
        background: #f8f8f8;
}
#gbgTable tr.odd:hover, #gbgTable tr.even:hover,
#gbgTable tr.odd:hover td, #gbgTable tr.even:hover td
#gbgTable tr.odd td:hover, #gbgTable tr.even td:hover {
        background: #eeeeee;
}

#gbgTable tr.expanded {
        background: #eeeeee;
}


#treeControl li {
	display: inline;
	list-style-type: none;
	margin-right: 20px;
}

#treeControl {
	display: block;
	width: 100%;
	
	padding: 0px; 
	margin: auto;
	margin-top: 20px;
	text-align: right;
}


#rightBoxContainer {
	width: 253px;
	
}


/* only for home*/
.vgbhomeType #rightBoxContainer {
	padding-top: 10px;
	background: #f6f6f6;
	/*border: 1px solid #ff0000;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	width: 233px;
	
	background: url(images/topGradGr.jpg);
}

.vgbhomeType #centerContainerCell {
	background: url(images/topGradWt.jpg);
}

.vgbhomeType #rightBoxContainer .rightBoxTopic {
	border-bottom: 1px dashed #cccccc;
}
.vgbhomeType #rightBoxContainer .rightBoxTopic h1 {
	font-size: 1em;
	color: #666666;
	text-transform: none;
}

.vgbhomeType #rightBoxContainer .rightBoxTopic h2 {
	font-size: 1em;
	text-transform: none;
}

.vgbhomeType .rightBoxTopic {
	background: none;
}

.vgbhomeType .rightBoxContent {
	background: none;
	padding-bottom: 40px;
}

.ThemeOfficeMenuFolderText, .ThemeOfficeMenuItemText {
	/*font-family: Verdana, Arial, sans-serif;*/
	font-weight: normal;
	letter-spacing: 0px;
}

.vgbauth .address {
	font-family: Courier New, Courier, fixed;
	width: 250px; border: 1px solid #cccccc; padding: 5px; margin-bottom: 15px;
}

.vgbauth .passwdForm tr td:first-child {
	white-space: nowrap;
}
.vgbauth .passwdForm input {
	width: 100px;
}

.rightBoxes {
	width: 100%;
	border-collapse: collapse;
}

.ccLogo {
	padding-right: 1px;
	padding-top: 3px;
	cursor: pointer;
}
#centralNews {
	width: 100%;
}

#centralNews .vDiv {
	background: transparent url(images/1dot3grey.gif) repeat-y scroll 50% 0;
}

.newsBlock {
	width: 46%;
	vertical-align: top;
	background: none;
}
.newsBlock .boxContent h1 {
	color: #FA9615;
}

.newsBlock .boxContent h1, .newsBlock .boxContent h2 {
	margin-top: 1.3em;
	font-size: 1.0em;
}


#ccInfoContainer {
	height: 290px; 
	
	vertical-align: center; 
	text-align: center;
	
	
	margin-top: 40px;
}

#ccImageContainer {
	height: 190px;
	width: 654px;
	margin: auto;
	
	
	padding-left: 4px;
	background: url(images/homeCcLogoBg.gif) no-repeat 4px 0px;
	text-align: left;
}
  
#ccDescription {
	margin: auto;
	font-style:italic;
	display: none;
	cursor: pointer;
}

#dynNavBlock table.ThemeOfficeMenu {
	margin-left: -4px;
	margin-top: 2px;
}

















/*** FORUM **/


.forumListe, .forumQuestion {
	border				: 1px solid #bebebe;
	background-color	: #f1f1f1;
	margin				: 5px;
}	

.forumHead {
	background-image	: url('img/forum/cellpic.gif');
	font-family			: Arial, Helvetica, sans-serif;
	vertical-align		: top;
	padding				: 2px;
	font-weight			: bold;
	height				: 20px;
	vertical-align		: middle;
	padding-left		: 5px;	
}

.forum_link:link,
.forum_link:active {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10px;
	font-weight		: bold;
	color			: #551C1C;
	text-decoration	: none;
}

.forum_link:visited {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10px;
	font-weight		: bold;
	color			: #551C1C;
	text-decoration : none;
}

.forum_link:hover {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10px;
	font-weight		: bold;
	text-decoration	: underline;
	color			: #BF6060;
}


/* 
 * Write Form 
 */
 
#forumWriteThread {
	border				: 1px solid #bebebe;
	background-color	: #f1f1f1;
	margin				: 5px;
	width				: 600px;
	height				: 300px;
}
 
#forumWriteThread input, #forumWriteThread textarea {
	font-size			: 10px;
	font-family			: VERDANA,ARIAL,HELVETICA;
	border				: 1px solid #bebebe;
	background-color	: #FFFFFF;
 	margin				: 2px;
}

#forumWriteThread .textfield_small {
	width	: 95%;
}

#forumWriteThread .textfield_middle {
	width	: 95%;
}

#forumWriteThread .textfield_large {
	width	: 95%;
}

#forumWriteThread .textarea {
	width	: 95%;
	height	: 80%;
}

.forumAnswer {
	margin				: 5px;
	width				: 100%;
	height				: 100%;
}

.textarea_hide {
	visibility	: hidden;
	display		: none;
}

#forumWriteThread .checkbox {
	border				: 0px solid #bebebe;
	background-color	: #f1f1f1;
}

/* DATEIANHANG */
.file {
	border	: 1px solid #B4AEAE;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:Alpha(opacity=80, finishopacity=80, style=2);
	opacity:0.8;
	-moz-opacity:0.8;
}

.file_header {
	color	: #000;
	background-color: #CECBCB;
	padding	: 4px;
	font-size	: 10px;
}

.file_cont {
	background-color: #F9F6F6;
	padding	: 4px;
}


.bb-quote {
	border: 1px solid rgb(200,200,200);
	background-color: #F9F6F6;
	padding	: 4px;	
	
	
}

.bb-quote_title {
	padding	: 4px;
	color	: #000;
	font-size	: 10px;
	background-color: #CECBCB;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: rgb(200,200,200);
}









/** mitarbeiter-db **/
.mitarbeiter-dbType select{
	width: 400px;
	margin-left: 15px;
}





/** mitglieder-db **/
.mitglieder-dbType h2 {
	margin-top: 45px;
	color: #FA9615;
}

.mitglieder-dbType ul.mitglied {
	padding-left: 0px;
	/*
	width: 500px;
	height: 400px; 
	overflow-y: scroll;
	border: 1px solid #ddd;
	*/
}
.mitglieder-dbType ul.mitglied li {
	list-style: none;
}
.mitglieder-dbType ul.mitglied small {
	padding-left: 15px;
}

.mitglieder-dbType .catNav {
	/*position: fixed; 
	bottom: 0px;
	margin-left: 540px; 
	margin-bottom: 80px;
	*/
	
	width: 180px;
	
	border: 1px solid #eee; 
	padding: 10px; 
}

.mitglieder-dbType .catNav li {
	list-style: none;
}

.mitglieder-dbType a.backToTop {
	float: right;
	margin-top: 35px;
}
	
	
	
/*	conferenceOnlineReservationType */
ul.conferences {
	list-style: none;
	padding-left: 0px;
}

ul.conferences  li.conference{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}



.rightBoxContent .ptsAdvertisements {
	background: #ffffff;
text-align:center;
	margin: 0px;
	padding: 0px;
}
.rightBoxContent .ptsAdvertisements li {
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 15px;
}



.save-mailType .formTable {
	width: 100%;
}

.save-mailType label {
	font-weight: bold;
}
