/* -----------------------------------------------------------
 *
 * Basic styles
 *
 * -----------------------------------------------------------*/

html
{
	background-color:								#001fac;
}

body
{
	font-family:									Arial, Helvetica, Verdana, Tahoma,  sans;
	color:											#333333;
	font-size:										12px;
	background-color:								#001fac;
}

h1
{
	font-size:										14px;
	line-height:									200%;
	font-weight:									bold;
}

h2
{
	font-size:										14px;
	line-height:									120%;
	font-weight:									bold;
}

h3
{
	font-size:										12px;
	line-height:									120%;
	font-style:										italic;
	font-weight:									bold;
}

h4
{
	font-size:										12px;
	line-height:									120%;
	font-weight:									bold;
}

p
{
	line-height:									150%;
	padding:										0;
}

p, a, ul, td
{
	font-size:										12px;
}

#main ul
{
	position:										relative;
	left:											10px;
	line-height:									150%;
	padding:										0;
	margin:											10px 10px;
}

#main li
{
	list-style:										disc;
	padding:										2px 0;	
}

strong
{
	font-weight:									bold;
}

a:link,
a:active,
a:hover,
a:visited
{
	color:											#6980A1;
	text-decoration:								none;
}

a:hover
{
	color:											#BECDEE;
	text-decoration:								none;
}

em
{
	font-style:										italic;
}

li
{
	margin-left:									10px;
}

.blocksatz
{
	text-align:										justify;
}

.imgfloatleft
{
	float:											left;
	margin:											0 10px 10px 0;
}

.imgfloatright
{
	float:											right;
	margin:											0 0 10px 10px;
}

/* -----------------------------------------------------------
 *
 * Document without JS
 *
 * -----------------------------------------------------------*/
div#center
{
	position:										relative;
	margin:											0 auto;
	width:											974px;
}

	div#doc
	{
		position:									relative;
		/* margin:										10px 0 10px 0;
		padding:									0 0 10px 0; */
		width:										974px;
		background:									#ffffff;
	}

			div#header
			{
				position:							relative;
				width:								974px;
				height:								120px;
				background:							transparent url(/media/template/global/header.png) no-repeat scroll 0 0;
			}

				div#en
				{
					position:						absolute;
					left:							293px;
					width:							30px;
					height:							20px;
					top:							33px;
					cursor:							pointer;
				}
	
				div#ru
				{
					position:						absolute;
					left:							373px;
					width:							30px;
					height:							20px;
					top:							33px;
					cursor:							pointer;
				}
	
				div#de
				{
					position:						absolute;
					left:							333px;
					width:							30px;
					height:							20px;
					top:							8px;
					cursor:							pointer;
				}

				div#nl
				{
					position:						absolute;
					left:							253px;
					width:							30px;
					height:							20px;
					top:							58px;
					cursor:							pointer;
				}
	
			div#menu
			{
				position:							relative;
				margin-top:							-30px;
				z-index:							9999;
				width:								974px;
				height:								30px;
				/* background-color:					#001FAC; */
			}
			
			div#main_content
			{
				position:							relative;
				margin-left:						30px;
				/* margin:								10px; */
				width:								944px;
			}
			
				div#main
				{
					position:						relative;
					float:							left;
					width:							728px;
				}
			
				div#sidebar
				{
					position:						relative;
					float:							right;
					width:							185px;
					background:						#d9e1f5;
				}
							
					div#info
					{
						position:					relative;
						margin:						0 0 10px 0;	
						width:						185px;
					}
					
					div#firmgroup
					{
						position:					relative;
						margin:						0 0 10px 0;
						padding:					0 0 5px 0;
						width:						185px;
					}
					#firmgroup a:link,
					#firmgroup a:hover,
					#firmgroup a:visited,
					#firmgroup a:active {
						color:						black;
						font-size:					11px;
					}
					
					div#placeholder
					{
						position:					relative;
						width:						185px;
					}
					
			div#footer
			{
				position:							relative;
				height:								20px;
				width:								974px;
				color:								#ffffff;
				text-transform:						uppercase;
				background-color:					#6980a1;
			}
			
				div#footer_left
				{
					position:						absolute;
					left:							10px;
					top:							5px;
				}
				
				div#footer_right
				{
					position:						absolute;
					right:							10px;
					top:							5px;
				}

