/* Layout elements */
#page 			{ margin:0px auto; text-align:left; width: 980px; padding-top: 0px; background-color: #FFFFFF; height: 100%}
#banner			{ background-color: #FFFFFF; width: 980px; margin: 0px; height: 73px;}
#ibi_logo 		{ margin-left: 25px; margin-top: 10px; margin-bottom: 10px; float: left}
#site_title 		{ margin-right: 25px; margin-top: 15px;  float: right;}
#greyLine_1 		{ height: 1px; background-color: #3b3838; width: 980px; }
#blueLine_5 		{ margin-top: 1px; height: 5px; background-color: #3392cd; width: 100%; }
#collage 		{ margin-top: 1px; height: 80px; width: 980px;}
#contentLayout 		{ background-image: url("../images/site/content_bg.gif"); background-repeat: repeat-y; height: 100%; width: 100%; padding: 0px; margin: 0px; float: left}



/* Content */
ul	{ list-style: square outside; display: block; white-space: normal; }
a 	{ color:#3392cd; text-decoration: underline }
a:hover { color: #3b3838 }
h1 	{ font-weight: bold; font-size: 13px; margin-bottom: 15px; }
h2	{ font-size: 12px; font-weight: bold; margin-top: 5px;}
.buttonheading img { /*Entfernt Rahmen um Druckbuttons etc. ab RC3*/
  border:none; float: left;
}	


/* ###################### OVERALL SETTINGS ###################### */
body { 
  margin: 0px; 
  padding: 0px; 
  height: 100%; 
  width: 610px;
  font-family: Arial, Verdana, Helvetica; 
 }

td, tr, p, div {
  font-family      : Arial, Verdana, Helvetica;
  font-size        : 11px;
  color            : #333333;
}

p {
  margin-top       : 3px;
  margin-bottom    : 8px;
}

hr {
  margin-bottom    : 8px;
}

hr {
  background       : #CCCCCC;
  height           : 1px;
  width            : 100%;
}

/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
.pathway {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #CCCCCC;
}

a.pathway:link, a.pathway:visited {
  color            : #8CA0B4;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #000000;
  font-weight      : normal;
}


/* ################### MAIN AND SUB MENU SYSTEM ################### */

a.mainlevel:link, a.mainlevel:visited {
  font-family: Verdana; 
  padding-left: 5px; 
  padding-bottom: 1px; 
  color: #616161; 
  font-size: 11px; 
  font-weight: bold; 
  line-height: 35px; 
  text-decoration: none; 
  background-image: url("../images/site/naviitem_bg.gif"); 
  background-position: bottom left; 
  background-repeat: no-repeat;
}

a.mainlevel:hover {
  font-family: Verdana; 
  padding-left: 5px; 
  padding-bottom: 1px; 
  color: #616161; 
  font-size: 11px; 
  font-weight: bold; 
  line-height: 35px; 
  text-decoration: none; 
  background-image: url("../images/site/naviitem_bg.gif"); 
  background-position: bottom left; 
  background-repeat: no-repeat;
}
a.sublevel:link, a.mainlevel:visited {
  font-family: Verdana; 
  padding-left: 5px; 
  padding-bottom: 1px; 
  color: #616161; 
  font-size: 11px; 
  font-weight: bold; 
  line-height: 35px; 
  text-decoration: none; 
  background-image: url("../images/site/naviitem_bg.gif"); 
  background-position: bottom left; 
  background-repeat: no-repeat;
}

a.sublevel:hover {
  font-family: Verdana; 
  padding-left: 5px; 
  padding-bottom: 1px; 
  color: #616161; 
  font-size: 11px; 
  font-weight: bold; 
  line-height: 35px; 
  text-decoration: none; 
  background-image: url("../images/site/naviitem_bg.gif"); 
  background-position: bottom left; 
  background-repeat: no-repeat;
}
table.moduletable th {
  font-size        : 9pt;
  font-weight      : bold;
  font-family      : Tahoma;
  color            : #000000;
  text-align       : center;
  background-color : #F0F0F0;
  width            : 100%;
}

table.moduletable { 
width: 100%;
margin: 0px 0px 0px 0px; 
border-left: solid 0px #000000; 
border-right: solid 0px #000000; 
border-top: solid 0px #000000; 
border-bottom: solid 0px #000000; 
} 

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #666666;
  text-align       : center;
  line-height      : 14px;

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
  background-color : #CCCCCC;
  color            : #5A6BAD;
  font-weight      : bold;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
}

.sectiontableentry2 {
  background-color : #E0E0E0;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family      : Arial, Verdana, Helvetica;
  font-size        : 11px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : bold;
}

.smalldark {
  font-family      : Arial, Verdana, Helvetica;
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  background       : #FFFFFF;
}

.contentpaneopen {
  background       : #FFFFFF;
}

.contentheading, .componentheading {
  font-family      : Arial, Verdana, Helvetica;
  font-size        : 15px;
  font-weight      : bold;
  color            : #5A6BAD;
  text-align       : left;
}

.createdate {
  font-family      : Arial, Verdana, Helvetica;
  font-size        : 11px;
  color            : #999999;
  text-align       : left;
}


.modifydate {
  font-family      : Arial, Verdana, Helvetica;
  font-size        : 11px;
  color            : #999999;
  text-align       : left;
}

/* ###################### CONTENT PAGE SETTINGS [ NEWS] ########## */
.contentpagetitle_news {
  font-weight: bold;
}

.contentpaneopen_news {
  background       : #FFFFFF;
  border: 0px solid black;
  border-bottom-width: 0px;
}

.contentheading_news {
  font-family      : Arial, Verdana, Helvetica;
  font-size        : 12px;
  font-weight      : bold;
  color            : #5A6BAD;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Arial, Verdana, Helvetica;
  font-style       : normal;
  font-size        : 11px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Arial, Verdana, Helvetica;
  font-size        : 11px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 11px;
  color            : #5A6BAD;
  text-decoration  : none;
  font-family      : Arial, Verdana, Helvetica;
}

a:hover {
  color            : #000000;
  text-decoration  : none;
}

a.category:link, a.category:visited {
  color            : #333333;
  font-weight      : bold;
}

a.category:hover {
  color            : #000000;
}

/*Print CSS for 'eCommerce Leifaden' */

body 								{ margin: 35px; padding: 0px; height: 100%; text-align: center; font-family: Arial, Verdana, Helvetica; background-image: url("../images/site/bg.gif");  }

/* Layout elements */

form {display: none}

#page 								{ margin:0px auto; text-align:left; width: 100%; padding-top: 0px; background-color: #FFFFFF; height: 100%}
#banner								{ background-color: #FFFFFF; width: 100%; margin: 0px; height: 103px;}
#ibi_logo 							{ margin-left: 25px; margin-top: 15px; margin-bottom: 10px; float: left}
#site_title 						{ margin-right: 25px; margin-top: 65px; color: #3392cd; font-family: Verdana; font-size: 12px; float: right; font-weight: bold }
#greyLine_1 						{ display: none; height: 1px; background-color: #3b3838; width: 800px; float: left; overflow: hidden }
#blueLine_5 						{ display: none; margin-top: 1px; height: 5px; background-color: #3392cd; width: 800px; float: left; overflow: hidden }
#collage 							{ display: none; margin-top: 1px; height: 100px; width: 800px; float: left}
#contentLayout 						{ height: 100%; width: 100%; padding: 0px; margin: 0px; float: left}

/* Navigation */
	#navi 							{ display: none; width: 167px;  background-color: #ebebeb; float: left; margin-right: 0px}
		#navi_top 					{ display: none; width: 167px; height: 15px; background-image: url("../images/site/navi_top.jpg"); background-repeat: no-repeat; float: left}
		ul 							{ display: none; list-style:none; padding:0px; margin-top: 15px; margin-left: 25px;}
			li 						{	}
			li a 					{ display: none; font-family: Verdana; padding-left: 10px; padding-bottom: 1px; color: #616161; font-size: 11px; font-weight: bold; line-height: 35px; text-decoration: none; background-image: url("../images/site/naviitem_bg.gif"); background-position: bottom left; background-repeat: no-repeat;}
			li a:hover 				{ display: none; color:#3392cd; text-decoration: none }
	
/* Content */
	#content 						{ width: 100%; margin-left: 1px; margin-right: 0px; float: left; padding: 0px;}
		#content_top 				{ display: none; width: 486px; height: 15px; background-image: url("../images/site/content_top.jpg"); background-repeat: no-repeat; float: left}
		#contentFrame 				{ color: #3b3838; font-size: 12px; line-height: 150%; float: left;}
			#contentFrame a 		{ color:#3392cd; text-decoration: underline }
			#contentFrame a:hover 	{ color: #3b3838 }
			#contentFrame ul	 	{ list-style: square outside; display: block; white-space: normal; }
			#contentFrame ul li		{ display: block;}
			#contentFrame h1 		{ font-weight: bold; font-size: 13px; margin-bottom: 5px; display: block  }
			#contentFrame h2		{ font-size: 12px; font-weight: bold; display: block }
			#contentLine 			{ display: none; float: left; background-color: #cecdcd; height: 1px; width: 435px; margin-left: 0px; margin-top: 5px; margin-bottom: 5px; overflow: hidden;  }
			
/* Teaser */
	#teaser 						{ display: none;width: 145px; float: right; margin-left: 1px; margin-right: 0px; padding: 0px;}
		#teaser_top 				{ display: none;margin: 0; width: 145px; height: 15px; background-image: url("../images/site/teaser_top.jpg"); background-repeat: no-repeat; float: left}
		#teaser_logos				{ display: none;width: 145px; float: left; font-size: 10px; color: #6c6c6c}
		#teaser_logos h3			{ display: none;margin-top: 15px; font-size: 10px; font-weight: bold; color: #3b3838; display: block; text-align: center; margin-bottom: 1px;}
		#teaser_line				{ display: none;width: 100px; background-color: #cecdcd; height: 1px; margin-left: 22px; margin-bottom: 15px; overflow: hidden}
		#teaser_logos img			{ display: none;margin-left: 32px; margin-bottom: 20px; display: block}


/* Common Styles */
.arrowRight a 						{ display: none;padding-left: 5px; color:#3392cd; text-decoration: none; background-image: url("../images/site/arrow_right.gif"); background-repeat: no-repeat; background-position: left  }
.arrowRight a:hover 				{ display: none;color:#3392cd; text-decoration: underline; }


/* Partner Site */
.partnerContainer					{ float: left; margin-bottom: 10px;}
.partnerContainer img				{ float: right; margin-left: 10px; margin-bottom: 10px; }
.partnerImg							{ float: right; margin-left: 20px; margin-bottom: 20px; } 



p {}
td {}



/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
