/* ------------------------------------- */
/* styles by sloe kommunikationsdesign   */
/*         http://www.sloe.de            */
/*        author: sandra loewe           */
/*          date: 2009-02-05             */
/* ------------------------------------- */


/* basics */
html {
		overflow: scroll;
}

* {
		padding:0px;
		margin:0px;
}

:focus {
		outline: 0px
}

body {
		background-color:#080828;
		background-image:url(../img/KaleidosGlobe-HG_1.jpg);
		background-repeat:repeat-x;
		text-align: center;
}

body, div {
		font-family:Arial, Helvetica, sans-serif;
		color:#1E1E3D;
		font-size:13px;
		line-height:169%;
}

a img {
		border:0px none;
}

a {
		color: #1E1E3D;
		text-decoration: underline;
}

a:hover {
		text-decoration: underline;
		color: #2A2A5F;
}

h1 {
		font-weight:bold;
		font-size:19px;
		color:#773D08;
		line-height:128%;
}

h2 {
		font-weight:normal;
		font-size:12px;
		color:#ffffff;
		height:20px;
		line-height:20px;
		width:181px;
		background-color:#AB4B0D;
		padding-left:20px;
		border-right:1px solid #3B1200;
}

h3 {
		font-weight:bold;
		font-size:13px;
		color:#773D08;
}

ul {
		margin:	0 0 0 14px;
		padding:0;
}

li {
		list-style-type:disc;
		margin-bottom:10px;
}

td {
		vertical-align:top;
		padding-top:20px;
}

/*------------ container --------------*/

#container {
		position:relative;
		width: 946px;
		background-image:url(../img/bg_content.gif);
		background-color: #FFFFFF;
		margin: 0 auto;
		text-align: left;
		padding-bottom:18px;
}

/*------------ header --------------*/

#header {
		background-color:#3B1200;
		height:203px;
}

/*------------ navi --------------*/

#navi {
		background-color:#3B1200;
		height:40px;
		margin:0 8px 0 9px;
		border-bottom:#3B1200 1px solid;
		background-image:url(../img/bg_navi_grau.jpg)
}

/*------------ topbild --------------*/
#topbild {
		background-color:#292847;
		padding:0 8px 0 9px;
}

/*------------ sidebar --------------*/

#sidebar1 {
		float: left;
		width: 201px;
		padding: 34px 0px 0px 9px;
}

#sidebar1 p {
		padding-left:20px;
}

.formfeld {
		border:#AB4B0D 1px solid;
		width:160px;
		height:18px;
		background-color:#FFFFFF;
		margin-bottom:15px;
}

form {
		margin-top:20px;
}

a.subnavi, a.subnavi_in {
		display:block;
		background-color:#f4f4f4;
		border-bottom:#3B1200 1px solid;
		padding-left:18px;
		height:40px;
		line-height:40px;
		width:183px;
		text-decoration:none;
}

a:hover.subnavi, a.subnavi_in {
		background-color:#ffffff;
		font-weight:bold;
}

.border-top1 {
		border-top:#3B1200 1px solid;
}

.border-top7 {
		border-top:#AB4B0D 7px solid;
}
.nolook { display:none; }

/*------------ content --------------*/

#mainContent {
		margin: 0 0 0 250px;
		padding: 34px 144px 0 0;
		min-height: 350px;
		height:  auto !important;
		height: 350px;
}
#mainContent_start {
		margin: 0 0 0 250px;
		padding: 34px 44px 0 0;
		min-height: 350px;
		height:  auto !important;
		height: 350px;
}
#mainContent_refer {
		position:relative;
		margin: 0 0 0 250px;
		padding: 34px 240px 0 0;
}

#mainContent_team {
		position:relative;
		margin: 0 0 0 250px;
		padding: 34px 20px 0 0;
}

#footer {
		height:129px;
		position:relative;
		width: 946px;
		background-image:url(../img/bg_footer.gif);
		background-repeat:no-repeat;
		background-position:9px 0px;
		background-color:#292847;
		margin: 0 auto;
}

#lang {
		background-image:url(../img/pfeil_lang.gif);
		padding-left:24px;
		height:17px;
		line-height:17px;
		background-repeat:no-repeat;
		background-position:top left;
		padding-bottom:2px;
		margin-right:42px;
		width:42px;
		position:relative;
		top:0px;
}

.teameinzel {
		padding-left:191px;
		width:480px;
		/*padding-right:20px;*/
		position:relative;
		margin-top:17px;
		height:170px;
}

#teambild {
		position:absolute;
		top:0px;
		left:0px;
}

#team_ges {
		background-color:#e3e3e3;
		height:204px;
		overflow:hidden;
		width:667px;
}

#team_ges img {
		margin-right:12px;
		margin-bottom:12px;
}

#spalte_re {
		position:absolute;
		left:501px;
		top:34px;
		width:185px;
}

.abstand_re17 {
		margin-right:17px;
}

/*------------ classes --------------*/
.fltrt {
		float: right;
		margin-left: 8px;
}

.fltlft {
		float: left;
		margin-right: 8px;
}

.clearfloat {
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
}
/****************************************************/
/********************* slideshow ********************/
/****************************************************/
#slideshow {
    position:relative;
    height:306px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}