/*		a{text-decoration:none;}		p	{margin:12px 0 12px 0;}		*/

	html, body												{font-family:Lucida Grande,Verdana,Tahoma,sans-serif;font-size:12px;color:black;height:100%;margin:0px;padding:0px;}
	body														{background:#1b1b1b;}
	img, form												{border:0;margin:0;padding:0;}
	img														{}
	textarea, input										{font-family:Lucida Grande,Verdana,Tahoma,sans-serif;}
	form														{display:inline;}
	.automargin												{width:980px;position:relative;margin:0 auto 0 auto;}
	a															{text-decoration:none;}


/* CLEAR-KLASSEN */
	.clear													{clear:both;font-size:0.1em;}
	.clear_l													{clear:left;font-size:0.1em;}
	.clear_l_10												{clear:left;font-size:0.1em;height:10px;line-height:10px;}
	.clear_l_20												{clear:left;font-size:0.1em;height:20px;line-height:20px;}
	.clear_r													{clear:right;font-size:0.1em;}
	.clear_5													{clear:both;font-size:0.1em;height:5px;line-height:5px;}
	.clear_10												{clear:both;font-size:0.1em;height:10px;line-height:10px;}
	.clear_20												{clear:both;font-size:0.1em;height:20px;line-height:20px;}
	.clear_50												{clear:both;font-size:0.1em;height:50px;line-height:50px;}

	h2															{font-size:16px;padding:0;margin:20px 0 10px 0;font-weight:normal;}
	h1															{font-size:20px;padding:0;margin:5px 0 5px 0;font-weight:normal;}
	h3															{font-size:14px;padding:0;margin:5px 0 5px 0;font-weight:normal;}
	
	.inputvalue												{color:#AFAFAF;}
	.inputinclick											{color:black;}
	
	a															{color:#0ba200;font-weight:bold;}
	a:hover															{color:#007F05;font-weight:bold;}
	.aAnker													{color:black;}
	.aAnker:hover											{color:black;}
	
/* ABSTANDS-KLASSEN */
	.space_2px												{width:2px;height:2px;font-size:0.1em;}
	.space_5px												{width:5px;height:5px;font-size:0.1em;}
	.space_10px												{width:10px;height:10px;font-size:0.1em;}
	.space_20px												{width:20px;height:20px;font-size:0.1em;}
	.space_22px												{width:22px;height:22px;font-size:0.1em;}


/* PADDING-KLASSEN */ 
	.pad_5													{padding:5px;}
	.pad_10													{padding:10px;}
	.pad_20													{padding:20px;}

	 
/* MARGIN-KLASSEN */
	.margin_r_10											{margin:0 10px 0 0;}
	.margin_r_20											{margin:0 20px 0 0;}

	
/* ALIGNS UND FLOATS */
	.left														{float:left;}
	.right													{float:right;}
	.text_left												{text-align:left;}
	.text_center											{text-align:center;}
	.text_right												{text-align:right;}


/* TEXTGROESSEN */
	.text_11													{font-size:11px;}
	.text_12													{font-size:12px;}
	.text_14													{font-size:14px;}
	.text_16													{font-size:15px;}


/* TEXTFARBEN */
	.black													{color:black;}
	.white													{color:white;}
	.green													{color:#0ba200;}
	.grey														{color:#6f6f6f;}
	.lightgrey												{color:#d1d1d1;}
	.red														{color:red;}


/* TEXT-DECORATIONS */
	.bold														{font-weight:bold;}
	.bolder													{font-weight:bolder;}
	.lighter													{font-weight:lighter;}
	.italic													{font-style:italic;}
	.underline												{text-decoration:underline;}


/* TRENNLINIEN */
	.spaceline_vert_grey									{}	
	.spaceline_hori_grey									{background:url('spaceline_hori_grey.gif') repeat-x left top;height:1px;line-height:1px;font-size:0.1em;}
	
/* Meldung */
	.successMsg {	
	background-color:#e7ffe6;
	border:1px solid #94ff8f;
	margin:5px;
	padding:10px;
	font-size:11px;
	color:#1AAF00;
}


.errorMsg {
	background-color:#ffdbdb;
	border:1px solid #ffadad;
	margin:5px;
	padding:10px;
	font-size:11px;
	color:red;
}
	
/* ###################################################################################################################################### */
/* ###################################################################################################################################### */
/* ###################################################################################################################################### */
/* ###################################################################################################################################### */
/* ###################################################################################################################################### */
	
/* ######### */	
/* ######### */
/* HAUPTMENUE */	
/* ######### */	
/* ######### */

	

	#mm														{
																list-style-type:none;
																margin:0;
																padding:0;
																float:right;
																
																
	}
	
	#mm		li												{
																float:left;
	}
	
	#mm		li.leftend									{
																float:left;
																background:url('mm_leftend.png') no-repeat left top;
																width:70px;
																height:33px;
																behavior:url('/iepngfix.htc');
	}	
	
	#mm		li.rightend									{
																float:left;
																background:url('mm_rightend.png') no-repeat left top;
																width:68px;
																height:33px;
																behavior:url('/iepngfix.htc');
	}	
	
	
	#mm		li			a									{
																display:block;
																color:#666666;
																font-weight:bold;
																text-decoration:none;
																padding:0 15px 0 15px;
																height:33px;
																float:left;
																line-height:33px;
																background:url('mm_bg2.gif') no-repeat right top;
	}
	
	
	#mm		li			a:hover							{
																background-position:right -33px;
																color:white;
																text-decoration:none;
	}
	
	#mm		li			a.active							{
																background-position:right -33px;
																color:white;
																text-decoration:none;
	}

