/*********************************************
	CSS: ws-slideshow.com
	Wed Jan 16 18:22:10 CET 2008
	by Jens Krause [www.websector.de]
*********************************************/



/* #misc
*******************************************/
body 	
{ 	
	margin: 0; 	
	padding: 0;	
	text-align: center;
	font-size: 100.01%;
	background: #FFF url('../images/bg.png') repeat-x bottom left;
}
*
{	
	font-family: Arial, Verdana, sans-serif;	
	font-weight: normal;
	color: #333; 
}
a,
a:link,
a:visited,
a:hover,
a:active
{
	text-decoration: underline;
	color: #333;	
}
a:hover
{
	color: #00CCFF !important;	
}

p, h1, h2, h3, h4, ul, li, hr, form, input, fieldset, legend
{	
	margin: 0;	
	padding: 0;
}

span.hide
{
	color: #FFF;
	font-size: 80%;
}

ul
{
	list-style-type: none;
}
img
{
	border: 0;
}
strong,
.strong
{
	font-weight: bold;
}

br.clear
{
	clear: both;	
}

.highlight
{
	color: #00CCFF;	
}


/* #fonts
*******************************************/
h1
{
	font-weight: bold;
	font-size: 110%;
}
h2
{
	font-weight: bold;
	font-size: 100%;
}
h3, h4
{
	font-weight: bold;
	font-size: 85%;
	line-height: 1.2em;
}
p
{
	font-size: 85%;
	padding-bottom: 0.8em;
	line-height: 125%;
}

.error
{
	color: #CC0000 !important;
}

/* #container
*******************************************/
div.container
{  
	width: 775px;  
	margin: 0 auto;  
	text-align: left;
}

/* #top
*******************************************/

div#top
{
	background-color: #000;	
}

div#top p#lang
{
	position: absolute;
	right: 20px;
	top: 10px;
	text-align: right;
	color: #FFF;
	padding-left: 20px;
	background: url('../images/flags/en.png') no-repeat top left;			
}
div#top p#lang a
{
	padding-left: 20px;
	background: url('../images/flags/de.png') no-repeat top left;			
}

div#top p#lang a,
div#top p#lang a:link,
div#top p#lang a:visited,
div#top p#lang a:active
{
	color: #FFF;
}


/* #header
*******************************************/
div#header
{
	position: relative;
	height: 200px;
	width: 800px;
}
div#header h1
{
	position: absolute;
	left: 0;
	top: 50px;
}

div#header h1 a
{
	display: block;
	width: 499px;
	height: 87px;
	background: transparent url('../images/logo.jpg') no-repeat top left;
}
div#header h1 span
{
	display: none;
}

div#header h2
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

div#header h2 a
{
	display: block;
	width: 162px;
	height: 92px;
	background: transparent url('../images/icon_easySetup.png') no-repeat top left;
}

div#header h2 span
{
	display: none;
}


ul#mainNav 
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

ul#mainNav li 
{
	display: inline;
}

ul#mainNav li a 
{
	float: left;
	height: 32px;
	text-indent:-10000px;
}

ul#mainNav li#nav1, 
ul#mainNav li#nav1 a 
{
	width: 77px;
	background: url(../images/nav/home.png) no-repeat scroll left top;
}


ul#mainNav li#nav2,
ul#mainNav li#nav2 a
{
	width: 92px;
	background:url(../images/nav/pimpit.png) no-repeat scroll left top;
}

ul#mainNav li#nav3, 
ul#mainNav li#nav3 a
{
	width: 118px;
	background:url(../images/nav/configurator.png) no-repeat scroll left top;	
}

ul#mainNav li#nav4, 
ul#mainNav li#nav4 a
{
	width: 109px;
	background: url(../images/nav/downloads.png) no-repeat scroll left top;		
}
ul#mainNav li#nav5,
ul#mainNav li#nav5 a
{
	width: 63px;
	background:url(../images/nav/faq.png) no-repeat scroll left top;
}

ul#mainNav li#nav6, 
ul#mainNav li#nav6 a 
{
	width: 79px;
	background:url(../images/nav/forum.png) no-repeat scroll left top;	
}

ul#mainNav li#nav7, 
ul#mainNav li#nav7 a 
{
	width: 79px;
	background:url(../images/nav/about.png) no-repeat scroll left top;	
}

ul#mainNav li a:hover, 
ul#mainNav li a.act, 
ul#mainNav li a.act:hover 
{
	background-position: left bottom !important;
}


/* #content
*******************************************/
div#content
{
	background-color: #FFF;
	padding-top: 60px;
	padding-bottom: 60px;
}


/* #example
*******************************************/

div#example
{
	background-color: #FFF;
	width: 775px;
	height: 400px;
}

div#example #flashcontent
{
	background-color: #FFF;
	width: 775px;
	height: 400px;
}

div#example p
{
	color: #FFF;
	padding: 20px 20px;
}

div#example a
{
	color: #FFF;
}

div#features
{
	background-color: #F4F4F4;
	margin-top: 30px;
	width: 775px;
	padding: 30px 0px;
}

div#features ul
{
	padding: 0px 30px;
}

div#features ul li
{
	padding: 5px 40px;
	background: url('../images/icon_feature.png') no-repeat top left;
}

span.new
{
	font-weight: bold;
	color: #FF0099;
}

div#features ul li a
{
	color: #00CCFF;
}

div#features p
{
	margin-top: 10px;
	padding: 0px 30px;
}

div#features p#info
{
	color: #999;
	padding: 0px 30px;
	font-size: 70%;
}

div#features p#info a
{
	color: #999;
}

div#features a#dlLink
{
	color: #00CCFF;
	display: block;
	padding-top: 10px;
	font-size: 150%;
	font-weight: bold;
}



div#teaser
{
/*
	background-color: #F4F4F4; 
*/
	background-color: #000; 		
	width: 775px;
	padding: 10px 0;
	color: #FFF;
	margin-bottom: 30px;
}

div#teaser p
{
	color: #FFF;
	font-size: 100%;
	line-height: 1.5em;	
	padding: 0px 10px;
}

div#teaser p span
{
/*
	background-color: #F4F4F4;
	00CCFF
	 
*/
	background-color: #FFF; 		
	color: #000;
	padding: 1px 2px
}
div#teaser p a
{
	color: #00CCFF !important;
	font-weight: bold;
}


/* #downloads
*******************************************/

div.downloads h1
{
	font-size: 120%;	
	padding: 10px 20px 10px 20px;
	background-color: #F4F4F4;
}

div.downloads li
{
	padding: 25px 0px 0 90px;	
}

div.downloads li#commercial
{	
	background: url('../images/icon_comLicense.jpg') no-repeat top left;
}

div.downloads li#private
{
	background: url('../images/icon_privateLicense.jpg') no-repeat top left;
}

div.downloads li#commercialUnlimited
{
	padding: 25px 0px 0 90px;	
	background: url('../images/icon_unlimitedLicense.jpg') no-repeat top left;
}


div.downloads li#configuratorKey
{
	padding: 25px 0px 0 90px;	
	background: url('../images/icon_generatorKey.png') no-repeat top left;
}




div.downloads ul li ul
{
	padding: 5px 0px;
}



div.downloads ul li h2
{
	font-size: 120%;
}

div.downloads ul li ul li
{
	padding: 0;
	color: #666;
	font-size: 80%;
}


div.downloads ul li ul li a
{
	color: #666;
	font-size: 100%;
}

div.downloads p.dl
{
	margin-bottom: 30px;
	margin-top: 10px;
	font-size: 100%;
}

div.downloads p.dl a
{
	color: #00CCFF;
	font-size: 120%;
	font-weight: bold;
}

div.downloads p.dl span
{
	/* 
	color: #666;
	 */
	color: #FFF;
	font-size: 80%;
}


div#payment
{
	margin-top: 50px;
	padding: 25px 30px 15px 30px;
	background-color: #F4F4F4;
}

div#payment h2
{
	padding: 0 0 10px 20px;
	background: url('../images/icon_ssl.png') no-repeat top left;
}

/* #faq
*******************************************/

div.faq ul
{
	padding: 0 20px;
}

div.faq ul h2
{
	font-size: 120%;
	padding: 3px 40px;
	color: #00CCFF;	
	background: url('../images/icon_question.png') no-repeat top left;
}

div.faq ul li.chapter
{
	padding-top: 30px;
}

div.faq ul ul
{
	padding: 5px 40px;
}

div.faq ul ul p,
div.faq ul ul p strong,
div.faq ul ul a,
div.faq ul ul h3
{
	color: #666;
}

div.faq ul ul a.highlight
{
	color: #00CCFF;
}



div.faq ul ul h3
{
	cursor: pointer;
	font-size: 90%;
	padding: 5px 0;
	text-decoration: underline;
	font-weight: normal;
	color: #333;
}

div.answer
{
	padding-bottom: 15px;
}

div.answer p
{
	padding-left: 0px;
}


.questionOver
{
	color: #00CCFF !important;	
}

.hidden
{
	display: none;
}

.show
{
	display: block;
}

/* #pimpit
*******************************************/

div.pimpit
{
	padding-left: 20px;
	padding-right: 20px;
}

div.pimpit h1
{
	font-size: 120%;
	color: #00CCFF;	
	padding: 0 20px 30px 20px;
}

div.pimpit h2
{
	font-size: 120%;
	color: #00CCFF;	
	padding: 0 20px;
}


div.pimpit ol,
div.pimpit ul#langExamples
{
	padding-left: 40px;
	padding-right: 40px;
	line-height: 120%;
}


div.pimpit ul#langExamples
{
	padding: 20px 20px 0 20px;
}

div.pimpit ul#langExamples li
{
	padding-left: 30px;
}

div.pimpit li#zh
{
	background: url('../images/flags/zh.png') no-repeat top left;		
}
div.pimpit li#fr
{
	background: url('../images/flags/fr.png') no-repeat top left;		
}
div.pimpit li#de
{
	background: url('../images/flags/de.png') no-repeat top left;		
}
div.pimpit li#en
{
	background: url('../images/flags/en.png') no-repeat top left;		
}
div.pimpit li#it
{
	background: url('../images/flags/it.png') no-repeat top left;		
}
div.pimpit li#ja
{
	background: url('../images/flags/ja.png') no-repeat top left;		
}
div.pimpit li#ru
{
	background: url('../images/flags/ru.png') no-repeat top left;		
}
div.pimpit li#si
{
	background: url('../images/flags/si.png') no-repeat top left;		
}
div.pimpit li#es
{
	background: url('../images/flags/es.png') no-repeat top left;		
}
div.pimpit li#tr
{
	background: url('../images/flags/tr.png') no-repeat top left;		
}
div.pimpit li#se
{
	background: url('../images/flags/se.png') no-repeat top left;		
}
div.pimpit li#pl
{
	background: url('../images/flags/pl.png') no-repeat top left;		
}
div.pimpit li#pt
{
	background: url('../images/flags/pt.png') no-repeat top left;		
}

div.pimpit ol li,
div.pimpit ul#langExamples li
{
	padding-bottom: 10px;
	line-height: 120%;
	font-size: 85%;
}

div.pimpit div#examples
{
	height: 270px;
	float: left;
}

div.pimpit p
{
	padding: 20px 20px;
}

div.pimpit p#description
{
	padding: 0px 20px 20px 20px;
}


div.pimpit p a
{
	color: #00CCFF;	
}

div.pimpit a#back
{
	display: block;
	font-size: 120%;
	color: #00CCFF;
	padding: 20px 20px 0 20px;
	font-weight: bold;
}

div.pimpit div#example
{
	margin-left: 20px;
}

div.pimpit div#example1
{
	margin-left: 20px;
}

div.pimpit div#example1 div#flashcontent1
{
	width: 348px;
	height: 263px;
}

div.pimpit div#example2
{
	margin-left: 20px;
}


div.pimpit div#example2 div#flashcontent2
{
	width: 348px;
	height: 263px;
}

div.pimpit div#examples div
{
	float: left;
	margin-left: 20px;
}


/* #configurator
*******************************************/

div.configurator
{
	padding-left: 20px;
	padding-right: 20px;
}

div#screenshots 
{
	width: 735px;
 	height: 500px;
	
}
div#screenshots div#flashcontent 
{
	width: 735px;
 	height: 500px;
	
}

div.configurator h1
{
	font-size: 120%;
	color: #00CCFF;	
	padding: 0px 20px 10px 20px;
}

div.configurator h2
{
	font-size: 120%;
	color: #00CCFF;	
	padding: 0px 20px;
}

div.configurator h3
{
	font-size: 100%;
	color: #00CCFF;	
	padding: 0px 20px;
}


div.configurator p
{
	padding: 20px;
}

div.configurator div#features
{
	background-color:#F4F4F4;
	margin-top:30px;
	padding:30px 0;
	width:775px;
}

div.configurator p a,
div.configurator ul#features li a
{
	color: #00CCFF;	
}

div.configurator ul#features
{
 padding:20px 20px;
}


div.configurator ul#features li
{
 	line-height:150%;	
	background:transparent url(../images/icon_feature.png) no-repeat scroll left top;
	padding: 5px 0px 5px 40px;
}




div.configurator p#info
{
	color: #999;
	padding: 0px 30px;
	font-size: 70%;
}

div.configurator div#airBadge
{
	color: #FFF;
	width: 100%;
	height: 220px;
	margin-left: 20px;
}

div.configurator p a.download,
div.configurator p a.try
{
	color:#00CCFF;
	font-size:130%;
	font-weight:bold;
}

/*
div.configurator p a.download,
div.configurator p a.download:hover,
div.configurator p a.download:link,
div.configurator p a.download:visited,
div.configurator p a.download:active
{
	color:#FF0099 !important;
	font-size:130%;
	font-weight:bold;
}
*/




/* #about
*******************************************/


div.about p
{
	padding-left: 20px;
	padding-right: 20px;
}



/* #forum
*******************************************/

div.forum p
{
	padding-left: 20px;
	padding-right: 20px;
}

div.forum a#fLink
{
	color: #00CCFF;
	display: block;
	padding-top: 30px;
	font-size: 150%;
	font-weight: bold;
}



/* #imprint
*******************************************/

div.imprint p
{
	padding-left: 20px;
	padding-right: 20px;
}

div.imprint address
{
	font-style: normal;
}


/* #footer
*******************************************/

div#footer
{
	clear: both;
	background: #000 url('../images/bg_footer.png') repeat-x top left;
}

div#footer p
{
	color: #FFF;
	padding-top: 7px;
	padding-left: 20px;
}

div#footer a,
div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active
{
	color: #FFF !important;
}

div#footer div#widget
{
	padding: 20px;
}

/* #404
*******************************************/

div.error p
{
	padding-left: 20px;
	padding-right: 20px;
}

div.error p a
{
	color: #00CCFF;
	display: block;
	padding-top: 30px;
	font-size: 150%;
	font-weight: bold;
}