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

* {
	margin:					0;
	padding:				0;
}

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

body {
	margin:					0;
	padding:				0;
	width:					100%;
	height:					100%;
	font-family:			Trebuchet Ms, Verdana, Helvetica, Tahoma, Arial, sans;
	color:					#333333;
	font-size:				12px;
	line-height:			16px;
	}
	
.text{
	font-size:				130%;
	}
	
.notext {
	font-size:				76.92%;
	}

h1 {
	font-size:				180%;
	line-height:			200%;
	margin-bottom:			4.615px;
	font-weight:			800;
	}

h2 {
	font-size:				160%;
	line-height:			180%;
	margin-top:				5.385px;
	margin-bottom:			4.615px;
	font-weight:			600;
	color:					#3e3d40;
	}

h3 {
	font-size:				140%;
	line-height:			160%;
	margin-top:				5.385px;
	margin-bottom:			-4.615px;
	font-weight:			400;
	}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

   BASIC V2 GM@SL

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

h4
{
	font-size:				14px;
	line-height:			18px;
	font-weight:			bold;
	margin-top:				5px;
	margin-bottom:			3px;
	color:					#333333;
}

	
hr {
	color:					#96b4db;
	background-color:		#96b4db;
	height:					1px;
	border:					none;
	}
/*
p {
	line-height:			150%;
	padding:				0;
	margin:					10px 0;
	margin-bottom: 3px;  
	}
*/
.fs90 {
	font-size:			90%;
	}

strong {
	font-weight:		900;
	}

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

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

em {
	font-style:			italic;
	}

#loader {
	display:			none;
	}

/* -----------------------------------------------------------
 *
 * V2 DOC GM@SL 
 *
 * -----------------------------------------------------------*/

#center
{
	position:					relative;
	width:						980px;
   	margin-left: 				auto;
   	margin-right: 				auto;
	text-align:					left;
}
	
	#doc 
	{
		position:				relative;
		top:					20px;
		width:					980px;
		text-align:				left;
	}
		#right-box
		{
			position:			absolute;
			top:				82px;	
			left:				766px;
			width:				211px;
			height:				540px;
			background-image:	url(/media/template/global/body_right.png);
		}
		
		#left-box {
			position:			absolute;
			left:				-12px;
			top:				82px;	
			height:				540px;
		}
		#bonce
		{
			position:			relative;
			width:				770px;	
		}
		#main-menu
		{
			position:			relative;
			left:				4px;
			width:				762px;
			height:				34px;
			z-index:			999;
			background:			#ffffff;
		}
	
		#header
		{
			position:			relative;
			left:				4px;
			width:				762px;
			height:				220px;
			background:			#ffffff;
		}

		#content
		{
			position:			relative;
			left:				4px;
			width:				762px;
			background-color:	#ffffff;
		}	

		#v2_footer
		{
			position:			relative;
			width:				770px;
		}

		

		
		

		
		#main-menu ul {
			position:		absolute;
			list-style:		none;
			float:			right;
			right:			4px;
			}
			
		#main-menu li {
			float:			left;
			height:			33px;
			overflow:		hidden;
			margin-right:	2px;
			}
			
		#main-menu li a.active img {
			margin-top:		-40px;
			}
	



		.login {
			margin-top:			22px;
			margin-left:		10px;
			width:				171px;	
			}
			
			.logineingabe {
				background-image:	url(/media/template/global/body_eingabebox.png);
				background-height:	100%;
				autocomplete:		off;
				height:				28px;
				width:				171px;
				}
				
					#benutzername,
					#passwort {
						margin:			6px 0 0 10px;
						border:			none;
						width:			150px;		
						}
						
		.impressum {
			position:			absolute;
			bottom:				15px;
			left:				10px;
			width:				171px;
			text-decoration:	none;
			color:				#96BDDB;
			}

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

   V2 TABLE PREISE (744px)

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

.preise .col1
{
	width:						246px;
	height:						34px;
	color:						#3E3D40;
	font-size:					130%;
	text-align:					right;
}

