/*

#008089 HKS 59 gruen
#535a5f HKS 93 grau

*/


html{
	overflow: scroll;
}

html *{
	font-size:100.01%
}


body{
	font-family:Arial, Helvetica, sans-serif;	
	
	background-color:#eeeef5;
	/*background-color:#EBEAE9;*/
	text-align:center;
	display:block;
	font-size:70%;
	color:#000;
	line-height:1.4em;
	margin:0;
	margin-top: 5px;
	padding:0;	
	
}

a:link,
a:visited{
	color: black;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

#container{
	text-align:left;
	width:957px;
	
	margin:0 auto;
}



#innerMenu{
	margin-top: 5px;
	width: 957px;
	height: 37px;	
	
	background-image: url('../media/new_menubg.png');
	
	z-index: 2;
}

#login {
	float:left;
	display: inline;
	position: relative;	
	margin-top: 8px;
	margin-right: 30px;
	z-index: 2;
	
}

#loginBox {
	display: none;
	z-index:1000; /* Muss immer über alles stehen */
	
	position: absolute;
	
	background-image: url('../media/submenu_bg.png');
	top: 13px;
	left: -5px;
	width: 170px;
	
	border-left: 5px solid #008089;
	border: 2px solid #008089;
	padding: 5px;
	margin-left:0px;
	margin-top: 15px;

}

.closeLoginBox {
	float: right; 
	height: 10px; 
	line-height: 10px; 
	position: relative; 
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
}

#innerMenu ul#topMenu a:link,
#innerMenu ul#topMenu a:hover,
#innerMenu ul#topMenu a:visited,
#login a:link,
#login a:hover,
#login a:visited {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	border-left: 2px solid #008089;
	padding-left: 2px;
}


#innerMenu ul#topMenu a.auszeichner{
	color:#9ECFD2;
	border-left: 2px solid #9ECFD2;
}

#innerMenu ul#topMenu{
	height: 32px;
	line-height: 32px;
	border: 0px solid yellow;	

	display: inline;
	padding-left: 11px;
	margin-left: 0px;
	
	z-index: 2;
	
}

#innerMenu ul#topMenu li{

	display: inline;
	margin-right: 30px;
	position: relative;	
	
	z-index: 2;
}

#innerMenu ul#topMenu span{
	color: white;
	text-decoration: none;
	font-weight: bold;	
	
}


#innerMenu ul#topMenu ul.subMenu{
	z-index:1000; /* Muss immer über alles stehen */
	display: none;
	position: absolute;
	
	background-image: url('../media/submenu_bg.png');
	padding-top: 20px;
	top: 13px;
	left: -5px;
	width: 100px;
	border-left: 5px solid #008089;
	
	padding-left: 40px;
	margin-left:0px;
}

#innerMenu ul#topMenu ul.subMenu li{
	display: block;
	margin-left: -35px;
	
}

#innerMenu ul#topMenu ul.subMenu li a:link,
#innerMenu ul#topMenu ul.subMenu li a:visited,
#innerMenu ul#topMenu ul.subMenu li a:hover{
	color: white;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;	
	border: 0px;
	
}


/* --------------- ZWEI SPALTEN TOP TEASER ANFANG */

#innerTop{	
	width: 957px;
	height: 395px;	
	margin-top: 0px;	
	background-image: url('../media/new_top.png');
	background-repeat: no-repeat;
	
}

#innerTop_col_1{
	width: 390px;
	height: 387px;	
	margin-top: 0px;
	margin-left: 0px;
	
	position:relative;
	overflow: hidden;
	
	float: left;
	
	z-index: 1;
}

#innerTop_col_2{
	width: 550px;
	height: 387px;
	margin-left: 10px;
	margin-top: 0px;
	float: left;
	
	overflow: hidden;
	position:relative;
	
	z-index: 1;
}

/* --------------- ZWEI SPALTEN TOP TEASER ENDE */


#innerTopFunctions{	
	clear: left;
	padding-left: 6px;
	padding-top: 7px; 
	width: 957px;
	height: 49px;	
	
	background-image: url('../media/linemiddle_shadow.png');
	background-repeat: no-repeat;
}

