@charset "UTF-8";

/*
 * www.lookeen.net
 * Start: 17.09.2007
 * Update: 27.10.2009
 */

/*
 * Allgemeine Angaben
 *****************************/
html {
	height:100%;
}
body {
	height:100%;
}
html, body 
{
	font:100.01%  Arial, monospace;
	text-align:center;
}
body
{
	padding:0;;
	margin:0;
}
body * 
{ 
	background-repeat: no-repeat;
}
html, form, h1, h2, h3, p, a
{ 
	padding:0; 
	margin:0; 
}
img
{ 
	border:0; 
	display:block;
}
.clearer
{ 
	clear:both;
	width:1px;
	height:1px;
	font-size:0px;
}
.linear
{ 
	display: none;
}



/*
 * Typo
 *****************************/
h1, h2, h3, p, a, ul, ol, td, th
{
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
}
h1
{
	font-size:23px;
	font-weight:bold;
	color:#000;
	padding-bottom:10px;
	margin:0;
}
h2
{
	font-size:15px;
	font-weight:bold;
	color:#000;
	padding-bottom:10px;
}
h1.icon
{
	font-size:20px;
	font-weight:bold;
	color:#000;
	padding:4px 0 10px 36px;
	background:url(../images/webseite/pfeile32x32.png) top left no-repeat;
}

p, ul, ol, td, th
{
	font-size:12px;
	color:#000;
	line-height:18px;
}
p.arrow {
	padding:0 0 0 15px;
	background:url(../images/webseite/pfeil_startseite2.gif) top left no-repeat;
}
p.arrow2 {
	padding:0 0 15px 15px;
	background:url(../images/webseite/pfeil_startseite2.gif) top left no-repeat;
}
td, th
{
	color:#000;
}
a
{
	color:#0000FF;
}
a:hover
{
	color:#F12009;
}

#mylayer {
	z-index:9999;
	position:absolute;
	top:0px;
	left:-120px;
	width:910px;
	height:486px;
	border:1px solid #cccccc;
}

/*
 * Struktur der Seite
 *****************************/
#Site {
	position:relative;
	width:788px;
	text-align:left;
	padding:0px;
	margin:0 auto;
	height:100%;
	bottom:-1px;

}
#Site .service {
	position:absolute;
	right:4px;
	top:28px;
	width:90px;
}
#Site .service img {
	float:left;
}
.topnav {
	float:left;
	width:100%;
	padding-top:15px;
}
.header {
	float:left;
	width:100%;
	height:90px;
	background:url(../images/webseite/bg-header.jpg) no-repeat top left;
}
.lookeen-logo {
	float:left;
	padding-left:30px;
	padding-top:10px;
}

/*
 * Topnav
 *****************************/
.topnav ul {
	float:right;
	list-style:none;
	padding-right:32px;
	margin:0;
}
.topnav ul li {
	float:left;
}
.topnav ul li a {
	display:block;
	text-decoration:none;
	padding:0 3px;
	color:#999;
}
.topnav ul li img {
	padding-top:1px;
}
.topnav ul li.text {
	padding-bottom:2px;
}
.topnav ul li.last a {
	padding-right:8px;
}
.topnav ul li a:hover {
	color:#000;
}
 
/*
 * Hauptnavigation
 *****************************/
#Navigation {
	float:right;
	padding-top:47px;
	padding-right:30px;
}
ul.main
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	padding-bottom:0px;
}
ul.main li,
ul.main img
{
	float:left;
}
ul.main li a
{
	color:#81a6e5;
	font-size:15px;
	text-decoration:none;
	padding:0 0px;
}
ul.main li.selected a
{
	color:#000;
	font-weight:bold;
}
ul.main li a:hover
{
	color:#333;
}
ul.sub
{
	clear:both;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	padding-bottom:1px;
	width:330px;
}
ul.sub li
{
	float:left;
}
ul.sub li a
{
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#999;
	text-decoration:none;
	padding:0 8px 0 6px;
}
ul.sub li a:hover,
ul.sub li .selected
{
	color:#000;
}


