/*********************************************************************
 * MAIN CONTAINERS
 *********************************************************************/


body {
	background:#FFF url("../img/shadebg.png") repeat-y left;
	color:#000;
	font:14px/123% Arial, Verdana, Helvetica, Tahoma, sans-serif;
	margin:0;
	padding:0.5em 0;
	min-width:640px;
	max-width:1280px;
	width:100%;
	float:left;
}

/* "CSS CHILD HACK": IE requires padding instead of margin */
div#locPage {
	float:left;
	position:relative; top:0; left:0;
	margin:0; padding:0 1.5%;  /* IE uses this definition */
	width:97%;
}
body>div#locPage {
	margin:0 1.5%; padding:0;  /* all browsers except IE use this definiton */
}

div#locShadeRight {
	background:transparent url("../img/shaderight.png") repeat-y right;
	position:absolute; top:0; left:0;
	height:100%;
	width:100.7%;  /* wider than ancestor -> right shade! */
	z-index:1;
}

div#locHead {
	background-color:#FFF;
	float:left;
	position:relative; top:0; left:0;
	margin:0; padding:0 0.2%;
	width:99.6%;
	z-index:2;
}

div#locBody {
	background-color:#FFF;
	clear:both;         /* clear floats from locHead */
	float:left;         /* allows usage of floats in locBody */
	position:relative;  /* allows rel./abs. positioning */
	top:0; left:0;
	margin:0; padding:1em 0.2%;
	width:99.6%;
	z-index:2;
}

div#BgdImgBox {


background-image: url(../img/Bgd-unten-0.jpg);
background-repeat:repeat-y;
background-position:right;

	position:absolute;  /* allows rel./abs. positioning */
/*top:11%;*/
	top:35px;
/*top:170px;*/
	left:-1px;																																																																																																																																																																																																																		
	margin:1em 0px 0px;
	padding:0em 0em 0px 0px;
	width:100%;
	height:97%;
	z-index:0;
	border:0px;
	
}


div#locFooter {
	background-color:#ffffff;
	border-bottom:1px solid #600;
	font-size:x-small;
	clear:both;
	float:left;
	position:relative; top:0; left:0;
	margin:0; padding:4px 0.2% 3px 0.2%;
	width:99.6%;
	z-index:2;
}


/*********************************************************************
 * GENERIC DEFINITIONS & CLASSES
 *********************************************************************/


a, a:link, a:visited {color:#027; text-decoration:none; background-color:transparent;}
a:hover {color:#400;}

h1, h2, h3, h4, h5 {
	clear:both;
	color:#333;
	font-style:normal;
	font-weight:bold;
	margin:0;
	padding:0.8em 8px;
}
h1 {font-size:120%; margin-top:1em;}
h2 {font-size:100%; margin-top:0.5em;}
h3 {font-size:95%; font-style:italic;}
h4 {font-size:95%; font-style:italic; font-weight:normal;}
h5 {font-size:95%;}

hr  {
	clear:both;
	border:none;
	color:#333; background-color:#666;
	width:100%; height:1px;
}
img {border:none;}
p   {text-align:left; margin:1em 0; width:100%;}
td, li {text-align:left;}
ol, ul {margin-top:0; margin-bottom:0;}

.hmargin5perc  {margin-left:5%;  margin-right:5%;  width:90%;}
.hmargin10perc {margin-left:10%; margin-right:10%; width:80%;}

.smaller {font-size:smaller;}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.taj {text-align:justify;}

div.cleardiv {clear:both; display:none;}  /* used by loc_clear_div() */
.hide {display:none;}



/* 	Tabelle */

	div#Tabelle {
		width:690px;
		border-width:0;
/*		border-width:1px;
		border-style:solid;
		border-color:blue;*/
		border-spacing:8px 
	}
	div#Tabelle i {
		font-size:smaller;
	}
	div#Tabelle td {
		line-height:1.2em;
		padding:2px;
/*  		border:1px solid blue;  */
	}
	
	.links {
		width:51px;
		text-align:center;
		vertical-align:middle;
	}
	.mitte {
		width:469px;
		text-align:left;
		vertical-align:top;
	}
	.rechts {
		width:126px;
		text-align:right;
		vertical-align:middle;
	}









/*********************************************************************
 * BREADCRUMBS, BANNER, SEARCH, LANGUAGE SWITCH (locHead's children)
 *********************************************************************/


/* breadcrumbs */
/*
div#locTopBreadcrumb {
	color:#FFF; background-color:#1B3896;
	font-size:small;
	position:absolute; top:0; right:0.2%;
	padding:4px 0.4em;
	width:50%;
}
*/
div#locBreadcrumb {
	color:#1B3896; background-color:transparent;
	font-size:small;
	float:left;
	padding:4px 0.2em;
}
/*
div#locTopBreadcrumb a   {color:#FFF;}
*/
div#locBreadcrumb a {color:#1B3896;}
/*
div#locTopBreadcrumb img, div#locLocalBreadcrumb img {padding:0 5px; height:11px;}
*/

/* banner */
div#locBanner     {width:100%;}
div#locBanner img {display:block; width:100%;}