#innerTopFunctions form{	
	float: left;	
	margin-left: 5px;
	width: 275px;
	padding-right: 10px;
	font-weight: bold;	
}

#innerTopFunctions form.newsletterform{
	margin-left: 24px;
}

#innerTopFunctions form input{
	background-image: url('../media/input_shadow.png');
	background-repeat: no-repeat;
	border: 1px solid #EEE;
	font-size: 0.9em;	
	padding-left: 2px;	
	
}

#innerTopFunctions ul#socialbookmarks{
	margin: 5px 25px 10px 0px;
	list-style-type: none;
	float: right;
}

#innerTopFunctions ul#socialbookmarks li{
	list-style-type: none;
	margin: 2px;
	float: right;
}

#innerTopFunctions ul#socialbookmarks li img{
	border: 0px;
}

#innerTopFunctions ul#functions{
	margin: 5px 25px 10px 0px;
	list-style-type: none;
	float: right;
}

#innerTopFunctions ul#functions li{
	list-style-type: none;
	margin: 2px;
	float: right;
}

#innerTopFunctions ul#functions li img{
	border: 0px;
}

#innerTopFunctions  #idbaseLogo{
	margin-top: 8px;
}

/* --------------- DREI SPALTEN DESIGN ANFANG */

#innerContent_3cols{
	float: left;
	margin-top: 3px;
	width: 957px;	
	background-image: url('../media/3boxen_bg.png');	
	min-height: 150px;
}

#innerContent_3cols_top{
	background-image: url('../media/3boxen_top.png');
	background-repeat: no-repeat;
	float: left;
	width: 957px;
	
}

#innerContent_3cols_top h2{
	font-size: 1.3em;
	color: white;
	
	margin-top: 5px;
	margin-left: 0px;
}

#innerContent_3cols h3{
	font-size: 1.1em;
	color: #008089;
	margin-top: 0px;
	margin-left: 0px;
}

#innerContent_3cols a:link.h3,
#innerContent_3cols a:visited.h3,
#innerContent_3cols a:hover.h3
{
	font-size: 1.1em;
	font-weight: bold;
	color: #008089;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	display: block;
}

#innerContent_3cols_bottom{
	background-image: url('../media/3boxen_bottom.png');
	float: left;
	width: 957px;
	height: 17px;
	margin-bottom: 4px;
}

.innerContent_col_1_3{
	width: 280px;
	margin-left: 15px;
	border: 0px solid black;
	float: left;
}

.innerContent_col_1_3 hr,
.innerContent_col_2_3 hr,
.innerContent_col_3_3 hr{
	border: 0px;
	border-top: 1px solid #CCC;
	margin-top: 8px;
	margin-bottom: 8px;
}

.innerContent_col_2_3{
	margin-left: 40px;
	width: 280px;	
	border: 0px solid black;
	float: left;
}

.innerContent_col_3_3{
	margin-left: 40px;
	width: 280px;	
	border: 0px solid black;
	float: left;
}

/* --------------- DREI SPALTEN DESIGN ENDE */

/* --------------- ZWEI SPALTEN DESIGN ANFANG */

#innerContent_2cols{
	float: left;
	margin-top: 3px;	
	width: 957px;	
	background-image: url('../media/2boxen_bg.png');	
}


#innerContent_2cols a:link.h3,
#innerContent_2cols a:visited.h3,
#innerContent_2cols a:hover.h3
{
	font-size: 1.1em;
	font-weight: bold;
	color: #008089;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	display: block;
}

#innerContent_2cols_top{
	background-image: url('../media/2boxen_top.png');
	background-repeat: no-repeat;
	float: left;
	width: 957px;	
}

#innerContent_2cols_top h2{
	font-size: 1.3em;
	color: white;
	
	margin-top: 5px;
	margin-left: 0px;
}

#innerContent_2cols_top h1{
	font-size: 1.3em;
	color: white;
	
	background-color: #008089;
	margin: 2px 0px 10px -14px;
	padding: 4px 15px 4px;
	
	
	
	width: 600px;
	
}

#innerContent_2cols h3{
	font-size: 1.1em;
	color: #008089;
	margin-top: 0px;
	margin-left: 0px;
}

