/* ===================================================================
  CLEAR AND RESET ALL
=================================================================== */
#ta
{
	margin: 0;
	padding: 0;
	border: 0;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.01%;
}

html {
	height: 100%;
	min-width: 975px;
} 

body { 
	font-size: 100.01%; 
	text-align: left;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	background-color: #7a6259;
	height: 100%;
	width:100%;
} 

ul {
	list-style: none;
}

option {
	padding-right: 0.4em;
}

/* ===================================================================
  Editiert 
=================================================================== */

.username,
.password {
	width: 72px;
	padding: 2px 1px;
	border: 1px solid black;
	
}
.Benutzer
{
	vertical-align:top;
	padding-top:5px;
}

.Logon
{
	
	color: Black;
	font-weight: bold;
	border:1px solid black;
	
	text-align: center;
}
.logon_main_middle
{
	
	width:200px;
}

.inner_content_frame input
{
	border:1px solid black;
}

p
{
	margin-bottom:0.5em;
}
.home_title
{
	font-size:1.9em;
	padding-top:1.5em;
	padding-bottom:1.5em;
}
.home_text
{
	font-size:1.3em;
	color:black;
	line-height: 1.4em;
}
.head_1
{
	font-size:1.5em;
	margin-bottom:0.5em;
}
.headline1
{
	font-size:1.2em;
	margin-top:1.5em;
	margin-bottom:1.5em;
	font-weight:700;
}
.title_3
{
	font-size:1.2em;
	margin-bottom:0.5em;
	font-weight:700;
}
a
{
	color:#38241e;
}
#content ul
{
	margin-top:0.5em;
	margin-bottom:0.5em;
}


#content li 
{
	list-style-type:disc;
	margin-left:25px;
}

.LeftLabel_EditorPropTable
{
	width:400px;
}
.SearchFormTable td
{
	padding:2px;
}
.field
{
	border:1px solid #666;
	height:18px;
}

#SearchInput
{
	clear:both;
	padding-left:105px;
	height:18px;
	padding-top:3px;
}
.ImgSearch
{
	vertical-align:text-top;
}
.InputSearch
{
	font-family:Arial;
	float:left;
	padding-top:1px;
	padding-left:2px;
	background-color:#e7e7e7;
	vertical-align:text-top;
	border:0px solid #000;
	width:96px;
	font-size:12px;
	height:15px;
}

tr.th
{
	font-size: 100.01%;
	background-color:#e7e7e7;
}
th a
{
	color:#000;
}
th.FirstHeader a
{
	padding-left:4px;
}
table.borderTable
{
	border:1px solid #b3b2a1;
}
tr.tr_ungerade
{
	background-color:#f5f5f5;
	line-height:1.8em;
}
tr.tr_gerade
{
	background-color:#fff;
	line-height:1.8em;
}
/* ===================================================================
  Editiert 
=================================================================== */



/* ===================================================================
  MAIN PAGE ELEMENTS 
=================================================================== */

#wrapper {
	width: 485px; /* 975 - 155 - 335 = 485px */
	padding: 0 335px 0 155px;
	margin: 0 auto;
	position: relative;
	background-color:#ede7e4
}

#main {
	padding: 178px 10px 30px 14px;
	width: 457px;
	font-size: 0.8em;
	line-height: 1.4em;
	background-color:White;
	min-height:880px;
}

#content {
	position: relative;
	padding-left: 0px;
	padding-bottom: 2em;
	min-height: 400px;
	overflow:hidden; /* clear local */
}

#localnav {
	position: relative;
	margin-left: -139px;
	margin-top: 125px;
	padding-bottom: 10px;
	width: 128px;
	float: left;
	font-size: 0.75em;
	line-height: 1.4em;
}
#localnav img{
	position: relative;
	margin-left: 20px;
	padding-bottom: 10px;
	font-size: 0.75em;
	line-height: 1.4em;
}

