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

* {
	margin:					0;
	padding:				0;
}

html {
	margin:					0;
	padding:				0;
	background-image:		url(/media/template/global/main_bg.jpg);
	background-repeat:		repeat;
	overflow:				hidden;
}

body {
	margin:					0;
	padding:				0;
	width:					100%;
	height:					100%;
	overflow:				hidden;
	font-family:			Trebuchet Ms, Verdana, Helvetica, Tahoma, Arial, sans;
	color:					#333333;
	font-size:				10px;
	overflow:				hidden;
}
#content .text{
	font-size:				14px;
}
#content .notext {
	font-size:				76.92%;
}
#content h1 {
	font-size:				18px;
	line-height:			200%;
	margin-bottom:			5px;
	font-weight:			bolder;
}
#content h2 {
	font-size:				14px;
	line-height:			180%;
	margin-top:				8px;
	margin-bottom:			5px;
	font-weight:			bolder;
}

#content h3 {
	font-size:				14px;
	line-height:			180%;
	margin-top:				8px;
	margin-bottom:			5px;
	font-weight:			bold;
	font-style:				italic;
}

#content p {
	line-height:			150%;
	padding:				0;
	margin:					14px 0;
	margin-bottom: 			4px;
}


#content strong {
	font-weight:			bolder;
}
#content a:link,#content  a:active,#content  a:hover,#content  a:visited {
	color:				#999999;
	text-decoration:	none;
}
#content a:hover {
	color:				#c00;
	text-decoration:	none;
}


#content em {
	font-style:			italic;
}


/* -----------------------------------------------------------
 *
 * Document without JS
 *
 * -----------------------------------------------------------*/
div#menu {
	position:				absolute;
	top:					0;
	bottom:					0;
	left:					0;
	width:					200px;
	text-align:				left;
	background-color:		white;
}
#content p {
	color:				white;
	font-size:			14px;
	font-weight:		bolder;
}
ul#menu {
	position:				absolute;
	top:					26px;
	left:					26px;
	text-align:				left;
	background-color:		white;
	font-size:				14px;
	font-weight:			bolder;
}
#content a.active, a.sub-active{
	color:					#c00;
}

#content {
	position:			absolute;
	top:				20px;
	left:				220px;
}

#content div {
	color:				white;
	font-size:			14px;
	font-weight:		bolder;

}		


/* -----------------------------------------------------------
 *
 * Document with JS
 *
 * -----------------------------------------------------------*/

/* ---------------------------------------------------------------

				B A C K G R O U N D

 --------------------------------------------------------------- */

div#loader {
	position:		absolute;
	width:			100%;
	height:			100%;
	z-index:		200;
	background-image:	url(/media/template/global/30p.png);
}
div#loader-img {
	position:		absolute;
	margin-left:	-110px;
	left:			50%;
	margin-top:		-10px;
	top:			50%;
}
div#page {
	position:		absolute;
	left:			0;
	top:			0;
	bottom:			0;
	right:			0;
	display:		none;
}
	div#page-content {
		position:		absolute;
		left:			222px;
		padding-left:	58px;
		top:			0px;
		bottom:			0;
		padding-right:	40px;
		right:			0;
		overflow:		auto;
		overflow-x:		hidden;	
		z-index:		60;
	}
	div.background {
		position:		absolute;
		left:			0;
		top:			0;
		bottom:			0;
		right:			0;
		background-repeat:repeat-x;
	}
	div#background1 {
		background-color:	#0290cd;
		background-image:	url(/media/template/global/bg_blau.jpg);
		z-index:			40;
	}
	div#background2 {
		background-color:	#0290cd;
		background-image:	url(/media/template/global/bg_gruen.jpg);
		z-index:			30;
	}
	div#background3 {
		background-color:	#0290cd;
		background-image:	url(/media/template/global/bg_lila.jpg);
		z-index:			20;
	}
	div#background4 {
		background-color:	#0290cd;
		background-image:	url(/media/template/global/bg_orange.jpg);
		z-index:			10;
	}

/* ---------------------------------------------------------------

				N A V I G A T I O N

 --------------------------------------------------------------- */