#innerContent_2cols_bottom{
	background-image: url('../media/2boxen_bottom.png');
	float: left;
	width: 957px;
	height: 15px;
	margin-bottom: 4px;
}

.innerContent_col_1_2{
	
	width: 280px;
	margin-left: 15px;
	border: 0px solid black;
	float: left;
	
}


.innerContent_col_1_2 hr{
	border: 0px;
	border-top: 1px solid #CCC;
	margin-top: 8px;
	margin-bottom: 8px;
}

.innerContent_col_1_2 .list_item a:link,
.innerContent_col_1_2 .list_item a:visited{
	background-color: #EEE;
	padding: 5px;
	display: block;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom: 5px;
	background-image: url('../media/link_bg.gif');
	background-repeat: no-repeat;
	
}



.innerContent_col_2_2,
.innerContent_col_2_2_ext{
	margin-left: 39px;
	padding-right: 20px;	
	width: 600px;	
	border: 0px solid black;
	float: left;
}

.innerContent_col_2_2 p,
.innerContent_col_2_2_ext p{
	line-height: 1.6em;
}

.innerContent_col_2_2 .spalte1,
.innerContent_col_2_2_ext .spalte1{	
	
	float: left;
	width: 250px;
}

.innerContent_col_2_2 .spalte2,
.innerContent_col_2_2_ext .spalte2{	
	float: left;
	width: 330px;
	margin-left: 10px;
}

.abstandshaltertop{
	font-size: 0.0001%;
	margin: 0px;
	padding: 0px;	
}



.menuleftimage{		
}

.menurightimage{
}

.menuleftimage img{		
	width: 250px;
	margin-bottom: 10px;
}

.includeHeader{
	font-weight: bold;
	margin-top:0px;
	margin-bottom:0px;
}

.innerContent_col_2_2 form input,
.innerContent_col_2_2 form textarea,
.innerContent_col_2_2_ext form input,
.innerContent_col_2_2_ext form textarea
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 1em;
	background-image: url('../media/input_shadow.png');
	border: 1px solid #EEE;
	padding-left: 2px;
}

.innerContent_col_2_2 a:link,
.innerContent_col_2_2 a:visited{	
	background-image: url('../media/linkicon.png');
	background-position: 0px 3px;
	padding-left: 17px;
	background-repeat: no-repeat;
}

.innerContent_col_2_2_ext a:link,
.innerContent_col_2_2_ext a:visited { 
	background-image: none;
	padding-left: 0px;
}


.innerContent_col_2_2 .list_item{
	margin-bottom: 10px;
	float: left;
	margin-top: 10px;
	clear: left;
}


#arbeitsbereich{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* --------------- ZWEI SPALTEN DESIGN ENDE */

/* --------------- EIN SPALTEN DESIGN ANFANG */

#innerContent_1col{
	float: left;
	margin-top: 3px;	
	width: 957px;	
	background-image: url('../media/1box_bg.png');	
}


#innerContent_1col a:link.h3,
#innerContent_1col a:visited.h3,
#innerContent_1col a:hover.h3
{
	font-size: 1.1em;
	font-weight: bold;
	color: #008089;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	display: block;
}

#innerContent_1col_top{
	background-image: url('../media/1box_top.png');
	background-repeat: no-repeat;
	float: left;
	width: 957px;	
}

#innerContent_1col_top h2{
	font-size: 1.3em;
	color: white;
	
	margin-top: 5px;
	margin-left: 0px;
}

#innerContent_1col_top h1{
	font-size: 1.3em;
	color: white;
	
	/*background-color: #008089;
	padding: 4px 15px 4px;
	*/
	margin: 5px 0px 10px 0px;
	
	
	
	
	width: 919px;
	
}

#innerContent_col h3{
	font-size: 1.1em;
	color: #008089;
	margin-top: 0px;
	margin-left: 0px;
}

#innerContent_1col_bottom{
	background-image: url('../media/1box_bottom.png');
	float: left;
	width: 957px;
	height: 15px;
	margin-bottom: 4px;
}





.innerContent_col_1_1{
	margin-left: 15px;
	padding-right: 20px;	
	width: 934px;	
	border: 0px solid black;
	float: left;
}

.innerContent_col_1_1 p{
	line-height: 1.6em;
}

