@charset "utf-8";

/* Reset */
*
{
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
	color: #fff;
    list-style: none;
	text-decoration: none;
}

/* Remove px below img in IE */
img
{
	display:block;
}
img.sprachen_img
{
	display: inline;
	padding: 0 0 0 2px;
}
img.sprachen_sub_img
{
	display: inline;
	padding: 5px 0;
	
}

/*************************************
    Inhalt:

    1. Seitenaufbau
    2. Navigation
    3. Typographie
    4. Links
    5. Formulare
*************************************/

body
{
	background: #1c4b84 url(../images/bg.gif) repeat-x 0px 82px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;	
}


/*************************************
    1. Seitenaufbau
*************************************/
div#site
{
	position: relative;
	width: 980px;
	height: 300px;
}

h1
{
	position: absolute;
	right: 0px;
	top: 13px;
	width: 150px;
	height: 60px;
}
	h1 a
	{
		display: block;	
		width: 150px;
		height: 60px;
	}
	h1 span.logo
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 55px;
		height: 60px;
		display: block;
		background: no-repeat url(../images/logo_veka.gif);
		text-indent: -9999px;
	}
	h1 span.claim
	{
		position: absolute;
		right: 0px;
		top: 16px;
		display: block;
		text-align: right;
		background: no-repeat url(../images/logo_stars.gif) right 16px;
		font-size: 10px;
		padding: 0px 0px 7px 0px;
	}

ul#box_main
{
	position: absolute;
	left: 0px;
	top: 90px;
	width: 990px;
	height: 430px;
}
	ul#box_main li
	{
		position: absolute;
		left: 0px;
		top: 0px;
		height: 430px;
		
	}
		ul#box_main li h2
		{
			position: absolute;
			left: 705px;
			width: 230px;
			text-transform: uppercase;
			text-align: center;			
			bottom: 90px;
			z-index: 10;
			background: url(../images/bg_gradient.gif) repeat-x #1E4D86;
			
		}
			ul#box_main li.box_1 h2
			{
				margin-bottom: 82px;
				
			}
			ul#box_main li.box_2 h2
			{
				margin-bottom: 41px;
				
			}		
			
			
		ul#box_main li h3
		{
			position: absolute;
			left:685px;
			top: 50px;
			width: 260px;
			height: 175px;
			font-size: 1.6em;
			line-height: 1.6em;
			background: #1C4B84 no-repeat 0px 6px;
			z-index: 1;
			text-indent: -9999px;
		}
		ul#box_main li.box_1		{ z-index: 3; }
		ul#box_main li.box_2		{ z-index: 2; }
		ul#box_main li.box_3		{ z-index: 1; }
		ul#box_main li.box_1 h3		{ background-image: url(../images/box_main_text-1.gif); }
		ul#box_main li.box_2 h3		{ background-image: url(../images/box_main_text-2.gif);	}
		ul#box_main li.box_3 h3		{ background-image: url(../images/box_main_text-3.gif);	}

		body.en ul#box_main li.box_1 h3		{ background-image: url(../images/box_main_text-1_en.gif); }
		body.en ul#box_main li.box_2 h3		{ background-image: url(../images/box_main_text-2_en.gif);	}
		body.en ul#box_main li.box_3 h3		{ background-image: url(../images/box_main_text-3_en.gif);	}
		
		ul#box_main li img
		{
			position: absolute;
			left: 0px;
			top: 0px;
		}
				
			
			
			ul#box_main li.active h3,
			ul#box_main li.active img
			{
				display: block;
			}

ul#box_main li div.border
{
	border: 20px solid #fff;
	position: absolute;
	left: 30px;
	top: 30px;
	height: 320px;
	width: 915px;
	background: transparent;
}

ul#box_buttons
{
	position: absolute;
	left: 115px;
	top: 420px;
	z-index: 10;
}
ul#box_buttons li
{
	float: left;
	padding: 0 30px 0 0;
}
ul#box_buttons h2
{
	width: 230px;
	text-transform: uppercase;
	text-align: center;			
	z-index: 10;
	background: url(../images/bg_gradient_neu.gif) 0 0 repeat-x #1E4D86;
}
ul#box_buttons li.active h2
{
	background-position: 0 -27px;
}
ul#box_buttons li.active h2 a
{
	color: #1C4B84;
}

ul#box_buttons li h2 a
{
    display: block;
    line-height: 25px;
    padding: 0px 0px 1px 0px;
    border: 1px solid #000;
    
}
ul#box_buttons li.active h2.hover
{
	background: url(../images/bg_gradient_neu.gif) 0 -27px repeat-x #1E4D86;
}
ul#box_buttons li h2.hover
{
    background-image: url(../images/bg_gradient_hover.gif);
}