/* ######### */	
/* ######### */
/* SUBMENUE (AUFKLAPPEND AUS DEM HAUPTMENUE) */	
/* ######### */	
/* ######### */	
	
	.sm														{
																list-style-type:none;
																margin:0;
																padding:0;
																position:absolute;
	}
	
	.sm		li												{
																border-bottom:1px solid black;
																display:none;
	}
	
	.sm		li			a									{
																display:block;
																color:black;
																font-weight:normal;
																text-decoration:none;
																height:22px;
																line-height:22px;
																background:white;
																padding:0 10px 0 10px;
	}

	.sm		li			a:hover							{
																background:green;
	}
	

/* ######### */	
/* ######### */
/* SUBMENUE (AUFLISTUNG LINKE SEITE) */	
/* ######### */	
/* ######### */	
	
	.sm_leftside											{
																list-style-type:none;
																margin:20px 0 0 0;
																padding:0 20px 0 20px;
	}
	
	.sm_leftside		li.title		h2					{
																margin:0 0 0 0;
																font-size:18px;				
	}	
	
	.sm_leftside		li			a						{
																display:block;
																color:black;
																font-weight:normal;
																text-decoration:none;
																height:21px;
																line-height:21px;
																background:url('sm_left_bg.gif') no-repeat left top;
																padding:0 0 0 15px;
	}

	.sm_leftside		li			a:hover				{
																background-position:left -21px;
	}	

/* ######### */	
/* ######### */
/* HEADER */	
/* ######### */	
/* ######### */

	#header_bg												{
																height:303px;
																background: white url('headerhg.jpg') no-repeat center center;
	}

	#header													{
																height:240px;
																width:980px;
																margin:0 auto 0 auto;
																position:relative;
																color:white;
	}
	
	#header_logo											{
																width:235px;
																height:44px;
																background:url('header_logo.png');
																display:block;
																behavior:url('/iepngfix.htc');
	}
	
	#headertitle										{width:400px;margin:45px 0 10px 10px;font-size:16px;font-weight:bold;}
	#headertext											{width:400px;margin:0 0 10px 10px;}
	
	#headerbutton_kundenlogin						{background:url('headerbutton_kundenlogin.png') no-repeat left top;width:166px;height:32px;display:block;float:left;}
	#headerbutton_quicktours						{background:url('headerbutton_quicktours.png') no-repeat left top;width:166px;height:32px;display:block;float:left;margin-left:10px;}
	#headerbutton_kontakt	    					{background:url('headerbutton_kontakt.png') no-repeat left top;width:166px;height:32px;display:block;float:left;margin-left:10px;}
	#headerbutton_referenzen    					{background:url('headerbutton_referenzen.png') no-repeat left top;width:166px;height:32px;display:block;float:left;margin-left:10px;}
	#headerbutton_startseite	    				{background:url('headerbutton_startseite.png') no-repeat left top;width:168px;height:36px;display:block;background-position:left -36px;}
	#headerbutton_leistungen	    				{background:url('headerbutton_leistungen.png') no-repeat left top;width:168px;height:36px;display:block;background-position:left -36px;}
	
	
	
	#headerbutton_kundenlogin:hover,
	#headerbutton_referenzen:hover,
	#headerbutton_kontakt:hover,
	#headerbutton_quicktours:hover				{background-position:left -32px;}
	#headerbutton_leistungen:hover,
	#headerbutton_startseite:hover				{background-position:left top;}
	
	