.preise .col2, .preise .col3, .preise .col4
{
	width:						166px;
	height:						34px;
	font-weight:				bold;
	text-align:					center;
}

.preise .col2
{
	color:						#ea006c;
}

.preise .col3
{
	color:						#f07d00;
}
.preise .col4
{
	color:						#00a3e2;
}

						
.preise tr, .table_light tr
{
		border-bottom:			1px solid white;
}

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

   V2 HEADER img

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

#header img 
{
	position:				relative;
	left:					8px;
}



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

   home

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

.background {
		width:				762px;
		height:				1960px;
		margin-left:		-19px;
		background-color:	#ffffff;
		}
		
.home {
		width:				725px;
		background-color:	#d8e8f8;

		}

#home {
		width:				450px;
		font-size: 			xsmall;
		color:				#3e3d40;
		text-align: 		justify;
		}
		
#bottom_home {
	position:				relative;
	margin:					-5px 0 0 -12.5px;
	}
		
#distance {
	height:					10px;
	width:					744px;
	background-color: 		#FFFFFF;
	}


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

   Preise

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

#btn-details
{
	position:				absolute;
	left:					162px;
	bottom:					25px;
	width:					25px;
	height:					11px;
	cursor:					pointer;
	background:				url(/media/template/preise/btn_mehr.png) no-repeat 0 0;
	z-index:				30;	
}

#btn-easy, #btn-standard, #btn-pro
{
	position:				relative;
	width:					90px;
	height:					26px;
	background:				url(/media/template/preise/btn_details.png) no-repeat 0 0;
	cursor:					pointer;	
	z-index:				30;
}

#btn-easy
{
	top:					30px;
	left:					281px;	
}
		
#btn-standard
{
	top:					4px;
	left:					450px;
}
		
#btn-pro
{
	top:					-22px;
	left:					615px;			
}
		


#bottom_preise {
	position:				relative;
	top:					67px;
	left:					-23px;
	}

#overlay_easy, #overlay_standard, #overlay_pro
{
	width:							49px;
	height:							52px;
	cursor:							pointer;		
}


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

   Demo

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

.teaser-demo
{
	position:				absolute;
	left:					0px;
	top:					0px;
	height:					360px;
	width:					292px;
	background:				#ffffff url(/media/template/demo/demo_teaser.jpg) no-repeat;
}

.demo
{
	position:				relative;
	left:					292px;
	width:					452px;
	height:					360px;
	display:				block;
}

.demo-freischalten-click
{
	position:				relative;
	height:					176px;		
	cursor:					pointer;
	color:					#FFFFFF;
	font-size: 				xx-large;
}

.demo-anfordern-click
{
	position:				relative;
	height:					176px;
	cursor:					pointer;
	color:					#FFFFFF;
	font-size: 				xx-large;
}

.placeholder1
{
	position:				relative;
	margin:					0;
	padding:				0;
	height:					8px;
	line-height:			0px;
	font-size:				0px;				
	background-color:		#FFFFFF;	
}

.bottomright
{
	position:				absolute;
	bottom:					0px;
	right:					10px;
}

.v2_demofreischalten
{
	position:				relative;
	left:					292px;
	width:					452px;
	height:					360px;
	display:				none;
}

.v2_demobeantragen
{
	position:				relative;
	left:					292px;
	width:					452px;
	height:					360px;
	display:				none;
}

.v2_demofreischalten_img
{
	position:				relative;
	padding-bottom:			10px;
	left:					15px;
	top:					10px;
	width:					396px;
	height:					28px;
	background:				url(/media/template/demo/headline_freischalten.png) no-repeat 0 0;
}

.v2_demobeantragen_img
{
	position:				relative;
	padding-bottom:			10px;
	left:					15px;
	top:					10px;
	width:					396px;
	height:					28px;
	background:				url(/media/template/demo/headline_beantragen.png) no-repeat 0 0;
}

.prelative
{
	position:				relative;
}

