/* Basics */

* {
	margin: 0;
	padding: 0;
}

body, td, th  { /*, input */
	font: Arial, Helvetica, sans-serif;
	/*height:100%;*/
	color: #000000;
	font-size:14px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #fff;
	height: 100%;
	}
#main {
	width: 100%;
	/*height: 100%;*/
	min-height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
}

/* ----------------------------------------------- Head -----------------------------------------------------------------------------------------*/


#headcase {
	border-top: 7px solid #000;
	position: relative;
	margin: 0 auto;
}
#head {
	width: 745px;
	height: 52px;
	position: relative;
	margin: 0 auto;
}
#islogo{
	float: left;
}
#braintransferlogo{
	float: right;
}


/* ----------------------------------------------- Showbereich Startseite -----------------------------------------------------------------------*/

#startshowcase {
	width: 100%;
	margin: 0 auto;
	background: url(../images/kachelshow.gif) top left repeat-x;
    height:202px;

}
#startshow{
	width: 745px;;
	margin: 0 auto;
    height:202px;
	background:  url(../images/startshow.jpg) top right no-repeat;
	text-align: left;
}
#startshow h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #fff;
	padding: 45px 0 0px 0;
}





/* ----------------------------------------------- Showbereich Unterseiten ----------------------------------------------------------------------*/
#showcasecontent {
	width: 100%;
	margin: 0 auto;
	background:   url(../images/kare_content.gif) top left repeat-x;
    height:110px;
}
#showcontent{
	width: 745px;;
	margin: 0 auto;
    height:110px;
	text-align: left;
}
#tryitnow{
	width: 200px;;
	margin: 0 auto;
	float:right;
	height:auto;
	margin-top:35px;
	text-align:right;
	

}
#showcontent h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	color: #fff;
	padding: 25px 0 0px 0;
}
#showcontent h2{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:lighter;
color: #fff;
}


/* ----------------------------------------------- Hauptnavigation  --------------------------------------------------------------------------------*/
#mainnavicase {
	background: #333333;
	width:100%;
	border-bottom: 6px solid #DDDDDD;
	
}
#mainnavi {
	width: 745px;
	margin: 0 auto;
	
	height: 28px;
}
ul.mainnavi {
	float: left;
}
ul.mainnavi li {
	display: inline;
	list-style-type: none;
}
ul.mainnavi li a,
ul.mainnavi li a:link,
ul.mainnavi li a:visited {
	font-size: 14px; 
	font-family:Arial, Helvetica, sans-serif; 
	color : #cccccc; 
	font-weight: normal; 
	text-decoration :none;
	margin: 0px 10px 8px 0px;
	padding: 5px 15px 5px 0px;
	float: left;
}
ul.mainnavi li a:hover, 
ul.mainnavi li.active a,
ul.mainnavi li.active a:link, 
ul.mainnavi li.active a:active, 
ul.mainnavi li.active a:visited {
	color: #ffffff;
}



/* ----------------------------------------------- Content -- generell -- gilt im Allgemeinen ----------------------------------------------------*/
#contentcontainer {
	width: 745px;
	background-color:#FFFFFF;
	margin: 0 auto;
	text-align: left;
	padding: 27px 0 50px 0;
}
#sidbarright  {	
	width: 180px;
	float: right;
	padding-left:30px;
}

#sidbarright  h1  {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	border-top: 6px #000 solid;
	border-bottom: 1px #000 solid;
	padding-bottom:3px;
	margin-bottom:10px;
	padding-top:3px;
}

#sidbar  h1  {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	border-bottom: 1px #000 solid;
	padding-bottom:5px;
	margin-bottom:10px;
	padding-top:3px;
}

#sidbarleft  {	
	width: 180px;
	float: left;
	padding-right:30px;
}
#sidbarright  {	
	width: 180px;
	float: right;
	padding-left:30px;
}


#sidbarleft h1  {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	border-top: 6px #000 solid;
	border-bottom: 1px #000 solid;
	padding-bottom:3px;
	margin-bottom:10px;
	padding-top:3px;
}
#sidbarright h1  {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #999999;
	padding-bottom:3px;
	margin-bottom:10px;
	padding-top:3px;
}


#subnavi {
	width: auto;
	float: left;
	padding-left: 15px;
}

#subnavi h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	border-bottom: 1px #000 solid;
	border-top: 3px #000 solid;
	padding-bottom:3px;
	margin-bottom:10px;
	padding-top:3px;
}

a.subnav:visited {font-size: 14px;  line-height:23px; font-family:Arial, Helvetica, sans-serif; color : #000;  font-weight : normal; text-decoration : none;}
a.subnav:link {font-size: 14px; line-height:23px; font-family:Arial, Helvetica, sans-serif; color : #000; font-weight : normal; text-decoration : none;}
a.subnav:hover {font-size: 14px; line-height:23px; font-family:Arial, Helvetica, sans-serif;color : #ffffff; background-color : #D8082A; font-weight : normal; text-decoration : none;}
a.subnav:active {font-size: 14px; line-height:23px; font-family:Arial, Helvetica, sans-serif; color : #ffffff; background-color : #D8082A; font-weight : normal; text-decoration : none;}

/* ----------------------------------------------- Content -- spezielle Anpassungen -- Startseite ----------------------------------------------------*/
#content {
	width: 530px;
	float: right;
}
#contentleft {
	width: 530px;
	float: left;
}
#contentright {
	width: 530px;
	float: right;
}
#contentleft  h1 {
font-family:Arial, Helvetica, sans-serif; 
font-size:18px; 
line-height:inherit; 
color: #336699;
border-bottom: 1px #E7E7E7 solid;
padding-bottom:5px;
margin-bottom:10px;
height:auto;}