ul#news
{
	position: absolute;
	left: 30px;
	top: 540px;
	z-index: 50;
}
	ul#news li
	{
		width: 960px;
	}
		ul#news li.switch a,
		ul#news li.text ul
		{
			display: none;
		}
		ul#news li.switch a.active,
		ul#news li.text ul.active,
		ul#news li.switch ul.over a
		{
			display: block;
		}
		ul#news li.switch
		{
			border: 1px solid #000;
			background: url(../images/bg_gradient.gif) repeat-x #1E4D86;
			width: 130px;
			text-transform: uppercase;
			font-size: 0.9em;
		}
		ul#news li.switch ul
		{
			background: url(../images/arrow_up-down.gif) 11px 7px no-repeat;
			height: 27px;
		}
		ul#news li.switch ul.veka
		{
			background: none;
			height: 27px;
		}
		ul#news li.switch ul.over
		{
			height: 43px;
		}
			ul#news li.switch a
			{
				display: none;
				padding: 6px 11px 3px 25px;
				line-height: 14px;
				position: absolute;
				top: 17px;
				left: 0px;
			}
			ul#news li.switch a.active
			{
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
			}
			ul#news li.switch ul.over a
			{
				display: block;
			}
			
			ul#news li.text
			{
				position: absolute;
				left: 150px;
				top: 1px;
				overflow: hidden;				
				width: 800px;
				height: 30px;
			}
			ul#news li.text ul
			{
				position: absolute;
				left: 0px;
				top: 0px;
				font-size: 1.1em;
			}
				ul#news li.text ul li
				{
					display: block;
					padding: 0px 0px 3px 0px;
					line-height: 26px;
				}
		ul#news li.switch a#en_veka {
			padding:7px 0px 0 35px;
		}
				
ul#boxen
{
	position: absolute;
	left: 30px;
	top: 590px;
	z-index: 50;
}
	ul#boxen li.box
	{
		position: relative;
		float: left;
		width: 263px;
		height: 110px;
		border: 20px solid #024181;
		margin: 0px 1px 0px 0px;
	}
		ul#boxen li.box.platzhalter
		{
			margin: 0px;
			width: 277px;
		}
		ul#boxen li.box h4
		{
			background: #588DC1;
			text-transform: uppercase;
			padding: 0px 0px 1px 8px;
			line-height: 22px;
			font-weight: bold;
			font-size: 1.1em;
		}
		
		ul#boxen li.box.weltweit
		{
			background: url(../images/weltkarte.jpg) no-repeat top center;
		}
			ul#boxen li.box.weltweit ul.weltweit
			{
				position: absolute;
				left: 10px;
				bottom: 10px;
				width: 243px;
			}
			ul#boxen li.box.weltweit ul.weltweit li.main
			{
				line-height: 18px;
				padding: 0px 0px 1px 0px;
				border: 1px solid #000;
				background: url(../images/bg_gradient.gif) repeat-x #1E4D86;
				text-transform: uppercase;
				font-size: 0.9em;
			}
				ul#boxen li.box.weltweit ul.weltweit li.main.over
				{
					background-image: url(../images/bg_gradient_big.gif);
				}
				ul#boxen li.box.weltweit ul.weltweit li.main a.main
				{
					background: url(../images/arrow_down.gif) 6px 4px no-repeat;
					padding: 0px 8px 0px 18px;
				}
				
			ul#boxen li.box.weltweit ul.weltweit li.standorte
			{
				position: absolute;
				left: 0px;
				top: -20px;
			}
			ul#boxen li.box.weltweit ul.weltweit li.sprache
			{
				position: absolute;
				right: 0px;
				top: -20px;
				padding: 0;
				line-height: 20px;
			}
			ul#boxen li.box.weltweit ul.weltweit li ul
			{
				display: none;
			}
			ul#boxen li.box.weltweit ul.weltweit li ul li
			{
				display: block;
			}
			.sprachen_img
			{
				position: absolute;
				right: 8px;
				top: 6px;
			}
				body.de ul#boxen li.box.weltweit ul.weltweit li.sprache,
				body.de ul#boxen li.box.weltweit ul.weltweit li.sprache ul li
				{
					width: 97px;
				}
				body.de ul#boxen li.box.weltweit ul.weltweit li.standorte,
				body.de ul#boxen li.box.weltweit ul.weltweit li.standorte ul li
				{
					width: 92px;
				}
				body.en ul#boxen li.box.weltweit ul.weltweit li.sprache,
				body.en ul#boxen li.box.weltweit ul.weltweit li.sprache ul li
				{
					width: 105px;
				}
				body.en ul#boxen li.box.weltweit ul.weltweit li.standorte,
				body.en ul#boxen li.box.weltweit ul.weltweit li.standorte ul li
				{
					width: 91px;
				}
			ul#boxen li.box.weltweit ul.weltweit li ul
			{
				display: none;
				padding: 3px 0px 5px 0px;
			}
				ul#boxen li.box.weltweit ul.weltweit li ul a
				{
					padding: 2px 0px 2px 0px;
					margin: 0px 8px;
					border-bottom: 1px solid #1C4575;
					display: block;
					line-height: 24px;
					height: 24px;
				}
				ul#boxen li.box.weltweit ul.weltweit li ul a.englisch
				{
					background: url(../images/en.gif) center right no-repeat;
				}
				ul#boxen li.box.weltweit ul.weltweit li ul a.deutsch
				{
					background: url(../images/de.gif) center right no-repeat;
				}
				ul#boxen li.box.weltweit ul.weltweit li ul a.last
				{
					border: 0;
				}
		
		ul#boxen li.box.login form
		{
			margin: 10px;
		}
		