/*
 * Header
 *****************************/
#Header-small
{
	float:left;
	width:100%;
	height:92px;
	background:url(../images/webseite/lk_header_small2.jpg) top left no-repeat;
}
#Header-small #Flash
{
	float:right;
	padding-top:10px;
}



/*
 * Inhaltsbereich
 *****************************/
#Border
{
	clear:both;
	display:block;
	min-height:420px;
	background:url(../images/webseite/hintergrund.gif) top left repeat-y;
}
* html #Border
{
	height:420px;
}
#Content
{
	width:738px;
	padding:40px 0 40px 50px;
}
.Content-left
{
	float:left;
	width:420px;
	margin-right:10px;
}
.Content-right
{
	float:left;
	width:300px;
}
.Content-full
{
	clear:both;
	width:700px;
}


.product_screen1 {
	width:100%;
	float:left;
}
.product_screen1 img {
	float:left;
}
.product_screen1 p {
	float:left;
}
p.pbig{
	float:left;
	width:480px;
	font-size:12px;
	font-weight:normal;
	color:#000;
	padding:5px 5px 15px 0;
}
p.pbig2{
	font-size:12px;
	font-weight:normal;
	color:#000;
	padding:5px 5px 15px 0;
}
.product_screen2 {
	width:695px;
}
.product_screen2 h1 {
	float:left;
	display:block;
	width:440px;
}
/*
 * Abschluss
 *****************************/
#Conclusion
{
	float:left;
	width:100%;
	background:url(../images/webseite/abschluss.gif) 0px -9px no-repeat;
	margin-bottom:20px;
	padding-top:17px;
}
#Conclusion span.copy
{
	float:left;
	margin-top:6px;
	padding-left:5px;
	color:#666;
	line-height:14px;
	width:75px;
	font-size:10px;
}
#Conclusion a
{
	float:left;
	padding-right:4px;
	font-size:10px;
}
#Conclusion a:hover
{
	color:#000;
}
#Conclusion .tlink
{
	padding-top:3px;
	color:#666;
	font-size:10px;
}



/*
 * Sonstiges
 *****************************/
.lk
{
	padding:0 45px 10px 45px;
	margin:0;
	background:url(../images/webseite/lk.gif) top left no-repeat;
}
.newsbild
{
	float:left;
	padding:0 10px 10px 0;
}
.trenner
{
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:15px 0;
}
.t2
{
	overflow:hidden;
}


/*
 * Seiten
 *****************************/
#Impressum p
{
	padding:10px 0 0 0;
}
#Team p
{
	padding:10px 0 20px 0;
}
#Team p img
{
	float:left;
	padding:3px 10px 0 0;
}
#Install img
{
	
}
#Install p
{
	padding-bottom:15px;
}
#Install ol p
{
	height:90px;
	width:100%;
	text-align:center;
}
#Install ol a img
{
	float:left;
	padding:10px 0 0 0;
	margin-left:35px;
}
html>body #Install ol a img
{
	margin-left:70px;
}




/*
 * Kontakt
 *****************************/
#Formular 
{ 
	text-align:left;
	padding:20px 10px 0 150px;
}
#Formular p 
{ 
	text-align:left; 
	clear:both; 
	margin:10px 0 10px 0;
	color:#666;
}
#Formular p.input input,
#Formular textarea
{
	font-family:Arial, Verdana, Helvetica Sans-serif;
	font-size:12px;
	color:#000;
	width: 400px;
}
#Formular .button
{
	color:#fff;
	padding:5px;
	background:#A9A9A9;
}
#kontakt
{
	display:none;
}
input, 
textarea 
{ 
	border:1px solid #D6D6D6; 
	padding:3px; 
}
input:hover, 
textarea:hover
{ 
	border:1px solid #666; 
}
#Status
{
	border:1px solid red;
	padding:5px;
	width:385px;
	margin:20px 10px 0 150px;
}
#Formular p.check
{
	float:left;
	width:400px;
}
#Formular p.check input
{
	border:none;
}



