/* plain html */
body {
	font-family:			"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size:				.8em;
	line-height:			1.4em;
	color:					#333333;
	background-color:		#ffffff;
	background-image:		url("/lib/media/pic/layout/body_content_0100.jpg");
	background-repeat:		repeat-y;
}
body.mailer {
	background-image:		none;
}
h1 {
	margin-top:				5px;
	font-size:				1.6em;
	text-align:				center;
	color:					#639A9C;
}
h2 {
	margin:					2px 0 5px;
	font-size:				1.2em;
	font-weight:			normal;
}
h3 {
	margin:					2px 0 5px;
	font-size:				1.2em;
}
p {
	margin:					2px 0 5px;
}
td {
	vertical-align:			top;
}
a {
	font-weight:			bold;
	text-decoration:		none;
	color:					#639A9C;
}
a:hover {
	text-decoration:		underline;
}
h2 a {
	font-weight:			normal;
}
a img, a:hover img {
	border:					0;
}

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:					1px 1px 0px 0px;
	border:					1px solid #639A9C;
}
/* Normal styling */
.cb {
	margin:					5px 0 0;
	background-color:		#ffffff;
}
/* Top corners and border */
.bt {
	height:					10px;
	margin:					0 0 0px 10px;
	background:				url("/lib/media/pic/layout/box1.gif") no-repeat 100% 0;
}
.bt div {
	position:				relative;
	left:					-10px;
	width:					10px;
	height:					10px;
	background:				url("/lib/media/pic/layout/box1.gif") no-repeat 0 0; 
	font-size:				0; /* gueass who needs this to behave lika a normal brwoser? ;-) */
	line-height:			0; /* gueass who needs this to behave lika a normal brwoser? ;-) */
}
/* Bottom corners and border */
.bb {
	height:					10px;
	margin:					0 0 0 10px;
	background:				url("/lib/media/pic/layout/box1.gif") no-repeat 100% 100%;
}
.bb div {
	position:				relative;
	left:					-10px;
	width:					10px;
	height:					10px;
	background:				url("/lib/media/pic/layout/box1.gif") no-repeat 0 100%;
	font-size:				0; /* gueass who needs this to behave lika a normal brwoser? ;-) */
	line-height:			0; /* gueass who needs this to behave lika a normal brwoser? ;-) */
}
/* Left border */
.i1 {
	padding:				0 0 0 7px;
	background:				url("/lib/media/pic/layout/border-left1.gif") repeat-y 0 0;
}
/* Right border */
.i2 {
	padding:				0 10px 0 0;
	background:				url("/lib/media/pic/layout/border-right1.gif") repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:				block !important;
	display:				inline-block; /* IE needs this in case of floating a box within another floating box */
	margin:					0px; /* this one is needed, if you do "it" with a list */
	padding:				1px;
}
/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:				"."; 
	display:				block; 
	height:					0; 
	clear:					both; 
	visibility:				hidden;
}
/* default css for cbb ends here */
#slogan .cbb {
	height:					150px;
}
#line1 .cbb {
	height:					192px;
}
#line1 .i3 {
	height:					187px;
}
.center .i1 {
	padding:				0 0 0 4px;
}
.center .i2 {
	padding:				0 7px 0 0;
}

/* positioning */
.bodyblock {
	clear:					both;
	width:					660px;
	margin:					0 auto 0;
	padding:				0 0 0 90px;
	margin-top:				15px;
}
#mainframe {
}
#slogan {
	width:					660px;
	background-image:		url("/lib/media/pic/logo/static_arial.gif");
	background-repeat:		no-repeat;
	font-size:				0.9em;
}
#slogan .i3 {
	text-align:				right;
}
#slogan h1 {
	font-size:				6em;
	font-weight:			bold;
	font-style:				italic;
	text-align:				left;
	line-height:			normal;
	color:					#999999;
	background-color:		transparent;
}
#slogan h1 span {
	display:				block;
	font-size:				0.4em;
	color:					#639A9C;
}
.line {
	clear:					both;
}
.left {
	width:					200px;
	float:					left;
	margin-right:			5px;
}
.left_double {
	width:					405px;
	float:					left;
	margin-right:			5px;
}
.center {
	width:					200px;
	float:					left;
	margin-right:			5px;
}
.right {
	width:					250px;
	float:					left;
}
.right_double {
	width:					455px;
	float:					left;
}
.full_width {
	width:					660px;
	float:					left;
}
/* menus */
.menue .i1 {
	padding:				0 0 0 4px;
}
.menue .i2 {
	padding:				0 7px 0 0;
}
.menue h1 {
	font-size:				.75em;
	margin:					0 0 2px;
	padding:				3px 0;
	font-size:				1.4em;
	font-weight:			normal;
	color:					#FFFFFF;
	background-color:		#639A9C;
}
ul.menue {
	margin:					0;
	border:					0;
	padding:				0;
	list-style:				none;
}
a.menue {
	display:				block;
	width:					177px;
	padding:				1px 5px;
	font-size:				.9em;
	font-weight:			bold;
	text-align:				center;
	text-decoration:		none;
	color:					#00cccc;
}
.center a.menue {
	text-align:				left;
	color:					#ff0000;
}
.right a.menue {
	width:					227px;
}
a.menue:hover {
	text-decoration:		none;
	color:					#ffffff;
	background-color:		#00cccc;
}
.center a.menue:hover {
	color:					#ffffff;
	background-color:		#ff0000;
}


.tstyle {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-style:				italic;
	color:					#639A9C;
}
.small, .littlehint {
	font-size:				0.8em;
	font-weight:			normal;
	font-style:				italic;
}
.required_input_caption {
	color:					#FF0000;
}
#common_creator {
	font-size:				0.8em;
	text-align:				center;
}
.centered {
	text-align:				center;
}
.blockborder {
	margin:					0 auto;
}
#copyright {
	width:					40%;
	float:					left;
}
#iberka {
	float:					right;
}
.iberka_blue {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	color:					#003399;
}
.iberka_grey {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	color:					#999999;
}