.demo-freischalten,
.demo-anfordern {
	margin-left:			296px;
	display:				none;
	}
	
		
	.demofreischalten {
		margin-left:			140px;
		margin-top:				-35px;
		color:					#A7A8A9;
		}
		
	.freischalten_text {
		text-align: 			right; 
		width: 					132px;
		}
		
	.demoanfordern {
		margin-left:			105px;
		margin-top:				-35px;
		color:					#A7A8A9;
		}
		
	.anfordern_text {
		text-align: 			right; 
		width: 					75px;
		}	

	.abstand {
		height:					30px;
		}
	
			#firma,
			#name,
			#vorname,
			#telefon,
			#email {
				margin-top:		16px;
				width:			250px;
				padding:		1px 0;
				border:			1px solid #b9cfea;			
				}
			
			#bemerkung {
				margin-top:		20px;
				width:			250px;
				height:			90px;
				padding:		1px 0;	
				border:			1px solid #b9cfea;		
				}
			
			.Login_freischalten{
				width:				100%;
				height:				40px;
				margin-top:			15px;
				background-image:	url(/media/template/demo/headline_freischalten.png);
				background-repeat:	no-repeat;	
				z-index:			30;
				}
			
			.btn-Login_freischalten
			{
				position:			absolute;
				bottom:				0px;
				right:				20px;	
				height:				40px;
				width:				235px;
				cursor:				pointer;
				background:			url(/media/template/demo/btn_freischalten.png) no-repeat 0 0;
			}	
			
			.btn-back_Login_freischalten
			{
				position:			absolute;
				bottom:				0px;
				left:				20px;
				height:				40px;
				width:				120px;
				cursor:				pointer;
				background:			url(/media/template/demo/btn_zurueck.png) no-repeat 0 0;
			}	
			
			.Zugang_anfordern{
				height:				40px;
				margin-top:			15px;
				background-image:	url(/media/template/demo/headline_beantragen.png);
				background-repeat:	no-repeat;	
				z-index:			30;
				}

			
			.btn-Zugang_anfordern
			{
				position:			absolute;
				bottom:				0px;
				right:				39px;	
				height:				40px;
				width:				240px;
				cursor:				pointer;
				background:			url(/media/template/demo/btn_beantragen.png) no-repeat 0 0;
			}	
			
			.btn-back_Zugang_anfordern
			{
				position:			absolute;
				bottom:				0px;
				left:				20px;
				height:				40px;;
				width:				120px;
				cursor:				pointer;
				background:			url(/media/template/demo/btn_zurueck.png) no-repeat 0 0;
			}	
					
	
	
.placeholder2{
	position:				relative;
	margin-top:				366px;
	margin-left:			-10px;
	height:					8px;
	width:					745px;
	background-color:		#FFFFFF;
	}	



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

   Screens

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

.v2_innerContent_screen 
{
	position:				relative;
	margin:					0 0 0 9px;
	width:					744px;
	height:					400px;
	background-color:		#d8e8f8;
}


#switcher-list {
	position:		absolute;
	z-index:		20;
	margin-left:	20px;
	margin-top:		40px;
	color:			#3e3d40;
	}
	
	ul#switcher-list li {
		margin-bottom:		20px;
		height:				20px;
		overflow:			hidden;
		}
		
	.switcher-screen {
		position:	absolute;
		top:			0px;
		left:			234px;
		display:		none;
		}
		
	.switcher-screen-big{
		position:			absolute;
		top:					-255px;
		left:					-46px;
		cursor:				pointer;
		display:				none;
		}
		
	div.switcher-title {
		position:		absolute;
		width:			250px;
		height:			20px;
		line-height:	20px;
		cursor:			pointer;
		}
		
	#switcher-button {
		position:		absolute;
		top:			348px;
		left:			374px;
		width:			111px;
		height:			36px;
		cursor:			pointer;
		background-image:	url(/media/template/screenshots/btn_vergroessern.png);
		z-index:		30;
		}
		
		.switcher-arrow {
			position:		absolute;
			margin-top:		6px;
			left:			185px;
			}
			
		span.switcher-title{
			margin-left:		20px;
			font-size:			120%;
			font-weight:		800;
			}	
	
	#switcher-line {
		position:			absolute;
		top:				27px;
		left:				238px;
		width:				2px;
		height:				330px;
		background-color:	#b8d5fa;
		}
		
	#switcher {
		position:			absolute;
		z-index:			10;
		top:				34px;
		left:				31px;
		}
		