div#navigation {
	position:			absolute;
	left:				-230px;
	top:				0;
	bottom:				0;
	width:				222px;
	background-image:	url(/media/template/global/bg-schieber.png);
	background-position:0 -2060px;
	overflow:			auto;
	overflow-x:			hidden;	
	z-index:			100;
}
	#nav-logo {
		position:			absolute;
		top:				25px;
		left:				10px;

	}
	#back-btn {
		position:			absolute;
		top:				175px;
		left:				-200px;
		cursor:				pointer;
		background:			url(/media/template/global/schieber_back.jpg);
		width:				167px;
		height:				38px;
		font-size:			18px;
		line-height:		39px;
		font-weight:		bolder;
		text-align:			center;
		color:				#ffffff;
	}
	#nav-content {
		position:			absolute;
		top:				175px;
		left:				80px;

	}
		#navigation div span{
			cursor:pointer;
		}
		#navigation div.main {
			height:					45px;
			overflow:				hidden;
			width:					140px;
			background-image:		url(/media/template/global/menu_pfeil.png);
			background-repeat:		no-repeat;
			background-position:	110px 25px;
		}
		#navigation div.main span {
			font-size:				18px;
			line-height:			300%;
			font-weight:			bolder;
		}
		#navigation div.sub span{
			font-size:				14px;
			line-height:			150%;
			font-weight:			300;
		}
	#beta-star-holder {
		position:			absolute;
		/*background-image:	url(/media/template/global/beta_batch.png);*/
		width:				106px;
		height:				30px;/*100px;*/
		left:				0px;
		bottom:				0px;
		z-index:			200;
	}
		#beta-star-text {
			position:			absolute;
			background-image:	url(/media/template/global/sprechblase.png);
			width:				334px;
			height:				201px;
			left:				30px;
			bottom:				80px;
			display:			none;
		}
		#beta-star-interactive {
			position:			absolute;
			width:				106px;
			height:				100px;
			left:				0px;
			bottom:				0px;
		}

/* ---------------------------------------------------------------

				D O C U M E N T

 --------------------------------------------------------------- */

#page-content h1 {
	font-size:				64px;
	color:					#ffffff;
	text-align:				right;
	margin-bottom:			28px;
	font-weight:			bolder;
}
#page-content h2 {
	padding-top:			25px;
	font-size:				28px;
	color:					#ffffff;
	font-weight:			bolder;
	font-style:				italic;
	line-height:			180%;
}
#page-content h3 {
	font-size:				18px;
	color:					#ffffff;
	font-weight:			300;
	line-height:			180%;
	margin-top:				20px;
	font-weight:			bolder;
}
#page-content h4 {
	font-size:				14px;
	color:					#ffffff;
	font-weight:			300;
	line-height:			200%;
	font-style:				italic;
}
#page-content p,
#page-content td,
#page-content .half-star-date,
#page-content a:link,
#page-content a:visited,
#page-content a:active,
#page-content a:hover,
#page-content li
{
	font-size:				14px;
	color:					#ffffff;
	font-weight:			100;
	line-height:			150%;
	text-decoration:		none;
}

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

#page-content ul
{
	margin-bottom:			5px;
}

#page-content a:link,
#page-content a:visited,
#page-content a:active
{
	color:			#d0d0d0;
}
#page-content a:hover {
	color:			#ffffff;
	text-decoration:	underline;
}
#page-content .main {
	margin-top:				50px;
	margin-bottom:			50px;
	max-width:				800px;
}
#page-content .sub {
	margin-bottom:			80px;
	max-width:				800px;
	height:					100%;
}



/* - - - - - - - - - - - - - - - - - - - - - - -

		N E W  S

 - - - - - - - - - - - - - - - - - - - - - - - - */

#page-content .line {
	border-bottom:		1px solid #ffffff;
	height:				1px;
	text-align:			right;
	margin-top:			-4px;
	margin-bottom:		4px;
}
#page-content .half-star {
	width:				117px;
	height:				42px;
	text-align:			center;
	background-image:	url(/media/template/global/half-star.png);
	right:				0px;
	float:				right;
	margin-top:			-40px;
}
	#page-content .half-star-date {
		margin-top:		20px;
	}




/* - - - - - - - - - - - - - - - - - - - - - - -

		R E F E R E N Z E N

 - - - - - - - - - - - - - - - - - - - - - - - - */

#page-content .customer-webpage {
	width:				90px;
	height:				28px;
	background-image:	url(/media/template/global/btn_livedemo.png);
	clear:				both;
	margin-top:			20px;
	margin-bottom:		10px;
}


.customer-images {
	clear:				both;
}
	.customer-images .img2 {
		position:		absolute;
		margin-left:	365px;
	}	
	.customer-images .img3 {
		position:		absolute;
		margin-left:	365px;
		margin-top:		140px;
	}	





/*--------------------
 * SOCIAL MEDIA
 * -------------------*/

#add_this_btn  {
	bottom:17px;
	left:119px;
	position:absolute;
	width:100px;
}

#facebook-ilike {
	bottom:10px !important; 
	height:27px !important;
	left:22px !important;
	position:absolute  !important;
	width:92px !important;
}