#kontextcol {
	position: absolute;
	top: 95px;
	right: 15px;
	padding-bottom: 10px;
	width: 308px; /* 335px - 12px - 15px */
	float: right;
	font-size: 0.75em;
	line-height: 1.4em;
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	min-width: 975px;
}

#header h1 {
	width: 942px; /* 975 - 33 = 942px */
	margin: 16px auto 0px auto;
	padding: 0 6px 0 16px;
	position: relative;
}

#mainnav {
	position: absolute;
	top: 0px;
	left: 0;
	margin: 0 0px 0 0px;
	min-height: 30px;
	width: 942px;
	color:White;
	font-size: 0.75em;
	background-color: #38241e;
	padding-top:85px;
	padding-left:5px;
	padding-right:29px;
	height:30px;
}

#servicenav {
	position: absolute;
	top: 8px;
	right: 17px;
	
	font-size: 0.75em;
	color:white;
}



/* ===================================================================
MAIN  NAVIGATION
=================================================================== */

#mainnav ul {
	padding: 1px 0 20px 0;
}

#mainnav li {
	float: left;
}

#mainnav li a:link,
#mainnav li a:visited {
	padding: 0 8px;
	color: white;
	text-decoration: none;
}

#mainnav li a.active {
	font-weight: bold;
	text-decoration:underline;
	padding: 0 8px;
}

#mainnav li a:focus,
#mainnav li a:hover {
	text-decoration: underline;
}


/* ===================================================================
SERVICE NAVIGATION
=================================================================== */

#servicenav ul {
	padding: 0;
	float: left;
}

#servicenav li {
	float: left;
	border-left: 1px solid white;
}

#servicenav li.first-item,
#langnav li {
	border-left: none;
}

#servicenav li a:link,
#servicenav li a:visited {
	display: block;
	padding: 0 8px;
	color: white;
	text-decoration: none;
}

#servicenav li a:active,
#servicenav li a:hover,
#servicenav li a:focus {
	text-decoration: underline;
}

#langnav li img {
	padding-top: 0.15em;
}

#langnav li a:link,
#langnav li a:visited {
	padding: 0;
}

/* ===================================================================
PATHNAVIGATION
=================================================================== */
#pathnav {
	position: absolute;
	top: 124px;
	left: 169px;
	width: 350px;
}

#pathnav li {
	float: left;
	list-style: none;
	color: black;
}

#pathnav li a:link,
#pathnav li a:visited {
	color: #38241e;
	text-decoration: none;
}

#pathnav li a:active,
#pathnav li a:hover,
#pathnav li a:focus {
	text-decoration: underline;
}

#main .date {
	color: black;
	position: absolute;
	right: 349px;
	top: 124px;
}

/* ===================================================================
LOCAL NAVIGATION
=================================================================== */

#localnav h3 {
	/*padding: 128px 0 3px 0;*/
	border-bottom: 1px solid black;
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 15px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.3em;
}

#localnav ul {
	padding: 1px 0 20px 0;
}
#localnav ul ul {
	padding: 1px 0 20px 5px;
}
#localnav li {
	padding: 10px 0 0 0;
}

#localnav li a:link,
#localnav li a:visited {
	display: block;
	text-decoration: none;
	color:#38241e;
}

#localnav li a.active {
	text-decoration: underline;
	color:#000000;
}

#localnav li a:focus,
#localnav li a:hover {
	text-decoration: underline;
	color:#000000;
}


/* ============================================
FOOTER
============================================ */
#footer {
	position: relative;
	font-size: 0.75em;
	line-height: 1.2em;
	clear: both;
	vertical-align:middle;
}
/*#footer div {
	position: relative;
	margin: 0 auto;
	width: 450px;  975 - 155 - 370 = 450px 
	padding: 0 370px 0 155px;
}*/

#footer p {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 264px;
	text-align: right;
}

#footer #wwff_logo {
	position: absolute;
	left: 325px;
	bottom: 15px;
}
/*
#footer #eu_logo {
	position: absolute;
	left: 274px;
	bottom: 15px;
}*/

/* ============================================
KONTEXTCOLUMN
============================================ */