/*
 * Testimonials
 *****************************/
#Testimonials .buttonleiste
{
	float:left;
	width:100%;
	padding-bottom:25px;
}
.buttonleiste img {
	float:left;
}
#testi
{
	width:309px;
	background:url(../images/webseite/testi-box-line.gif) top left repeat-y;
	margin-bottom:25px;
}
.boxtop
{
	width:309px;
	height:8px;
	background:url(../images/webseite/testi-box-top.gif) top left no-repeat;
	overflow:hidden;
}
.boxcenter
{
	width:250px;
	padding:11px 0 0 41px;
	background:url(../images/webseite/testi-para.gif) top left no-repeat;
}
.boxcenter h3
{
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0 0 5px 0;
}
.boxcenter p
{
	font-size:11px;
	font-weight:normal;
	color:#999;
	margin:0;
	padding:0;
	line-height:13px;
}
.boxbottom
{
	width:309px;
	height:9px;
	background:url(../images/webseite/testi-box-bottom.gif) top left no-repeat;
	overflow:hidden;
}
.balkendia
{
	position:absolute;
	top:124px;
	left:500px;
}


#SpecialOffer {
	position:absolute;
	left:525px;
	top:28px;
}
.anker {
	float:left;
	padding-bottom:10px;
}
.anker img{
	float:left;
}

#bookmark {
	float:right;
	padding-right:10px;
}
.axonic-logo {
	float:right;
	padding-top:3px;
}
#bookmark a{
	margin-top:5px;
}

/*
 * Sitemap
 *****************************/
#Sitemap h1 {
	padding-bottom:30px;
}
#Sitemap .sitemapWrap {
	width:100%;
	float:left;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ddd;
}
#Sitemap .sitemapCol {
	width:33%;
	float:left;
}
#Sitemap h2 a {
	color:#333;
}
#Sitemap h2 {
	color:#333;
	font-weight:normal;
}
#Sitemap ul {
	list-style: disc;
	margin:0;
}
#Sitemap ul li a {
	color:#666;
}
#Sitemap ul li a:hover {
	color:#333;
}

/*
 * Artikel
 *****************************/
#Artikel p {
	padding-bottom:15px;
}

#eyecatcher {
	float:left;
	width:100%;
	height:375px;
}
.textbox {
	float:left;
	width:255px;
	padding:0 25px 0 30px;
	background:#81a6e5;
	height:375px;
	color:#fff;
	margin-left:4px;
}
* html .textbox {
	margin-left:2px;
}
.textbox h1 {
	color:#fff;
	font-size:18px;
	padding-top:18px;
}
.textbox p {
	color:#fff;
	padding-bottom:15px;
	line-height:16px;
}
.textbox ul {
	list-style:none;
	padding:0;
	margin:0;
}
.textbox ul li {
	color:#fff;
	padding-left:15px;
	padding-bottom:5px;
	background:url(../images/webseite/arrow-start.jpg) no-repeat 0px 2px;
	line-height:15px;
}
.imagebox {
		float:left;
		width:472px;
		height:373px;
}
.dbox {
	float:left;
	width:250px;
	padding:30px 30px 48px 30px;
	background:url(../images/webseite/lookeen2010_outlook10-ready.jpg) no-repeat 160px 61px;
}
.refbox {
	float:left;
	width:350px;
}
.refbox img {
	float:right;
	padding-right:10px;
}
.moni {
	float:left;
	width:112px;
	padding-top:15px;
}
.shot {
	float:left;
	width:100%;
	padding-bottom:50px;
}
* html .shot {
	height:115px;
}
.shot img {
	float:left;
	padding-right:40px;
}
.shot p {
	float:right;
	width:70%;lo
}
.first {
 padding-top:25px;	
}
.last {
 height:auto;	
}