/*
CSS der Veu Seite 
main.css

*/

/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0;}
img, a img,:link img,:visited img { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0; margin:0; border-spacing:0; font-size:1em;}
tr { border:none; padding:0; margin:0; }
td { border:none; padding:0; margin:0; vertical-align:top; border-spacing:0px; }


/* Hilfsklassen 
********************************************************************************/
.clear {clear:both;}

.flLeft { float:left; }
.flRight { float:right; }

.notice{color:#CC0000}



/* Tags
*******************************************************************************/

body {	background:#0099CC;}

select {margin:2px 0;}



/*	website
*******************************************************************************/
#website {

	width:1000px;
	min-height:auto;
	*height:100%;
	
	margin:0 auto;
	padding:15px 0;	
	
	font-size: .9em;
	font-family:Arial, Helvetica, sans-serif;
	
	color:#334455;
}



/* ECKEN OBEN UND UNTEN 
/*******************************************************************************/
.ecke-oben-links
{
	position:absolute;
	height: 9px;
	width: 9px;
	left: 0px;
	top:0px;
	z-index:10;
		
	background: url(./ecke_obli_r9_blau.png);
	background-position: top left;
	background-repeat: no-repeat;

}

.ecke2-oben-links /* diese ecke ist nur im linken menue NavLeftCol drin. sie enthält einen star-hack für den IE zur korrekten positionierung der ecke!*/
 {
	position:absolute;
	height: 9px;
	width: 9px;
	left: 0px;
	top:0px;
	z-index:10;
		
	background: url(./ecke_obli_r9_blau.png);
	background-position: top left;
	background-repeat: no-repeat;

}

.ecke-unten-links 
{
	position:absolute;
	height: 9px;
	width: 9px;
	bottom:0px;
	left:0px;
	z-index:10;
	
	background: url(./ecke_unli_r9_blau.png);
	background-position: bottom left;
	background-repeat: no-repeat;

}

.ecke-oben-rechts
{
	position:absolute;
	width: 9px;
	height: 9px;
	top:0px;
	right:0px;
	z-index:10;
		
	background: url(./ecke_obre_r9_blau.png);
	background-position: top right;
	background-repeat: no-repeat;

}

.ecke2-oben-rechts /* diese ecke ist nur im mainblock drin. */
{
	float:right;
	position:relative;
	width: 9px;
	height: 9px;
	
	background: url(./ecke_obre_r9_blau.png);
	background-position: top right;
	background-repeat: no-repeat;


}

.ecke-unten-rechts
{
	position:absolute;
	height: 9px;
	width: 9px;	
	bottom:0px;
	right: 0px;
	z-index:10;
		
	background: url(./ecke_unre_r9_blau.png);
	background-position: bottom right;
	background-repeat: no-repeat;

}

#randunten {
	width:1000px;
	height:9px;
	background-color:white;
}

#menueunten {
	position:relative;
	width:200px;
	height:9px;

}

#contentunten {
	position:relative;
	width:798px;
	height:9px;

}



/*	N A V I G A T I O N
*******************************************************************************/



/* KAESTCHEN NAVIGATION LEFT --------------------------------------------------*/

#navigation 
{	
	float:left;
	width:100%;
	padding:0;
	line-height:1.4em;
	
}

.menusquareV  /* haupt navigations container */
{
	position:relative;	
	padding: 5px 0px 20px 0px;
	overflow: visible;
}



.menusquareH  /* lvl 1 nav punkte */
{
	width: 180px;
	background-color:#FFFFFF;
	border:solid 1px #999999;		 
}



#navigation ul.nav1st 
{
	padding: 0 2px 10px 0;
}

#navigation ul.nav1st li
{
    font-weight: bold;
    margin-bottom:0.7em;
	overflow: visible;
	
}
#navigation ul.nav1st li a
{
	display:block;
	margin:0;
	padding:5px;
}
#navigation ul.nav1st li a:link 	{color:#000; }
#navigation ul.nav1st li a:visited	{ color:#080808; }
#navigation ul.nav1st li a:hover	{ background-color:#F2F2F2;}
#navigation ul.nav1st li a:active	{ color:#0A0;  }
#navigation ul.nav1st li a:focus	{ color:#0A0; }

#navigation ul.nav1st li a.active:link 	{color:#0A0;  }
#navigation ul.nav1st li a.active:visited	{ color:#0A0; }
#navigation ul.nav1st li a.active:hover	{ background-color:#F2F2F2;}
#navigation ul.nav1st li a.active:active	{ color:#0A0;  }
#navigation ul.nav1st li a.active:focus	{ color:#0A0; }



#navigation ul.nav2nd{}

#navigation ul.nav2nd li
{
	margin:0;
    padding: 0 0 0 15px; /* hier der abstand */
	font-weight:normal;
}

#navigation ul.nav2nd li a
{	
	display:block;
	background-color:#FFFFFF;
	border:solid 1px #999999;
}




#navigation ul.nav3rd{
	padding: 0 0 10px 0;
}

#navigation ul.nav3rd li {}

#navigation ul.nav3rd li a
{
	display:block;
	color:#000;
	background-color:#FFFFFF;
	border:solid 1px #999999;
}



/*	content
*******************************************************************************/

#content {
		background-color:#FFFFFF;
	min-height:650px;	
}

#main-block {
	width: 798px;
	min-height:500px;
	*height:auto;
	float:right;
	background-color:#FFFFFF;
}

#main-block2 {
	 margin:16px;	
}

	#main-block2 table div.image
	{
		padding:1em;
	}
	
	#main-block2 td.rahmen_1
	{
	  border-width:3px;
	  border-style:solid;
	  border-color:#4D9BDA;
	  font-size:0.8em;
	}
	
	#main-block2 td.rahmen_1 ul
	{
	  font-size:0.8em;
	}
	
	#main-block2 table.rahmen_1
	{
	  border-spacing:10px
	}


#sub-block {
	float:left;
	position: relative;
	width: 200px;
	min-height:500px;
	*height:auto;

	background-position:top left;
	background:url(left_bg.jpg);
	background-repeat:no-repeat;
		background-color:#FFFFFF;
	
}
	
	#sub-block2 {
		margin:8px;
		overflow:hidden;
	}

#logo {
	float:left;
	width: 180px;
	height: 180px;
}

	#logo2 {
		float:left;
		width: 160px;
		height:160px;
		margin-top:8px 10px;
		background:url(veu_logo.gif) 0 0 no-repeat;
		background-position: left top;
		z-index: 0;
	}

#banner-block {
	position: relative;

	background:white;
}

	#banner-block2 {
		width:1000px;
		height:150px;
	
	}

#banner_content_spacing{
	height:10px;
	background-color:#0099CC;
}


/*************************für modul zufallsgrafik: banner */
#banner-bild {

	position: absolute;
	top: 0px;
	right:0px;
	z-index:0;
	
    
}

#banner-titel {
	position: absolute;
    bottom:0px;
	left:0px;
	width:800px;
z-index:1;
}



/* AIF LOGO IM FOOTER
/*******************************************************************************/

#aiflogo {
	margin:5px;
}




/*	MAIN BLOCK CSS
------------------------------------------------------------------------------*/
	
	/* Headline 1 */
	#main-block h1 {
		margin:0.8em 0 0.6em 0;
		color:#0A0;
		font-size:1.4em;
		font-weight:bold;
		line-height:1.6em;
	}
	
	/* Headline 2 */
	#main-block h2 {
		margin:0.8em 0 0.4em 0;
		font-weight:bold;
		color:#333;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.4em;
	}
	
	/* Headline 3 */
	#main-block h3 {
		margin:0.6em 0 0.3em 0;
		font-weight:bold;	
		color:#333;
		font-size:1.0em;
		font-weight:bold;
		line-height:1.4em;
	}
	
	
	/*	Paragraphs / Lists
	------------------------------------------------------------------------------*/
	#main-block p,
	#main-block ul,
	#main-block ol ul{
		margin-bottom:1.2em;
		font-size:1em;
		line-height:1.2em;
	}	
	
	#main-block ul {
		list-style-position: inside;
		list-style-type:square;
	}
	
	#main-block ol {
		list-style-position: inside;
		list-style-type:decimal;
	}
	
	
	/*	Hyperlinks
	------------------------------------------------------------------------------*/
	#main-block a, #main-block a:link {	color:#090;		text-decoration:underline;	}
	
	#main-block a:hover {	color:#000;	}
		
	
	/*	Images
	------------------------------------------------------------------------------*/
	#main-block div.image {
		margin:0;
	}
	
	
	#main-block div.image p {
		margin: 0.2em;
		font-size:0.7em;
	}
	#main-block div.flLeft {
		margin:0.2em 7px 7px 0px;
	}
	#main-block div.flRight {
		margin:0.2em 0px 7px 7px;
	}
	
	#main-block p.left {
		text-align:left;
		width:250px;
	
	}
	#main-block p.right {
		text-align:left;
		width:250px;
	}
	


/*	footer
------------------------------------------------------------------------------*/
	.footer {
		margin-top:0;
		margin-bottom:0.2pt;
		margin-left:0;
		margin-right:0;
		display:block;
		width:100%;
		vertical-align:middle;

	}
	.footer2 {
	}
	.footer p {
		font-size:10px;
	}
	
	.footer div {
		font-size:12px;
		color:white;
	}
	
	.footer p{
		color:#555555;
	}
	.footer p a:hover {
		text-decoration:underline;
	}
	
	.footer .col-left {
		float:left;
		margin-left:10px;
		vertical-align:middle;
		text-align:right;
	
	}
	.footer .col-right {
		float:right;
		vertical-align:middle;
		text-align:right;
	
	}
	
	
/* USER STATUS FELD
***************************************************************************************/

#user_status{
	position:absolute;
	top:98px;
	right:20px;
	padding:10px;
	background-color:#FFFFFF;
	}

#user{
	color:#666666;

	}

#user_func{
	color:#0099FF;
	text-align:right;
	}
	
#user_func a:link{color:#0099FF;}
#user_func a:visited{color:#0099FF;}
#user_func a:hover{color:#0099FF; text-decoration:underline;}
#user_func a:active{color:#0099FF;}