.innerContent_col_1_1 .spalte1{	
	
	float: left;
	width: 250px;
}

.innerContent_col_1_1 .spalte2{	
	float: left;
	width: 330px;
	margin-left: 10px;
}


.innerContent_col_1_1 form input,
.innerContent_col_1_1 form textarea
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 1em;
	background-image: url('../media/input_shadow.png');
	border: 1px solid #EEE;
	padding-left: 2px;
}

.innerContent_col_1_1 a:link,
.innerContent_col_1_1 a:visited{	
	background-image: url('../media/linkicon.png');
	background-position: 0px 3px;
	padding-left: 17px;
	background-repeat: no-repeat;
}

.innerContent_col_1_1 .list_item{
	margin-bottom: 10px;
	float: left;
	margin-top: 10px;
	clear: left;
}


.extranetTable {
	width: 600px;
	font-size: 1em;
}

.extranetTable th {
	padding: 5px;
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: 1px solid #008089;
}

.extranetTable td {
	padding: 5px;
	vertical-align: top;
	border-top: 1px solid #008089;
}

.extranetTable a:link,
.extranetTable a:visited {
	background-image:none;
	padding-left:0px;
}

.extranetTable img{
	border: 0px;
}

/* --------------- EIN SPALTEN DESIGN ENDE */

#innerBottom{
	margin-top: 0px;
	clear: left;
	width: 957px;
	height: 37px;	
	background-image: url('../media/new_menubg.png');		
}

#innerBottomText{
	width: 557px;
	color: white;
	text-align: center;
	
	line-height: 33px;
	float:left;
}

#innerBottomText a{
	color: white;
}




/* -------------------- teaser rechts anfang ------------ */

#timeline{	
	float:left;
	width: 10000px;	
	
}

.timelineobj{
	width:550px;
	height:389px;
	float: left;
	font-size: 0.9em;
	
}

.TImage{
	float:left;
	background-repeat: no-repeat;
	width: 550px;
	height: 389px;
}

#moveBackward{
	
	background-repeat: no-repeat;
	width: 55px;
	height: 55px;
	/*position: absolute;
	z-index: 100;
	margin-left: 400px;
	top: 360px;
	*/
	float:left;
}


#moveForward{			
	background-repeat: no-repeat;
	width: 55px;
	height: 55px;
	float:left;
	/*position: absolute;
	margin-left: 450px;
	z-index: 100;
	top: 360px;*/
}

.moveBackward_inactive{
	background-image: url(../media/scrollleft.png);
	cursor: auto;
}

.moveBackward_active{
	background-image: url(../media/scrollleft.png);
	background-position: 0px -55px;
	cursor: pointer;
}

.moveForward_inactive{	
	background-image: url(../media/scrollright.png);
	cursor: auto;
}

.moveForward_active{	
	background-image: url(../media/scrollright.png);
	background-position: 0px -55px;
	cursor: pointer;
}


.moveUpward{

	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	margin-top: 12px;
	float:right;
	/*position: absolute;
	margin-left: 502px;
	z-index: 100;
	top: 371px;*/
	
	
	background-image: url(../media/scrollup.png);
	cursor: pointer;
}


.moveDown{

	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	margin-left: 0px;
	z-index: 100;

	float:left;
	
	background-image: url(../media/scrolldown.png);
	cursor: pointer;
}



.hideElement{
	overflow: visible;
	height: 0px;
	display: none;
}

.showElement{
	display: block;
	overflow: hidden;
	height: 0px;
}




#timelineButtons {
	position: absolute; 
	margin-left: 785px; 
	margin-top: 360px; 
	z-index: 100; 
	width: 150px;
}

/* -------------------- teaser rechts ende ------------ */
/* -------------------- teaser links anfang ------------ */

#timeline_text{	
	float: left;
	width: 10000px;	
}

/*
.timelineobj_text{
	border: 0px solid red;
	width:390px;
	height:387px;
	float: left;
	font-size: 0.9em;
	background-image: url('../media/de/idp_logo_light.gif');
}*/


.timelineobj_text{
	border: 0px solid red;
	width:390px;
	height:387px;
	float: left;
	
	background-image: url('../media/de/idp_logo_light.gif');
	text-align: center;
}