#bottom_sreenshots {
	position:				absolute;
	top:					432px;
	left:					-43px;
	}
	
.light_back{
	background-color:		black;
	opacity: 				0.8;
	}

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

   screen lightbox

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

#bonce_1{
	z-index:				1;
	}

#back_dia{
	background:			url(/media/template/lightbox/hintergrund.png);
	width:					740px;
	height:					430px;
	margin-top:			-9px;
	display:				none;
	}
	
.digest{
	margin-top:			-9px;
	}
		
#kickstand{
	background:			url(/media/template/lightbox/staender.png);
	z-index:				1;
	width:					740px;
	margin-top:			-10px;
	margin-left:		-20px;
	height:					740px;
	}

.animation2
{
	position:				relative;
	left:					-20px;
	top:					-28px;
}


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

   Vorteile

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



#fm-background {
	position:			absolute;
	left:				220px;
	top:				20px;
	width:				180px;
	height:				355px;
	background-image:	url(/media/template/vorteile/vorteile_box.jpg);
	}

#fm-title,
#bb-title,
#andere-title {
	position:			absolute;
	top:				28px;
	text-align:			center;
	}
	
#fm-title span,
#bb-title span,
#andere-title span {
	font-size:			160%;
	font-weight:		bolder;
	}
	
#fm-title {
	color:				#ffffff;
	left:				220px;
	width:				180px;
	}
	
#bb-title {
	left:				400px;
	width:				160px;
	}
	
#andere-title {
	left:				560px;
	width:				160px;
	}

#vorteile-overflow {
	position:			absolute;
	top:				48px;
	height:				307px;
	width:				725px;
	overflow:			auto;
	overflow-x:			hidden;
	}


table.vorteile {
	margin-left:		20px;	
	table-layout:		fixed;
	width:				100%;
	}
	
table.vorteile .col1_size {
	width:				200px;
	}
	
table.vorteile .col2_size {
	width:				180px;
	}
	
table.vorteile .col3_size {
	width:				160px;
	}
	
table.vorteile td {
	font-size:			130%;
	line-height:		180%;
	padding-left:		10px;
	padding-right:		10px;
	}
	
table.vorteile td.col2 {
	color:			#ffffff;
	}

table.vorteile td.col2,
table.vorteile td.col3,
table.vorteile td.col4 {
	text-align:			center;
	}
	
table.vorteile tr.odd td.col1,
table.vorteile tr.odd td.col3,
table.vorteile tr.odd td.col4 {
	background-color:	#abcae8;
	}
	
table.vorteile th {
	padding-left:		8.125px;
	font-size:			160%;
	line-height:		200%;
	font-weight:		600;
	}



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

   Lightbox

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

   .table_light td{
      width:               310px;
      }
.lightbox{
	 width:					578px; 
	 height: 				588px; 
	 margin-left: 			5%; 
	 margin-top: 			8%;
	}
	
.lightbox_text
{
	width:							310px;
	text-align: 					left;
	font-size:						12px;
}
	
.cel100{
	text-align: 			right;
	}

#box_content
{
	position:							relative;
	margin-top:							25px;
	margin-bottom:						25px;
	background-color:					#D8E8F8;
	left:								25px;
	width:								650px;
	overflow:							visible;
}

#screen
{
	position:							absolute;
	top:								60px;
	left:								25px;
}

#btn-testen
{
	position:							absolute;
	left:								255px;
	width:								148px;
	height:								26px;
	cursor:								pointer;
	background:							url(/media/template/preise/btn_60Tage.png) no-repeat 0 0;
}	

#btn-kontakt
{
	position:							absolute;
	left:								410px;
	width:								100px;
	height:								26px;
	cursor:								pointer;
	background:							url(/media/template/preise/btn_kontakt.png) no-repeat 0 0;
}	

#btn-registrieren
{
	position:							absolute;
	left:								515px;
	width:								118px;
	height:								26px;
	cursor:								pointer;
	background:							url(/media/template/preise/btn_registrieren.png) no-repeat 0 0;
}
	