#kontextcol h2 {
	border-bottom: 1px solid black;
	margin-top: 30px;
	margin-bottom: 0.5em;
	clear: right;
}

#kontextcol fieldset#login {
	padding: 0 0 0.5em 42px;
	border:  0 solid transparent; /* opera 7 */
}

#kontextcol legend {
	text-indent: -1000px; /* most browsers */
	height: 0; /* FF */
	line-height: 0; /* FF */
	font-size: 0em; /* FF */
	padding: 0;
	margin: 0;
}

#kontextcol fieldset div {
	float: left;
	white-space: nowrap;
	margin: 2px 4px 2px 0;
}


#kontextcol ul {
	padding: 0 0px;
}

#kontextcol ul li {
	padding: 0.5em 42px;
	list-style-type:none;
	color: black;
}

#kontextcol a:link,
#kontextcol a:visited {
	color: #38241e;
	text-decoration: none;
}

#kontextcol ul li:hover {
	color: Black;
}

#kontextcol ul li:hover a:link,
#kontextcol ul li:hover a:visited,
#kontextcol a:hover,
#kontextcol a:active,
#kontextcol a:focus {
	color: Black;
	text-decoration: underline;
}

#kontextcol ul li:hover span.date,
#kontextcol ul li span.date,
#kontextcol ul li span.date {
	display: block;
	font-weight: normal;
	text-decoration: none;
}

#kontextcol p.more {
	padding: 0.5em 42px 0 42px;
}

#kontextcol #news li {
	cursor: pointer;
}
#news div div.newsItem
{
	padding-left:42px;
	margin-bottom:0.5em;
	width:200px;
	color: black;
}
#TerminFragment a.internal_link
{
	padding-left:42px;
}
.newsTeaser
{
	color: black;
}
.newsTeaser a
{
	font-weight:bold;
	text-decoration:none;
}
.newsTeaser a:hover
{
	text-decoration:underline;
	color:#000;
}
.newsDetail h3
{
	color: black;
	font-weight:bold;
	
}
#TerminFragment ul
{
	padding-left:42px;
	padding-right:15px;
}
/* ============================================
SOME GENERAL & ACCESSIBILITY RULES
============================================ */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	left: -5000px;
}

#clearing {
   clear: both;
   visibility: hidden;
	line-height: 0em;
	font-size: 0em;
}

/* Skipnav */ 
#skipnav { 
	position: absolute; 
	top: 0;
	right: 50%;
	width: 50%;
	height: 22px; 
	font-size: 0.80em;
}

#skipnav a {
	position: absolute; 
	top: 0;
	right: 9000px;
	width: 100%;
	width: 200px;
}

#skipnav a:focus {
	top: 0;
	right: 273px;
	color: Black;
	background-color: #B3B2A1;
	font-weight: bold;
}

p.more a {
	padding-left: 10px;
	background: url(../img/more.gif) 0 0.4em no-repeat;
}

/* ============================================
SECTION VARIANTIONS
============================================ */

/* HOME */

/*#new-at-vite {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}*/

#new-at-vite div {
	margin: 0 auto;
	padding: 0px 0px 10px 0px;
	width: 128px; /* 975 - 831 - 16 = 485px */
	font-size: 1em;
	line-height: 1.4em;
}

#new-at-vite h3 {
	border-bottom: 1px solid black;
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom: 13px;
}

#new-at-vite img {
	margin-bottom: 8px;
	margin-left:0px;
}

#new-at-vite h4 {
	margin-bottom: 1.1em;
	color: black;
}

#new-at-vite p {
	color: black;
}

#new-at-vite a:link,
#new-at-vite a:visited {
	color: #38241e;
}

/* SECTIONS */

#vite-about #localnav h3 {
	background-image: url(../img/bg_subnav_01.png);
}

#vite-dienstleistungen #localnav h3 {
	background-image: url(../img/bg_subnav_02.png);
}

#vite-groups #localnav h3 {
	background-image: url(../img/bg_subnav_03.png);
}