/* search form */
form#locSearch {
	background-color:#A67CAC;
	font-size:small;
	float:left;
	margin:0; padding:3px 1px 3px 0;
	max-height:1.5em;
	min-width:15%; width:23%; max-width:23%;
}

form#locSearch #locSearchButton {padding:0 2px; width:15px; height:15px; vertical-align:middle;}
form#locSearch #words {width:80%; background-color:transparent; border:none; border-bottom:2px dotted #FFF;}


/* language switch */
div#locLangSwitch {float:right; margin:0; padding:4px 0.2em; font-size:small;}


/********************************************************************
 * MAIN CONTENT LAYOUTS (locBody)
 *
 * NOTE: As main menu should span full page width, it must reside outside of multi-column layout. To ensure consistent layout it is recommended to set both margin-top and padding-top zero! Modify #locBody / #locMenuMainTabs if necessary.
 * NOTE: Sum of horizontal margins, horizontal paddings, vertical borders, and width must be less(!) than 100%, otherwise some browsers will break before the last column.
 *******************************************************************/


div#locBody div.locLayoutCols1       {float:left; position:relative; width:100%;  margin:0;        clear:both;}
div#locBody div.locLayoutCols1Narrow {float:left; position:relative; width:90%;   margin:0; padding:0 5%; clear:both;}
div#locBody div.locLayoutCols2Left   {float:left; position:relative; width:48.5%; margin:0 1% 0 0; clear:both;}
div#locBody div.locLayoutCols2Right  {float:left; position:relative; width:48.5%; margin:0 0  0 1%;}
div#locBody div.locLayoutCols3Left   {float:left; position:relative; width:32%;   margin:0 1% 0 0; clear:both;}
div#locBody div.locLayoutCols3Middle {float:left; position:relative; width:31.5%; margin:0 1% 0 1%;}
div#locBody div.locLayoutCols3Right  {float:left; position:relative; width:32%;   margin:0 0  0 1%;}

div#locBody div.locLayoutCols2LeftSmall   {float:left; position:relative; width:20%; margin:0 1% 0 0; clear:both;}
div#locBody div.locLayoutCols2RightWide  {float:left; position:relative; width:77%; margin:0 0 1em 1%;}



/********************************************************************
 * MENU
 *******************************************************************/


/* menu level 0: main menu */
ul.locMenuLevel0 {
	background:#FFF url("../img/evtheo_tabs_bg.jpg") repeat-x center;
	border-top:1px solid #CCC;
	border-bottom:1px solid #666;
	margin:1.2em 0 0 0; padding:0 0 2px 0;
	height:1em; max-height:1em;
	position:relative;
	z-index:100;
}
ul.locMenuLevel0 li {
	float:left;
	list-style-type:none;
	min-width:14%; width:18%; max-width:18%;
	height:1em; max-height:1em;
	margin:-0.5em 1.5% 2px 0;
	padding:0.2em 0 0.3em 0;
	border-width:2px 1px 0 0;
	border-style:solid;
	border-color:transparent #C2C2C2 #666 transparent;
	background:#FFF url("../img/evtheo_tabs_bg.jpg") repeat-x center;
	font-weight:bold;
	text-align:center;
}
ul.locMenuLevel0 li a {color:#666; display:block;}

/* ACTIVE TAB */
ul.locMenuLevel0 li.locMenuActiveL0 {
	color:#600;
	background-image:none;
	margin-bottom:1px;
	border-bottom-width:1px;
	border-color:#999 #999 #FFF transparent;
}
ul.locMenuLevel0 li.locMenuActiveL0 a {color:#600;}


/* menu level 1: submenu */
ul.locMenuLevel0 ul.locMenuLevel1 {
	display:none;  /* hide submenu by default */
	background:#FFF url("../img/evtheo_tabs_bg.jpg") repeat-x center;
	border:none;
	margin:0;
	padding:0;
	width:100%;
	max-width:100%;
	z-index:200;
}
ul.locMenuLevel0 li:hover ul.locMenuLevel1 {display:block;}  /* show submenu on mouse-over */
ul.locMenuLevel0 ul.locMenuLevel1 li {
	clear:both;
	list-style-type:none;
	width:100%;
	max-width:100%;
	margin:0 0 0 -1px;
	border-top:1px dotted;
	background:#FFF url("../img/evtheo_tabs_bg.jpg") repeat-x center;
	font-weight:bold;
	text-align:center;
}
ul.locMenuLevel0 ul.locMenuLevel1 li a {color:#666; display:block;}

/* ACTIVE TAB */
ul.locMenuLevel0 ul.locMenuLevel1 li.locMenuActiveL1 {
	color:#600;
	background-image:none;
}
ul.locMenuLevel0 ul.locMenuLevel1 li.locMenuActiveL1 a {color:#600;}


/*********************************************************************
 * IMPRESSUM, WEBMASTER (locFooter's children)
 *********************************************************************/


div#locFooter #locWebmaster     {width:48%; margin:0 0.2em; float:right; text-align:right;}
div#locFooter #locImpressum     {width:48%; margin:0 0.2em; float:left;  text-align:left;}
div#locFooter #locImpressum img {padding-right:5px; height:11px;}


/* EOF */