.noBackground{
	background-image: none;
}
/*
.TText{
	
	border: 0px solid red;	
	margin-top: 50px;
	margin-left: 10px;
	padding: 5px;
	width: 320px;
	line-height: 1.4em;
	
	
}*/

.TText{
	
	border: 0px solid red;	
	margin-top: 50px;
	margin-left: 30px;
	padding: 5px;
	width: 320px;
	line-height: 1.4em;
	
	
}

.TText h2{
	color: #008089;
	font-size: 2.8em;
	line-height: 1.2em;
	width: 100%;
	border: 0px solid red;
	
	margin-bottom: 10px;
}

.TText p{
	width: 100%;
	
}

/* -------------------- teaser links ende ------------ */

.error{
	font-weight: bold;
	color: red;
}

.bold{
	font-weight: bold;
}

ul#sitemap p{
	margin: 2px 0px 0px 17px;
}

ul#sitemap li{
	margin: 5px 5px 0px 0px;
}


/* --------------------- POPUP DEFINITION ANFANG */


#popup {

	display: none;
	width: 400px;
  height: 555px;  
  
  background-image: url(../media/popup_bg.png);
  
  margin-left: auto;
  margin-right: auto;
  
  position: absolute;    
  z-index: 300;
}

#popupcontent{
	width: 350px;
  height: 480px; 
  border: 0px solid red;
  
  margin-top: 10px;
  margin-left: 18px;
}

#popupcontent iframe{
	border: 0px;
	height: 100%;
	width: 100%;
}

#closePopup{
	margin-left: 362px;
	margin-top: 19px;
	margin-bottom: 5px;
	
	width: 13px;
	height: 13px;
	display: block;
}




/* --------------------- POPUP DEFINITION ENDE */

body.empfehlung{
	background-color: white;
	text-align: left;
	padding: 5px;
}

.empfehlungcenter{
	margin-left: auto;
	margin-right: auto;
}

body.empfehlung form input,
body.empfehlung form textarea{	
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 1em;
	background-image: url('../media/input_shadow.png');
	border: 1px solid #EEE;
	padding-left: 2px;
}

#languageBox{
	width: 200px;
	float:left;
	
	color: white;
	line-height: 33px;
	padding-left: 7px;

}
#languageBox a{
	color: #FFFFFF;
}

#additionalBox{
	width: 200px;
	float:left;
	
	color: white;
	line-height: 33px;
	padding-right: 7px;
}


/* Einstellungen für das Extranet */
.ExtranetSize{
	min-height: 400px;
}


.projectMenuBox {
	margin: 10px 0px 10px 0px;
}
.projectMenuBox a{
	color:#00818A;
	text-decoration: none;
}

.projectMenuBox a:hover{
	color:#00818A;
	text-decoration: underline;
}

.projectMenuBox .aktive{
	text-decoration: underline;
}

.menuProjectname a{
	font-weight: bold;
}

.menuFolder {
	width: 30px;
	background-image: url(../media/project_folder.gif);
	background-repeat: no-repeat;
	background-position: center;
	
	float:left;
}

.submenuFirstFolder{
	width: 35px;
	background-image: url(../media/submenuFirst.png);
	background-repeat: no-repeat;
	background-position: center;
	
	float:left;
}
.submenuFolder{
	width: 35px;
	background-image: url(../media/submenu.png);
	background-repeat: no-repeat;
	background-position: center;
	
	float:left;
}

.input_beschreibung{
	width: 300px;
	height: 100px;
}
.projectDetail th{
	background-color: #008089;
	color: #FFFFFF;
}

.projectDetail td{
	border: 1px solid #008089;
}

.classTagCloud1{ font-size: 0.7em }
.classTagCloud2{ font-size: 0.75em }
.classTagCloud3{ font-size: 0.8em }
.classTagCloud4{ font-size: 0.85em }
.classTagCloud5{ font-size: 0.9em }
.classTagCloud6{ font-size: 0.95em }
.classTagCloud7{ font-size: 1em }
.classTagCloud8{ font-size: 1.05em }
.classTagCloud9{ font-size: 1.1em }
.classTagCloud10{ font-size: 1.15em }