.easy, .standard, .pro
{
	width:								300px;
	right:								10px;
	text-align:							right;
	font-size:							12px;
}

.easy
{
	color:								#E0036C;
}	
	
.standard
{
	color:								#ef7f01;
}
	
.pro
{
	color:								#029fd4;
}			

.lightbox_test
{
	position:			absolute;
	top:				65px;
	left:				-60px;
	width:				109px;
	height:				109px;
}

.lightbox_name
{
	position:			absolute;
	top:				170px;
	left:				20px;
}

.lightbox_logo
{
	position:			absolute;
	top:				15px;
	left:				15px;
}

.lightbox_box
{
	position:			absolute;
	top:				-70px;
	left:				430px;
	z-index:			80;
}

.lightbox_price
{
	position:			absolute;
	top:				120px;
	left:				348px;
	z-index:			160;
}

.lightbox_type
{
	position:			absolute;
	left:				471px;
	top:				-17px;
	height:				243px;
	width:				158px;
	z-index:			80;
}

.lightbox_tablev2
{
	position:							relative;
	padding:							0 20px 0 20px;
	line-height:						35px;		
	font-size:							12px;
}

.lightbox_tablev2 tr
{
	border-bottom:						1px solid #ffffff;
}

.lightbox_action
{
	position:							relative;
	padding:							20px 20px 10px 20px;
	height:								26px;
}

.lightinfo
{
	position:							relative;
	padding:							210px 20px 0 20px;
	text-align: 						justify;
	line-height:         				15px;
	font-size:           				12px;
}


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

   Kontakt

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

.kontakt{
	margin-left:			296px;
	margin-top:				-365px;
	height: 				150px;
	}
	
.kontakt_text{
	text-align: 			right; 
	width: 					75px;
	}

.kontakt_1{
	background-height:		100%;
	autocomplete:			off;
	margin-left:			105px;
	margin-top:				-35px;
	color:					#A7A8A9;
	}
	
.btn-senden_kontakt
{
	position:							absolute;
	right:								33px;
	bottom:								-3px;		
	width:								107px;
	height:								32px;
	cursor:								pointer;
	background:							url(/media/template/kontakt/btn_senden.png) no-repeat 0 0;
	}	
	
.placeholder3{
	position:				absolute;
	margin-top:				210px;
	margin-left:			-10px;
	height:					8px;
	width:					745px;
	background-color:		#FFFFFF;
	}





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

   HOME V2 GM@SL

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

.v2_innerContent
{
	position:				relative;
	margin:					0 0 0 9px;
	width:					744px;
	background-color:		#d8e8f8;
}

.v2_distance
{
	position:				relative;
	width:					744px;
	height:					9px;
	background:				#ffffff;
}

.v2_home
{
	position:				relative;
	padding:				10px 10px 10px 10px;
	width:					724px;
}

.v2_medium_size
{
	position:				relative;
	padding:				10px 0 0 0;
	width:					470px;
	text-align:				justify;
}

#v2_home_h1 { height:		60px;  }
#v2_home_h2 { height:		200px; }
#v2_home_h3 { height:		150px; }
#v2_home_h4 { height:		290px; }
#v2_home_h5 { height:		220px; }
#v2_home_h6 { height:		130px; }
#v2_home_h7 { height:		140px; }
#v2_home_h8 { height:		80px;  }

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

   RIGHT BOX V2 GM@SL

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

#right-box input
{
	border:					0 none #fff;
}

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

   KONTAKT V2 GM@SL

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

.v2_inputleft
{
	position:				relative;
	padding:				0 40px 0 0;		
	left:					20px;
	text-align:				justify;
}

.v2_inputright
{
	position:				relative;
	left:					160px;
	top:					-17px;
	width:					250px;
	border:					1px inset #b9cfea;
}

.v2_topperright
{
	position:				absolute;
	left:					340px;
	bottom:					50px;
}

#v2_textkontakt
{
	height:					72px;
}

#v2_textdemo
{
	height:					50px;		
}