/* ######### */	
/* ######### */	
/* CONTENT */	
/* ######### */	
/* ######### */

	#content_bg												{
																/*background:white url('content_bg.gif') repeat-x left top;*/
																background: white;
																width:100%;
	}

	#content													{
																position:relative;
																width:980px;
																margin:0 auto 0 auto;
																padding:0 0 20px 0;
	}	
	
	#content_left_420										{
																position:relative;
																width:420px;
																float:left;
																padding:20px 0 0 0;
																text-align:justify;
	}		
	
	.content_left_divide									{
																background:url('content_left_divide.gif');
																width:420px;
																height:44px;						
	}
	
	#content_right_500									{
																position:relative;
																width:500px;
																line-height:18px;
																float:right;
																padding:20px 0 0 0;
																text-align:justify;
	}		
	
	.content_right_divide								{
																background:url('content_right_divide.gif');
																width:500px;
																height:55px;						
	}
	
	
	.content_3col_left									{
																/*	background:url('menue_left_bg.gif') repeat-x left top; */
																width:240px;
																float:left;
																min-height:371px;
	}
	
	.content_3col_right_outer							{
																background:url('spaceline_vert_grey.gif') repeat-y 240px top;
																margin:20px 0 0 0;
																width:740px;
																float:left;
																min-height:371px;
	}
	
	.content_3col_right_inner_left					{
																width:200px;
																float:left;
																padding:0 40px 0 20px;
	}	
	
	.content_3col_right_inner_right					{
																width:480px;
																float:left;
	}	
	
	
	.content_2col_left									{
															/*	background:url('menue_left_bg.gif') repeat-x left top; */
																width:240px;
																float:left;
																min-height:371px;
																line-height:18px;
	}
	
	.content_2col_right									{
																width:720px;
																float:left;
																min-height:371px;
																margin-left:20px;
																line-height:18px;
																text-align:justify;
	}	
	
/* ######### */	
/* ######### */	
/* FOOTER */	
/* ######### */	
/* ######### */	
	
	#footer_bg												{
																width:100%;
																border-top:5px solid #aaaaaa;
	}
	#footer													{
																position:relative;
																width:980px;
																margin:0 auto 0 auto;
																padding:20px 0 20px 0;
	}

	.footerlist												{
																list-style-type:none;
																margin:0 40px 0 0;
																padding:0;
																float:left;
	}
	
	.footerlist		li										{
																line-height:20px;
	}	
	
	.footerlist		li		a								{
																color:#787878;
																text-decoration:none;
	}	
	
	.footerlist		li		a:hover						{
																text-decoration:underline;
	}	
	
	.footerlist		.title								{
																padding:0 0 10px 0;
																color:#d1d1d1;
	}
	
	#footerform												{
																float:right;
																color:#787878;
																width:350px;
	}
	
	#footerform			div								{
																margin:4px 0 0 0;
	}
	
	#footerform			.inputbg							{
																background:url("footer_form_inputbg.gif") no-repeat left top;
																width:170px;
																height:24px;
	}	
	
	#footerform			.inputbg		input			{
																background:transparent;
																width:150px;
																height:20px;
																border:none;
																color:#1b1b1b;
																margin:3px 0 0 10px;
																font-size:11px;
	}	
	
	
	#footerform			.msgbg							{
																background:url("footer_form_msgbg.gif") no-repeat left top;
																width:330px;
																height:80px;
																padding:10px;
																margin:0 0 10px 0;
	}	
	
	#footerform			.msgbg		textarea			{
																background:transparent;
																width:330px;
																height:80px;
																border:none;
																color:#1b1b1b;
																font-size:11px;
	}
	
	#footerform			#footerform_send				{
																background:url("footer_form_send.gif") no-repeat left top;
																width:105px;
																height:24px;
																display:block;
																float:right;
	}	
	
	#footerform			#footerform_send:hover		{
																background-position:left -24px;
																
	}
	
	