ul#social
{
	position: absolute;
	left: 30px;
	top: 760px;
}
	ul#social li
	{
		float: left;
		margin: 0px 10px 0px 0px;
	}
	ul#social li a
	{		
		text-indent: -99999px;
		display: block;		
		width: 23px;
		height: 23px;
	}
ul#social li.rss 		{	background-image: url(../images/icon_rss.gif);			}
ul#social li.recommend	{	background-image: url(../images/icon_recommend.gif);	}
ul#social li.bookmark	{	background-image: url(../images/icon_bookmark.gif);		}

/*************************************
    2. Navigation
*************************************/
ul#nav_top
{
	position: absolute;
	left: 30px;
	top: 0px;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	z-index: 100;
}
	ul#nav_top li.main
	{
		float: left;
		width: 190px;
		margin: 0px 10px 0px 0px;
		background: url(../images/bg_gradient.gif) repeat-x #1E4D86;
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
	}		
		ul#nav_top li.main a.main
		{
			display: block;
			background: url(../images/arrow_down.gif) no-repeat 11px 11px;
			padding: 0px 10px 3px 25px;
			line-height: 24px;
		}
		ul#nav_top li.main a.main.solo
		{
			display: block;
			background: none;
			padding: 0px 10px 3px 10px;
			line-height: 24px;
		}
			
		ul#nav_top li.main ul
		{
			display: none;
		}
		
		ul#nav_top li.main.active
		{
			background-image: url(../images/bg_gradient_big.gif);
		}
		ul#nav_top li.main.active ul
		{
			display: block;
			padding: 5px 0px;
		}
			ul#nav_top li.main.active li
			{
				margin: 0px 10px; 
			}
			ul#nav_top li.main.active li a
			{
				display: block;
				border-bottom: 1px solid #1c4575;
				line-height: 24px;
			}
			ul#nav_top li.main.active li.last a
			{
				border-bottom: 0;
			}
		

ul#nav_meta
{
	position: absolute;
	top: 763px;
	right: 30px;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 0px 0px 30px 0px;
}
	ul#nav_meta li
	{
		float: left;
		margin: 0px 0px 0px 10px;
	}



	
/*************************************
    3. Typo
*************************************/



/*************************************
    4. Links
*************************************/
form a:hover,
ul#nav_meta a:hover,
ul#news ul li a:hover,
ul#nav_top ul a:hover,
ul#boxen li.weltweit ul li ul a:hover
{
	color: #B7CADE;
}


/*************************************
    5. Formulare
*************************************/
label
{
	float: left;
	margin: 0px 20px 0px 0px;
	line-height: 13px;
}
input
{
	font-size: 0.9em;
	color: #666;
	padding: 1px;
	float: left;
	border: 1px solid #BCBCBC;
	margin: 0px 3px 0px 0px;
	width: 100px;
}
	input.submit
	{
		width: 22px;
		height: 17px;
		background: url(../images/bg_submit_search.gif) no-repeat;
		text-indent: -99999px;
		color: transparent;
text-transform: capitalize;
	}
	input.radio
	{
		width: auto;
		border: 0px;
	}

form#search
{
	position: absolute;
	left: 630px;
	top: 54px;
}	

form#login input
{
	margin-bottom: 10px;
}