#vite-news #localnav h3 {
	background-image: url(../img/bg_subnav_04.png);
}

#vite-mitgliederinfos #localnav h3 {
	background-image: url(../img/bg_subnav_05.png);
}

#vite-kalender #localnav h3 {
	background-image: url(../img/bg_subnav_06.png);
}

#vite-downloads #localnav h3 {
	background-image: url(../img/bg_subnav_07.png);
}

#vite-kontakt #localnav h3 {
	background-image: url(../img/bg_subnav_08.png);
}

#vite-newsletter #localnav h3 {
	background-image: url(../img/bg_subnav_09.png);
}

#vite-labs #localnav h3 {
	background-image: url(../img/bg_subnav_10.png);
}

/* Link Barrierefreiheit auf HOME */
/*
#home #localnav h3 
{
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.3em;
}

#home #localnav a:link,
#home #localnav a:visited {
	color: Black;
	text-decoration: none;
}

#home #localnav a:hover,
#home #localnav a:focus,
#home #localnav a:active {
	text-decoration: underline;
}

#home #localnav h3 .small {
	font-size: 0.9em;
}

#home #localnav h3 .large {
	font-size: 1.2em;
}*/

.pagefield
{

	margin-left:3px;
	margin-right:0px;
	
}

.TopLabel_Input , .LeftLabel_Input, .DefaultFormButton
{
	border:1px;
}

.SaveButton
{
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
}

.DefaultFormButton
{
	font-size: 11px;
    font-family: Arial;
    height: 20px;
    /*width: 100px; */
    border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b3b2a1;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #b3b2a1;
	background-color: #EFEFEF;
}

.LeftLabel_Input
{
	border: #666666 1px solid;
	background-color: white;
	color: #333333;
	font-size: 11px;
	font-family: Tahoma,Arial;
	text-decoration: none;
	
	margin-right:2px;
	padding-left:2px;
	
}

.LeftLabel_LongInput
{
	border: #666666 1px solid;
	background-color:white;
	color: #333333;
	font-size: 11px;
	font-family: Tahoma,Arial;
	text-decoration: none;
	margin-right:2px;	
}

.LeftLabel_InputArea
{
	border: #666666 1px solid;
	color: #333333;
	font-size: 11px;
	font-family: Tahoma,Arial;
	text-decoration: none;	
}

.LeftLabel_Label
{
	color: #000000;
	font-size: 11px;
	font-family: Tahoma,Arial;
	/*font-weight:bolder; */
}

.LeftLabel_EditorPropTable
{	
	padding-top: 5px;
	padding-right: 5px;	
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 0px;	
}

.LeftLabel_List
{
	border: #666666 0px solid;
	background-color:white;
	color: #333333;
	font-size: 11px;
	font-family: Tahoma,Arial;
	text-decoration: none;

	
}

.LeftLabel_EditorPropSeparator
{
	background-color: #ffffff; 
	height: 0px;
}

.LeftLabel_EditorPropTitle
{
	color: #333333;
	font-size: 11px;
	font-family: Tahoma,Arial;
	font-weight:normal;
	padding-right: 7px;
	padding-top: 2px;
}

.LeftLabel_EditorPropValue
{	
	color: #333333;
	font-size: 11px;
	font-family: Tahoma,Arial;
	padding-top: 2px;
}



.LeftLabel_EditorPropHelp
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #333333;
	font-size: 11px;
	font-family: Tahoma,Arial;
	/*font-weight:bolder; */
}

.FormTitle
{
	font-family: Tahoma,Arial;
	font-size: 14px;
	font-weight: normal;
	color: #003399;
}

.AppEngNavTable TD
{
	text-align:left;
}

.borderTable .th .FirstHeader
{
	padding-left:4px;
	padding-right:4px;
}

.inner_content_frame .MultiLang_DefaultSel_RB
{
	display:none;
}

.borderTable TD
{
padding-right:5px;
}

.LetterShortcuts a, .LetterShortcuts span
{
	float:left;
	padding-right:5px;
}