/* suplement stuff */

div.seite-an-seite
{
	position:										relative;
	width:											112px;
	height:											157px;
	float:											left;
	margin-right:									7px;
	cursor:											pointer;
}

div.seite-an-seite:hover
{
	background-position:							0 -159px;
}

.clearfloat
{
	clear:											both;
}

.transparent_background
{
	position:										absolute;
	top:											0px;
	right:											0px;
	bottom:											0px;
	left:											0px;
	background:										#ffffff;
	display:										none;
}

.inner_content
{
	position:										relative;
}

#main .inner_content
{
	margin:											20px 0 10px 0;
}

#sidebar #info a
{
	/* padding-left:									5px; */
}

#sidebar #info a span
{
	padding-left:									5px;
}


#footer 
{
	font-size:										10px;
	color:											#ffffff;
}

#footer a:link,
#footer a:active,
#footer a:hover,
#footer a:visited
{
	font-size:										10px;
	color:											#ffffff;
	text-decoration:								none;
}

#footer a:hover
{
	text-decoration:								underline;
}

/* -----------------------------------------------------------
 *
 * Superfish Menu
 *
 * -----------------------------------------------------------*/

ul.menu .active
,ul.menu .sub-active
,ul.menu .sub-sub-active
{
	font-weight:									bolder;
	color:											#ffffff;
	text-decoration:								none;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *
{
	list-style:										none;
	font-size:										12px;
	font-weight:									bold;
}

.sf-menu
{
	line-height:									1.0;
}

.sf-menu ul
{
	position:										absolute;
	top:											-9999px;
	width:											204px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li
{
	width:											100%;
}

.sf-menu li:hover
{
	visibility:										inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li
{
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-9px;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-9999px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			195px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-9999px;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			195px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	border-top:		1px solid #CFDEFF;
	padding: 		9px 12px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li {
	/* background:		#001FAC; */
}
.sf-menu > li > a
,.sf-menu > li > a:hover
,.sf-menu > li > a:link
,.sf-menu > li > a:active
,.sf-menu > li > a:visited {
	color:			#ffffff;
	border-left:	0px solid transparent;
	border-top:		0px solid transparent;
}
.sf-menu li li {
	background:		#001fac;
}
.sf-menu li li li {
	background:		#0027db;
}
.sf-menu li li li li {
	background:		#0b35f9;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#2249fb;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	27px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			9px;
	top:			11px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-9999px;
	overflow:		hidden;
	background:		url('/media/template/global/arrows-ffffff.png') no-repeat -10px -103px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			8px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/

.sf-shadow ul {
	background:	url('/media/template/global/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*
BLOCK - GENERAL
*/
.blocktitle
{
	position:										relative;
	margin:											5px;
	padding:										5px 0 0 0;
	font-weight:									bold;
	text-transform:									uppercase;
}

/*
BLOCK - UNTERNEHMENSGRUPPE
*/

#firmgroup .inner_content p
{
	font-size:										10px;
}

.firmgroup_logo
{
	position:										relative;
	margin:											10px 0 0 0;
}

.firmgroup_logo img
{
	position:										relative;
	float:											left;
	margin:											0 5px 0 5px;
}

.firmgroup_logo p
{
	position:										relative;
	margin:											0 5px 0 50px;
}

/*
BLOCK - NEWSLETTER
*/

#newsletter p
,#newsletter span
{
	margin:											0 5px 0 5px;
	font-size:										10px;
}

#newsletter input
{
	position:										relative;
	margin:											5px 0 5px 5px;
	width:											175px;
	height:											15px;
	border:											1px solid #999999;
}

/*
BLOCK - INFO (menue on the right side)
*/

#sidebar #info a
{
	color:											#ffffff;
}

#sidebar #info ul
{
	padding:										4px 5px 5px 5px;
}

#sidebar #info li
{
	margin:											0px;
	padding:										7px 0;
	padding-left:									5px;
	background:										#001fac;
	border-top:										1px solid #CFDEFF;
}

#sidebar #info ul ul
{
	padding:										5px 0 0 0;
	margin:											0 0 0 -5px;
	margin-bottom:									-7px;
}

#sidebar #info li li
{
	margin:											0px;
	padding-left:									5px;
	background:										#0027db;
	border-top:										1px solid #CFDEFF;
}

#sidebar #info ul ul ul
{
	padding:										5px 0 0 0;
	margin:											0 0 -7px -5px;
}

#sidebar #info li li li
{
	margin:											0px;
	padding:										5px 0 5px 5px;
	background:										#0b35f9;
	border-top:										1px solid #CFDEFF;
}

#sidebar #info li:hover
{
	cursor:											pointer;
}

.divzweier
{
	position:										relative;
	margin-bottom:									40px;		
	width:											50%;
	float:											left;
}

.divdreier
{
	position:										relative;
	margin-bottom:									40px;	
	width:											33.3%;
	float:											left;
}

.divdreier2
{
	position:										relative;
	margin-right:									10px;
	margin-bottom:									40px;
	float:											left;
}



/* site spez content {HOME} */

#home_content_right
{
	position:										absolute;
	top:											10px;
	right:											10px;
	width:											267px;
	height:											300px;
}

#home_content_left
{
	position:										relative;
	width:											445px;
}

#flash_schatten
{
	position:										absolute;
	left:											6px;
	top:											274px;
}

/* site spez content {KONTAKT} */

#main input,
#main textarea
{
	padding:										2px;
	border:											1px solid #666666;
}

.tabelle_klein,
.tabelle
{
	border-spacing:									10px;
}

#googlemap_area
{
	float:											left;
	width:											300px;
	height:											560px;
	margin-right:									10px;
	border:											2px solid #d0d0d1;
}

.greyborder
{
	border:											2px solid #d0d0d1;
}

/* Kontaktformular */
#formleftside
{
	position:										relative;
	float:											left;
	width:											364px;
}

#formrightside
{
	position:										relative;
	float:											right;
	width:											364px;
}

.formlabel
{
	position:										relative;
	width:											50px;
}

#ccontact #formleftside input
{
	position:										absolute;
	left:											50px;
}

#ccontact button
{
	padding:										2px 5px;
	border:											1px outset #333;
}

#ccontact button:hover
{
	border:											1px inset #333;
}

#ccontact p
{
	position:										relative;
	margin:											10px 0;
}

/* NEWS (right side) */

#news
{
	position:										relative;
	margin:											0 0 10px 0;
	width:											185px;
}

#news_block
{
	position:										relative;
	margin:											0 0 0 5px;
	padding:										7px 0 7px 0;
	width:											175px;
	/* background:										#001FAC;
	color:											#ffffff; */
	font-weight:									bold;
}

#news_block span
{
	position:										relative;
	margin:											0 0 0 5px;
}

.news_entry
{
	position:										relative;
	margin:											5px 0 5px 5px;
	width:											175px;
}

.news_title
{
	position:										relative;
	width:											165px;
	padding:										3px 5px;
	/* background:										#0B35F9;
	color:											#ffffff; */
	font-weight:									bold;
}

.news_title span
{
	position:										relative;
}

.news_content
{
	position:										relative;
	width:											165px;
	padding:										3px 5px;
	/* background:										#ffffff; */
}

.news_content p
{
	position:										relative;
	font-size:										11px;
	
}

.news_content img
{
	position:										relative;
	padding:										0 0 5px 0;
	
}

.news_lnk
{
	position:										relative;
	width:											165px;
	padding:										0 5px;
	/* background:										#ffffff; */
}

#ref_table
{
	position:										relative;
	width:											728px;
	table-layout:									fixed;
}

#ref_table_title
{
	font-weight:									bold;
}

#ref_table tr
{
	
}

#ref_table th
{
	padding:										5px 0;
}

#ref_table_col1 { width: 30px; }
#ref_table_col2 { width: 30px; }
#ref_table_col3 { width: 154px; }
#ref_table_col4 { width: 100px; }
#ref_table_col5 { width: 80px; }
#ref_table_col6 { width: 254px; }
#ref_table_col7 { width: 80px; 	text-align:	right; }

.table_text_right
{
	text-align:									right;
}