/* ########## */	
/* ########## */
/* ALLGEMEIN VERWENDBAR */
/* ########## */	
/* ########## */	
	
	.greybox_240_top														{background:url('greybox_240_top.gif');width:240px;height:10px;}
	.greybox_240_bottom													{background:url('greybox_240_bottom.gif');width:240px;height:10px;}
	
	.leftsidebox_productnews											{padding:10px 20px 10px 20px;background:#e5e5e5;color:#545454;}
	.leftsidebox_productnews		.text								{margin-left:60px;line-height:16px;}
	.leftsidebox_productnews		ul								{padding-left:25px;margin:0;}
	
	.leftsidebox_contact													{padding:10px 20px 10px 20px;background:#e5e5e5 url('leftsidebox_contact_phone.gif') no-repeat 20px 10px;color:#545454;}
	.leftsidebox_contact			.text									{height:50px;line-height:16px;padding:0 0 0 70px;}
	.leftsidebox_contact			h2										{margin:5px 0 0 0;font-size:18px;}
	
	.leftsidebox_newsletter												{background-color:#e5e5e5;padding:10px 20px 10px 20px;color:#545454;}
	.leftsidebox_newsletter		.inputbg								{margin:10px 0 0 0;background:url('leftsidebox_newsletter_inputbg.gif') no-repeat left top;height:26px;width:200px;position:relative;}
	.leftsidebox_newsletter		.inputbg		input					{background:transparent;border:0;padding:0;width:140px;height:20px;line-height:20px;margin:4px 0 0 5px;}
	.leftsidebox_newsletter		.inputbg		.submit				{background:url('leftsidebox_newsletter_submit.gif') no-repeat left top;float:right;display:block;width:45px;height:26px;}
	.leftsidebox_newsletter		.inputbg		.submit:hover		{background-position:left -26px;}
	
	.leftsidebox_searching												{padding:10px 20px 10px 20px;background:#e5e5e5 url('leftsidebox_searching_person.gif') no-repeat 20px 40px;color:#545454;}
	.leftsidebox_searching		.text									{margin-left:60px;line-height:16px;}
	
	
	
	.leftsidebox_productnews	h2,
	.leftsidebox_newsletter	h2,
	.leftsidebox_searching	h2								{margin:0 0 5px 0;font-size:18px;}
	
/* ########## */	
/* ########## */
/* STARTSEITE */
/* ########## */	
/* ########## */	
	

#home_welcometext									{line-height:18px;}
#home_welcometext		h2							{margin:0 0 10px 0;}
#home_welcometext		p							{margin:0 0 20px 0;}

.seo_box	a.seo_button {
	position: absolute;
	top: 140px;
	left: 30px;
	display: block;
	width: 93px;
	height: 32px;
	font-size: 1px;
	background: url('seo_template/startbuttonblack.png') no-repeat 0px 0px; 
}

.seo_box	a.seo_button:hover {
	background: url('seo_template/startbuttonwhite.png') no-repeat 0px 0px;
}

.leistungen_buttons_box								{position:relative;margin:0 0 0 0; width: 441px; height: 35px;}
.leistungen_buttons_space							{position:relative;margin:0 0 0 0; width: 441px; height: 4px;}


/* ######### */	
/* ######### */
/* LEISTUNGSSEITE BUTTONS */	
/* ######### */	
/* ######### */



.leistungen_buttons_box         a.leistungen_webdesign_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/webdesignblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_webdesign_button:hover {
	background: url('leistungen/webdesignwhite.jpg') no-repeat 0px 0px;
}


.leistungen_buttons_box         a.leistungen_cms_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/cmsblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_cms_button:hover {
	background: url('leistungen/cmswhite.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_shops_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/shopsblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_shops_button:hover {
	background: url('leistungen/shopswhite.jpg') no-repeat 0px 0px;
}


.leistungen_buttons_box         a.leistungen_applikationen_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/applikationenblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_applikationen_button:hover {
	background: url('leistungen/applikationenwhite.jpg') no-repeat 0px 0px;
}


.leistungen_buttons_box         a.leistungen_seo_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/seoblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_seo_button:hover {
	background: url('leistungen/seowhite.jpg') no-repeat 0px 0px;
}


.leistungen_buttons_box         a.leistungen_texte_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/textefotosblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_texte_button:hover {
	background: url('leistungen/textefotoswhite.jpg') no-repeat 0px 0px;
}


.leistungen_buttons_box         a.leistungen_hosting_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/hostingblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_hosting_button:hover {
	background: url('leistungen/hostingwhite.jpg') no-repeat 0px 0px;
}


.leistungen_buttons_box         a.leistungen_datenbank_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/datenbankblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_datenbank_button:hover {
	background: url('leistungen/datenbankwhite.jpg') no-repeat 0px 0px;
}


.leistungen_buttons_box         a.leistungen_iphone_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('leistungen/iphoneblack.jpg') no-repeat 0px 0px;
}

.leistungen_buttons_box         a.leistungen_iphone_button:hover {
	background: url('leistungen/iphonewhite.jpg') no-repeat 0px 0px;
}




/* ######### */	
/* ######### */
/* SOFTWARESEITE BUTTONS */	
/* ######### */	
/* ######### */




.software_buttons_box								{position:relative;margin:0 0 0 0; width: 441px; height: 35px;}
.software_buttons_space							{position:relative;margin:0 0 0 0; width: 441px; height: 4px;}


.software_buttons_box         a.software_cms30m_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('software/cms30mblack.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_cms30m_button:hover {
	background: url('software/cms30mwhite.jpg') no-repeat 0px 0px;
}


.software_buttons_box         a.software_cms30pro_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('software/cms30problack.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_cms30pro_button:hover {
	background: url('software/cms30prowhite.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_cms30ultimate_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('software/cms30ultimateblack.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_cms30ultimate_button:hover {
	background: url('software/cms30ultimatewhite.jpg') no-repeat 0px 0px;
}


.software_buttons_box         a.software_shop50m_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('software/shop50mblack.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_shop50m_button:hover {
	background: url('software/shop50mwhite.jpg') no-repeat 0px 0px;
}


.software_buttons_box         a.software_shop50pro_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('software/shop50problack.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_shop50pro_button:hover {
	background: url('software/shop50prowhite.jpg') no-repeat 0px 0px;
}


.software_buttons_box         a.software_shop50ultimate_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('software/shop50ultimateblack.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_shop50ultimate_button:hover {
	background: url('software/shop50ultimatewhite.jpg') no-repeat 0px 0px;
}


.software_buttons_box         a.software_ortogonewsletter_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('software/newsletterblack.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_ortogonewsletter_button:hover {
	background: url('software/newsletterwhite.jpg') no-repeat 0px 0px;
}


.software_buttons_box         a.software_iphone_button {
	display: block;
        width: 441px;
        height: 35px;
        font-size: 18px;
        line-height:35px;
        color:#ffffff;
        padding-left:20px;
        background: url('software/iphoneblack.jpg') no-repeat 0px 0px;
}

.software_buttons_box         a.software_iphone_button:hover {
	background: url('software/iphonewhite.jpg') no-repeat 0px 0px;
}















.seo_box								{position:relative;margin:0 0 10px 0;width: 441px; height: 196px;}
.seo_box		.text					{float:right;width:250px;line-height:18px;padding:0 45px 0 0; margin-top: 17px;}
.seo_box		.text		{
	background: url('template/headlineicon.png') no-repeat 0px 4px;
	padding-left: 25px;
	
}
.seo_box		a						{color:white;}
.seo_box_rank								{background:url('seo_template/rank.jpg') no-repeat;}
.seo_box_glossar							{background:url('seo_template/info.jpg') no-repeat;}
.seo_box_sem								{background:url('seo_template/sem.jpg') no-repeat;}

.referenzen_text_links								{margin:0 0 0 0;width: 441px; height: 210px; background:url('template/blogeintraghg1.jpg') no-repeat;}
.referenzen_text_links .text		{float:left; color: #fff;width:370px;line-height:18px; margin-left:20px; margin-top: 17px; background: url('template/headlineicon.png') no-repeat 0px 4px; padding-left: 25px;}

.home_newblogentry								{margin:0 0 0 0;width: 441px; height: 196px;}

.home_newblogentry		.img_preview		{float:left;margin:20px 10px 10px 10px;}
.home_newblogentry		.text					{float:left;width:250px;line-height:18px;padding:0 0 0 0; margin-top: 17px;}
.home_newblogentry		.text		{
	background: url('template/headlineicon.png') no-repeat 0px 4px;
	padding-left: 25px;
}
.home_newblogentry		a						{color:white;}

.home_newblogentry3								{background:url('template/blogeintraghg3.jpg') no-repeat;}
.home_newblogentry2								{background:url('template/blogeintraghg2.jpg') no-repeat;}
.home_newblogentry1								{background:url('template/blogeintraghg1.jpg') no-repeat;}

.img_preview										{background:url('imgpreview_bg.png') no-repeat;width:107px;height:78px;}
.img_preview				img					{background:white;width:90px;height:60px;margin:7px 0 0 7px;}



/* ########## */	
/* ########## */
/* REFERENZEN */
/* ########## */	
/* ########## */

/* ########## */	
/* ########## */
/*   KONTAKT  */
/* ########## */	
/* ########## */

#sendButton				{
																background:url("button_send_form.png") no-repeat left top;
																width:105px;
																height:25px;
																display:block;
																float:right;
	}	
#sendButton:hover		{
																background-position:left -24px;
																
	}
	

.references_overview_itembox								{padding:20px 0 20px 0;position:relative;}
.references_overview_itembox		img					{float:left;margin:0 20px 200px 0;display:block;}
.references_overview_itembox		.text					{float:left;width:400px;}
.references_overview_itembox		.date					{font-size:11px;color:#6f6f6f;line-height:18px;float:left;}
.references_overview_itembox		.software			{font-size:11px;color:#6f6f6f;line-height:18px;float:right;}
.references_overview_itembox		.desc					{margin:10px 0 10px 0;line-height:20px;}
.references_overview_itembox		h2						{margin:0 0 0 0;color:#000000;text-align:left;}
.references_overview_itembox		a						{color:#000000;}

.references_overview_divide								{margin:10px 0 10px 0;height:1px;background-color:#e5e5e5;font-size:0.1em;}

.button_showcasestudy							{background:url("button_showcasestudy.gif") no-repeat left top;display:block;width:155px;height:30px;position:absolute;right:0px;bottom:0px;margin:0 0 20px 0;}
.button_showcasestudy:hover					{background-position:left -30px;}

.references_detail_info							{}
.references_detail_info			a				{display:block;height:20px;line-height:20px;text-decoration:none;color:black;background:url("miniicon_questionmark.gif") no-repeat left 5px;text-indent:15px;}
.references_detail_info			a:hover		{text-decoration:underline;}


/* ########## */	
/* ########## */
/* SOFTWARE */
/* ########## */	
/* ########## */

.software_overview_itembox								{padding:20px 0 0px 0;position:relative;}
.software_overview_itembox		img					{float:left;margin:0 20px 0 0;}
.software_overview_itembox		.text					{float:left;width:400px;}
.software_overview_itembox		.desc					{margin:10px 0 10px 0;line-height:20px;}
.software_overview_itembox		h2						{margin:0 0 0 0;color:black;}
.software_overview_itembox		a						{text-decoration:none;}

.software_overview_divide								{margin:10px 0 10px 0;height:1px;background-color:#e5e5e5;font-size:0.1em;}

.button_virtualround										{background:url("button_virtualround.gif");display:block;width:195px;height:30px;margin:0 auto 10px auto;}
.button_virtualround:hover								{background-position:left -30px;}

.button_moreofthisproduct								{background:url("button_moreofthisproduct.gif");display:block;width:178px;height:30px;margin:0 auto 10px 10px;}
.button_moreofthisproduct:hover						{background-position:left -30px;}


.software_detail_tech							{}
.software_detail_tech			a				{display:block;height:20px;line-height:20px;text-decoration:none;color:black;background:url("miniicon_questionmark.gif") no-repeat left 5px;text-indent:15px;}
.software_detail_tech			a:hover		{text-decoration:underline;}

.software_detail_sites							{}
.software_detail_sites			a				{display:block;height:20px;line-height:20px;text-decoration:none;color:black;background:url("miniicon_arrow.gif") no-repeat left 5px;text-indent:15px;}
.software_detail_sites			a:hover		{text-decoration:underline;}


/* ########## */	
/* ########## */
/* SERVICES */
/* ########## */	
/* ########## */

.services_overview_divide								{margin:20px 0 20px 0;height:1px;background-color:#e5e5e5;font-size:0.1em;clear:both;}

/* ########## */	
/* ########## */
/* CASESTUDY */
/* ########## */	
/* ########## */

#casestudy_banner											{position:relative;width:720px;overflow:hidden;}

#casestudy_banner	.slide_left							{position:absolute;top:155px;left:0;width:51px;height:242px;background:url("casestudy_button_left2.png") left top no-repeat;cursor:pointer;}
#casestudy_banner	.slide_left:hover					{background-position:left -242px;}
#casestudy_banner	.slide_left .inactive			{background-position:left -484px;}
#casestudy_banner	.slide_right						{position:absolute;top:155px;right:0;width:51px;height:242px;background:url("casestudy_button_right2.png") left top no-repeat;cursor:pointer;}
#casestudy_banner	.slide_right:hover				{background-position:left -242px;}
#casestudy_banner	.slide_right .inactive			{background-position:left -484px;}


/* #casestudy_banner	.slide_left							{position:absolute;top:155px;left:0;width:51px;height:242px;background:url("casestudy_button_left.png") left top no-repeat;cursor:pointer;}
#casestudy_banner	.slide_left:hover					{background-position:left -242px;}
#casestudy_banner	.slide_right						{position:absolute;top:155px;right:0;width:51px;height:242px;background:url("casestudy_button_right.png") left top no-repeat;cursor:pointer;}
#casestudy_banner	.slide_right:hover				{background-position:left -242px;}  */
.casestudy_content										{color:#545454;line-height:17px;text-align:justify;width:720px;margin:0;}
.casestudy_content	p									{padding:10px;margin:5px;background:#efefef;}
/* #casestudy_banner	img									{border:1px solid #efefef;} */




/* ###################################################################################################################################### */
/* ###################################################################################################################################### */
/* ###################################################################################################################################### */
/* ###################################################################################################################################### */
/* ###################################################################################################################################### */


/* SERVICE SCROLLBAR */
#articlebar												{width:441px;height:241px;background: url('template/newsblockhg.jpg') no-repeat;}
h3 {
	background: url('template/headlineicon.png') no-repeat 0px 4px;
	padding-left: 25px;
}
#articlebar		.scrollable 						{position:relative;overflow:hidden;width:441px;height:241px;}
#articlebar		.scrollable 	.items 			{width:20000em;position:absolute;clear:both;}
#articlebar		.scrollable 	.active 			{z-index:9999;position:relative;}

.img_preview										{background:url('imgpreview_bg.png') no-repeat;width:107px;height:78px;}
.img_preview				img					{background:white;width:90px;height:60px;margin:7px 0 0 7px;}

#articlebar		.itembox							{width:420px;float:left;}
#articlebar		.itembox    .img_box					{background:url('imgpreview_bg.png') no-repeat;width:107px;height:78px;float:left;margin: 30px 0 0 25px;}
#articlebar		.itembox    .img_box		img		{background:white;width:90px;height:60px;margin:7px 0 0 7px;}
#articlebar		.itembox		div.text					{line-height:18px;color:black;width:240px;float:left;margin:23px 0 0 20px;display:block;}
#articlebar		.itembox		div.text		h2			{margin:0 0 5px 0;}
#articlebar		.itembox		div.text		a			{color:#0BA200;}
#articlebar		.itembox		div.text		a:hover	{text-decoration:underline;}
#articlebar		.itembox		div.text		p	{margin-left: 26px;}

#articlebar		a.browse 							{display:block;width:25px;height:49px;float:left;cursor:pointer;}
#articlebar		a.right 								{background:url("articlebar_scroll_r.gif") no-repeat left top;clear:right;margin:31px 0 0 10px;}
#articlebar		a.right:hover 						{background-position:left -49px;}
#articlebar		a.right:active 					{background-position:left -49px;} 
#articlebar		a.left								{background:url("articlebar_scroll_l.gif") no-repeat left top;clear:right;margin:31px 10px 0 0;} 
#articlebar		a.left:hover  						{background-position:left -49px;}
#articlebar		a.left:active  					{background-position:left -49px;}
#articlebar		a.disabled 							{visibility:hidden !important;} 	

#ansprechpartner												{width:441px;height:241px;background: url('http://www.alphabytes.de/projects/alphabytes/media/leistungen/ansprechpartnerhg.jpg') no-repeat;}
h3 {
	background: url('template/headlineicon.png') no-repeat 0px 4px;
	padding-left: 25px;
}
#ansprechpartner		.scrollable 						{position:relative;overflow:hidden;width:441px;height:241px;}
#ansprechpartner		.scrollable 	.items 			{width:20000em;position:absolute;clear:both;}
#ansprechpartner		.scrollable 	.active 			{z-index:9999;position:relative;}

.img_preview										{background:url('imgpreview_bg.png') no-repeat;width:107px;height:78px;}
.img_preview				img					{background:white;width:90px;height:60px;margin:7px 0 0 7px;}

#ansprechpartner		.itembox							{width:420px;float:left;}
#ansprechpartner		.itembox    .img_box					{background:url('imgpreview_bg.png') no-repeat;width:107px;height:78px;float:left;margin: 30px 0 0 25px;}
#ansprechpartner		.itembox    .img_box		img		{background:white;width:90px;height:60px;margin:7px 0 0 7px;}
#ansprechpartner		.itembox		div.text					{line-height:18px;color:black;width:240px;float:left;margin:23px 0 0 20px;display:block;}
#ansprechpartner		.itembox		div.text		h2			{margin:0 0 5px 0;}
#ansprechpartner		.itembox		div.text		a			{color:#0BA200;}
#ansprechpartner		.itembox		div.text		a:hover	{text-decoration:underline;}
#ansprechpartner		.itembox		div.text		p	{margin-left: 26px;}

#ansprechpartner		a.browse 							{display:block;width:25px;height:49px;float:left;cursor:pointer;}
#ansprechpartner		a.right 								{background:url("ansprechpartner_scroll_r.gif") no-repeat left top;clear:right;margin:31px 0 0 10px;}
#ansprechpartner		a.right:hover 						{background-position:left -49px;}
#ansprechpartner		a.right:active 					{background-position:left -49px;} 
#ansprechpartner		a.left								{background:url("ansprechpartner_scroll_l.gif") no-repeat left top;clear:right;margin:31px 10px 0 0;} 
#ansprechpartner		a.left:hover  						{background-position:left -49px;}
#ansprechpartner		a.left:active  					{background-position:left -49px;}
#ansprechpartner		a.disabled 							{visibility:hidden !important;} 	

.rss_facebook_box {
	background: url('template/rssfacebookhg.jpg') no-repeat top left;
	height: 41px;
	width:466px;
	margin-left: -25px;
	text-align: left;
}
.rss_facebook_box a {position:absolute;color:white;text-transform: uppercase;width: auto;}
.rss_facebook_box a.rss {line-height: 41px;left:50px;}
.rss_facebook_box a.facebook {line-height: 41px;left:350px;}




    			
#home_latestprojects_tip { 
    display:none; 
    background:transparent url('http://flowplayer.org/tools/img/tooltip/black_arrow.png'); 
    height:70px; 
    width:160px; 
    padding:25px; 
    margin:-300px 0 0 -820px;
    color:#fff;
    float:left;
    position:relative;
    left:0px;
    top:0px;     
}

.back_to_top {
	background: url('template/zuruecknachobenhg.jpg') no-repeat top left;
	width: 441px;
	height: 35px;
}
.seo_back_to_top {
	background: url('seo_template/zuruecknachoben.jpg') no-repeat top left;
	width: 441px;
	height: 35px;
}
.seo_back_to_top a,
.back_to_top a { 
	color: white; 
	background: url('template/zweigroesserzeichensymbol.png') no-repeat 0px 0px;
	line-height: 35px;
	padding-left: 25px;
	margin-left: 10px;
}


#suchanfragen {
	width: 182px;
}
#suchanfragen .tags {
	background: url('template/haeufigesuchanfragentexthg.jpg') no-repeat top left;
	width: 168px;
	height: 577px;
	padding: 8px;
}
#suchanfragen h2 {
	background: url('template/haeufigesuchanfragenhg.jpg') no-repeat top left;
	color: white;
	font-size: 12px;
	font-weight:bold;
	width: 215px;
	height: 35px;
	padding: 0 0 7px 35px;
	line-height: 35px;
	text-transform: uppercase;
}

#suchanfragenlinks {
	width: 441px;
}

#suchanfragenlinks .links {
	background: url('leistungen/suchbegriffehgbreit.jpg') left top no-repeat;
	height:221px;
	width: 421px;
	padding:10px;
}

#suchanfragenlinks h2 {
	background: url('leistungen/suchbegriffebreit.jpg') left top no-repeat;
	width: 447px;
	height: 28px;    
    color: white;
	font-size: 12px;
	font-weight:bold;
	padding: 0 0 7px 62px;
	margin:0;
	margin-left:-30px;
	line-height: 35px;
	display:block;
	text-transform: uppercase;
 }   

#startpage_text {
	
	color: #000;
	width: 290px;
}
#seo_page_text {
	
	color: #000;
}
#startpage_text h2 {
	font-size: 15px;
	background: url('template/headlineicon.png') no-repeat 0px 4px;
	padding-left: 25px;
}


.apple_overlay 					{display:none;background-image:url(http://static.flowplayer.org/tools/img/overlay/white.png);width:800px;}
.apple_overlay 	div.close 	{background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png);position:absolute; right:5px; top:5px;cursor:pointer;height:35px;width:35px;}

/*
div.apple_overlay 				{background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif);color:#fff;}
div.apple_overlay div.close 	{background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);}
*/
div.apple_overlay.black 		{background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);color:#fff;}

/************/
/* LIGHTBOX */
/************/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
	
	
}

/* coda-slider */

	.coda-slider-wrapper { padding: 5px 0; width:450px; }
	.coda-slider { background: #ffffff }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 450px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 450px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	#coda-nav-left-2 a 	{width:72px;height:19px;display:block;background:url('slider_zurueck.png') no-repeat center center #fff;float:left;}
    #coda-nav-right-2 a {width:72px;height:19px;display:block;background:url('slider_weiter.png') no-repeat center center #fff;float:right;}
	
        /* Tab nav */
	.coda-nav ul li a.current { background: #fff; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

        /* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: 1px; overflow: hidden; width: 350px; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #fff; color: #000; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }