/*
 * www.chilibase.net
 * Begin: 02.02.2007
 * Update: 05.03.2007
 */

 
 
/*
 * Allgemeine Angaben
 *****************************/
html, body 
{
	font:100.01%  Arial, monospace;
	text-align:center;
}
body
{
	padding-top:30px;
	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, monospace;
	font-weight:normal;
}
h1
{
	font-family: Georgia;
	font-size:28px;
	color:#333;
	padding-bottom:12px;
	margin:0;
}
h1.hot
{
	font-family: Georgia;
	font-weight:normal;
	font-size:25px;
	font-weight:normal;
	color:#000;
	padding-bottom:10px;
	margin:0;
}
h2
{
	font-family: Georgia;
	font-size:20px;

	color:#333;
	padding-bottom:10px;
}
h3
{
	font-family: Georgia;
	font-size:13px;
}
p, ul, ol, td, th
{
	font-size:12px;
	color:#666;
	line-height:18px;
}
td, th
{
	color:#000;
}
a
{
	color:#0000FF;
}
a:hover
{
	color:#F12009;
}



/*
 * Struktur der Seite
 *****************************/
#Site 
{
	position:relative;
    width:788px;
    text-align:left;
    padding:0px;
	margin:0 auto;
}


/*
 * Hauptnavigation
 *****************************/
#MainNavigation
{
	width:100%;
	height:28px;
}
#MainNavigation ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#MainNavigation li
{
	float:left;
	height:28px;
	margin-right:8px;
	display:block;
}
#MainNavigation li a
{
	float:left;
}
.logo-small
{
	float:right;
}



/*
 * Unternavigation
 *****************************/
#SubNavigation
{
	width:100%;
	height:23px;
	background:url(../images/webseite/hg_subnav.gif) top left no-repeat;
}
#SubNavigation ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#SubNavigation li
{
	float:left;
	height:23px;
	line-height:22px;
	margin-left:47px;
}
*html #SubNavigation li
{
	margin-left:24px;
}
#SubNavigation a
{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#SubNavigation a:hover,
#SubNavigation .selected
{
	text-decoration:underline;
}



/*
 * Header
 *****************************/
#Header-big
{
	width:100%;
	height:153px;
	background:url(../images/webseite/cbase_header_big.jpg) top left no-repeat;
}
#Header-small
{
	width:100%;
	height:70px;
	background:url(../images/webseite/cbase_header_small.jpg) top left no-repeat;
}
#Header-big #Flash
{
	float:right;
	padding-top:30px;
}
#Header-small #Flash
{
	float:right;
}



/*
 * Inhaltsbereich
 *****************************/
#Border
{
	display:block;
	min-height:420px;
	background:url(../images/webseite/hintergrund.gif) top left repeat-y;
}
*html #Border
{
	height:420px;
}

#Content
{
	width:100%;
	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;
}



/*
 * Abschluss
 *****************************/
#Conclusion
{
	float:left;
	width:100%;
	background:url(../images/webseite/abschluss.gif) top left no-repeat;
	margin-bottom:20px;
}
#Conclusion span.copy
{
	float:left;
	margin-top:30px;
	padding-left:5px;
	color:#666;
	font-size:10px;
	letter-spacing:-1px;
	line-height:10px;
	width:390px;
}
#Conclusion a
{
	float:right;
	margin-top:25px;
	padding-right:5px;
	font-size:10px;
}
#Conclusion a:hover
{
	color:#000;
}
#Conclusion .tlink
{
	padding-top:3px;
	color:#666;
	font-size:10px;
}



/*
 * Startseite
 *****************************/
#Startseite p.liste,
#Startseite p.listeletzte
{
	color:#000;
	font-size:14px;
	background:url(../images/webseite/chili_start.gif) top left no-repeat;
	padding:0 0 0 50px;
	margin:15px 0;
}
#Startseite p.listeletzte
{
	padding:0 0 20px 50px;
	margin:15px 0;
}
#Startseite a
{
	color:#000;
	font-size:12px;
}
.Content-full img
{
	float:left;
	margin-top:5px;
	margin-right:10px;
}



/*
 * Sonstiges
 *****************************/
.chili
{
	padding:0 45px 10px 45px;
	margin:0;
	background:url(../images/webseite/chili.gif) top left no-repeat;
}
.newsbild
{
	float:left;
	padding:0 10px 10px 0;
}
.trenner
{
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:10px 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:90px;
}
html>body #Install ol a img
{
	margin-left:180px;
}




/*
 * 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;
}
#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;
}




#Banner {
	z-index:5;
	position:absolute;
	left:30px;
	top:50px;
	width:729px;
	height:555px;
	background:#fff;
	color:#fff;
	visibility:hidden;
}
#Banner .adt1 {
	position:absolute;
	z-index:10;
	left:120px;
	top:115px;
}
#Banner .adt1 h1{
	font-family:arial;
	font-weight:bold;
	font-size:28px;
	background:transparent;
	color:#62dfff;
}
#Banner .adt2 {
	position:absolute;
	z-index:10;
	left:220px;
	top:285px;
}
#Banner .adt2 h2{
	font-family:arial;
	font-weight:bold;
	font-size:20px;
	background:transparent;
	color:#fff;
	margin:0;
	padding:0;
}
#Banner .adt2 p{
	font-family:arial;
	font-weight:bold;
	font-size:15px;
	background:transparent;
	color:#fff;
}