#content  h1 {
font-family:Arial, Helvetica, sans-serif; 
font-size:18px; 
line-height:inherit; 
color: #336699;
border-bottom: 1px #E7E7E7 solid;
padding-bottom:5px;
margin-bottom:10px;
height:auto;
}
#content h2{ 
font-family:Arial, Helvetica, sans-serif; 
font-size:16px; 
line-height:inherit; 
margin-bottom:5px; 
color:#000000; }


#contentcollom{
	width: 245px;
	height:auto;
	float: left;
	padding-right:20px;
	margin-bottom:20px;
}





/* ----------------------------------------------- Content -- spezielle Anpassungen -- Features ----------------------------------------------------*/

.featurepoints{
clear:both;
margin-top:30px;
margin-bottom:15px;
width:100%; 
height:25px;
background-color: #D6EDF6;
border-bottom: 1px #E7E7E7 solid;

font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:3px 0 0 5px;
}
#contentcollumnfeature{

	width: 265px;
	float: left;
}
#contentcollumnfeaturetext{
	width: 245px;
	float: left;
	padding-left: 5px;
	padding-right:15px;
}
.stripline{
height:1px;
width:auto;
margin-top:20px;
margin-bottom:15px;
border-top: 1px #E7E7E7 solid;
}


/* ----------------------------------------------- Content -- spezielle Anpassungen -- Advantages ----------------------------------------------------*/

/*---listen */
#listbox{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 width:530px;
 height:auto;
 float:left;
 margin-top:0px;
 margin-bottom:20px;
 background-color:#fff;
}

#listbutton{
margin: 10px 10px 8px 2px;
float:left;
}

#listtext{
margin: 10px 10px 8px 0px;
float:right;
width:480px;
}

/* ----------------------------------------------- Content -- spezielle Anpassungen --   Versions and Pricing   ---------------------------------------------*/





/* ----------------------------------------------- Content -- spezielle Anpassungen --   FAQ  --------------------------------------------------------------*/

/* ----------------------------------------------- Content -- spezielle Anpassungen --    Best practice   ----------------------------------------------------*/


/* ----------------------------------------------- Content -- spezielle Anpassungen --    Contact  ----------------------------------------------------*/
.tablespace1{
text-align:left; 
background-color:#ECECEC;
width:50px;
}
.tablespace2{
text-align:left; 
background-color:#ECECEC;
width:120px;
}
.tablespace3{
text-align:left; 
background-color:#ECECEC;

}
.address{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000;
padding-bottom:5px;
text-align:left; 

}
.inputc{
margin-bottom:10px;
margin-top:5px;
padding:2px;
font-family:Arial, Helvetica, sans-serif; 
text-align:left; 
background-color:#fff; 
font-size:12px; 

color:#000; 
border: #336699 solid 1px; 
}

/* ----------------------------------------------- Content -- spezielle Anpassungen --   Try it now ----------------------------------------------------*/
.input{
padding: 5px; 
font-family:Arial, Helvetica, sans-serif; 
text-align:left; 
background-color:#D6EDF6; 
font-size:16px; 
font-weight:bold; 
color:#000; 
border:#000000 solid 1px; 

}

/* ----------------------------------------------- Content -- spezielle Anpassungen --   Footer    ----------------------------------------------------*/
#footercase{
clear: both;
background-color: #ECECEC;
color:#000000;
margin-top:-40px;
height:40px;
}	

#footer {
	width: 750px;
	height:40px;
	margin: 0 auto;
	text-align: left;
}
#footercasecontent{
background-color: #ECECEC;
color:#000000;
width: 100%;
height:40px;
clear: both;
position: absolute;
bottom: 0px;
left: 0px;
}

.footertext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:10px 000;
	line-height:18px;
}
a.footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px 000;
	color:#666666;
	line-height:18px;
	text-decoration:underline;
}
a.footertext:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px 000;
	color:#666666;
	line-height:18px;
	text-decoration:none;
}


/* ----------------------------------------------- Text formating    ----------------------------------------------------*/
a.nav:visited {font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight : bold; text-decoration:underline; }
a.nav:link {font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight : bold; text-decoration:underline; }
a.nav:hover {font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight : bold; text-decoration:none; }
a.nav:active {font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight : bold; text-decoration:underline; }

a.nav1:visited {font-size: 12px;line-height: 16px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight : bold; text-decoration: underline dotted; }
a.nav1:link {font-size: 12px; line-height: 16px;font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight : bold; text-decoration:underline dotted;}
a.nav1:hover {font-size: 12px; line-height: 16px;font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight : bold; text-decoration:none; }
a.nav1:active {font-size: 12px; line-height: 16px;  font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight : bold; text-decoration:underline dotted; }

.remark{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	padding:5px 0 0 0;
	
	}



.error{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #FF0000;
}
p.normaltext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
}
.normaltext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
}
p.normaltextb{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
#jump {
	margin: 5px 5px 5px 5px;
	float:right;
}
ul.bullet {
	list-style:square;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	list-style-position:inside;
	padding-left: 10px;

}