/**
*	File: rahmen.css
*	Media: screen
*	Description: This file contains the styles for the main framework of the site.
*	Author: Katja Hapke, tarent GmbH
*	
*	Structure:
*
*	1. General Styles
*		1.1. Links
*	2. Layout
*		2.1. Service navigation top
*		2.2. Identity
*		2.3. Toolbar
*		2.4. Main navigation
*		2.5. Subnavigation
*		2.6. Breadcrumbs
*		2.7. Footer
*	3. Tabs
**/

/*	----------- =1. General Styles ----------- */
body {
	background-color: #FFF;
	background-image: url("../images/body_bg.gif");
	background-repeat: repeat;
	color: #434748;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 101%;
	margin: 0;
	padding: 0;
	width: 99%;
}

.hidden,.unsichtbar,.hide,.skip {
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
}

.clear {
	clear: both;
	height: 0;
}

input,select,button {
	font-size: inherit;
}

button {
	background-image: url("../images/button_bg.png");
	border: 1px solid;
	border-color: #BFBEBB #012344 #012344 #BFBEBB;
	color: #fff;
	font-weight: 700;
}

button.link_button {
	background: url("../images/linkIntern.gif") no-repeat scroll 0 4px
		transparent;
	border: medium none;
	color: #00519E;
	font-size: 1em;
	letter-spacing: normal;
	padding: 0 0 0 20px;
}

#noMargin .mainLeft {
	width: 100%;
}

#noMargin .contentWrap {
	float: left;
	width: 940px;
}

#noMargin .content {
	width: 680px;
}

.info .infocontent {
	background: #F1F2F2 none repeat scroll 0 0;
	float: left;
	padding: 10px;
}

/*.context .info {
	font-size:12px;
}*/
.context .info h2 {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 0;
}

.context .info .infocontentContent {
	width: 203px;
}

.context .info .infocontentContent .infocontentContentContainer {
	display: inline;
	margin-left: 0.85em;
	width: 185px;
}

/*	----------- End of General Styles ----------- */

/*	----------- =1.1 Links ----------- */
a:link,a:visited {
	color: #00519E;
	line-height: 140%;
	text-decoration: none;
}

a.intern:link,a.intern:visited {
	background: url("../images/linkIntern.gif") no-repeat scroll 0 4px
		transparent;
	color: #00519E;
	padding: 0 0 0 15px;
	text-decoration: none;
}

a.extern {
	background-image: url("../images/linkExtern.gif");
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

a:hover,a:focus,a:active,.serviceLinksUnten a:hover,a.intern:hover {
	text-decoration: underline;
}

/*	----------- End of Links ----------- */

/*	----------- =2. Layout ----------- */
#wrapAll {
	float: left;
	width: 980px;
}

#wrapper {
	float: left;
	margin: 22px 0 0 20px;
	width: 960px;
}

.header {
	background-color: transparent;
	float: left;
	height: 190px;
	margin-bottom: -1px;
	width: 100%;
}

.main {
	background-color: #FFF;
	background-position: 10px 0;
	background-repeat: repeat-y;
	float: left;
	font-size: 0.75em;
	line-height: 150%;
	margin: 18px 1em 0 0;
	min-height: 20em;
	width: 100%;
}

.mainLeft {
	float: left;
	width: 735px;
}

.contentWrap {
	float: left;
	margin: 0 0 0 0.8em;
	padding: 0.35em 0 0;
	width: 725px;
}

.content {
	float: left;
	margin: 0 0 0 10px;
	width: 692px;
}

.about {
	float: left;
	margin: 15px 0 0 0.8em;
	padding: 0.35em 0 0;
	width: 935px;
}

.about .content {
	float: left;
	margin: 0 0 0 30px;
	width: 695px;
}

/*	----------- End of Layout ----------- */

/*	----------- =2.1 Service navigation top ----------- */
.serviceBox ul {
	color: #c8c9c9;
	float: left;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

.serviceBox li {
	background-position: left;
	background-repeat: no-repeat;
	float: left;
	height: 2.35em;
	line-height: 2.35em;
	list-style: none;
	margin: 0;
	padding: 0 0.3em 0 1.2em;
	vertical-align: top;
}

.serviceBox ul.extern {
	margin: 0 0 0 1.4em;
}

.serviceBox ul.intern {
	margin: 0 0 0 1em;
}

.serviceBox ul.extern li {
	background-image: url(../images/linkExtern_dark.gif);
	margin-right: 0.4em;
	padding: 0 0 0 1.2em;
}

.serviceBox ul.intern li {
	background-image: url(../images/linkIntern_dark.gif);
	margin-right: 0.5em;
	padding: 0 0 0 17px;
}

.serviceBox ul li a {
	background: none repeat scroll 0 0 transparent !important;
	color: #464748;
	line-height: 2.35em;
	padding: 0 !important;
}

/*	----------- End of Service navigation top ----------- */

/*	----------- =2.2 Identity ----------- */
.identity {
	background-color: #fff;
	float: left;
	height: 167px;
	width: 100%;
}

.identity .logo {
	display: inline;
	float: left;
	height: 80px;
}

.identity .logo img {
	margin: 24px 0 0 30px;
}

.identity .headline {
	color: #00519E;
	display: inline;
	float: left;
	font-weight: bold;
	left: 109px;
	padding: 20px 0 0;
	position: relative;
	text-align: center;
	top: 0;
}

.identity .GEPRIS-logo {
	display: inline;
	float: right;
	height: 80px;
}

.identity .GEPRIS-logo img {
	margin: 8px 35px 0 0;
}

.identity .naviWrap {
	background-image: url(../images/fibonacci.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 81px;
	margin: 0 0 0 10px;
}

/*	----------- End of Identity ----------- */

/*	----------- =2.3 Toolbar ----------- */
.toolBar {
	background-color: transparent;
	float: left;
	height: 5em;
	left: 980px;
	margin: 4.35em 0 0;
	position: absolute;
	width: 17px !important;
}

.toolBar .textSizeBox {
	background-image: url(../images/toolbar_bg.gif);
	background-repeat: repeat-y;
	float: left;
	font-weight: 700;
	height: 3.7em;
	margin: 0;
	text-align: center;
	width: 20px;
}

.toolBar .textSizeBox div {
	clear: both;
	margin-top: 0.1em;
}

.toolBar .textSizeBox a {
	color: #000;
}

.toolBar .textSizeBox a.small {
	background-image: url(../images/textSize_small.gif);
	background-position: 0.5em 0;
	background-repeat: no-repeat;
	color: #9D9E9F;
	display: block;
	font-size: 0.6em;
	height: 15px;
	margin-top: 0.5em;
	width: 15px;
}

.toolBar .textSizeBox a.medium {
	background-image: url(../images/textSize_medium_act.gif);
	background-position: 0.5em 0.3em;
	background-repeat: no-repeat;
	color: #464748;
	display: block;
	font-size: 0.7em;
	height: 20px;
	margin-top: 0;
	width: 20px;
}

.toolBar .textSizeBox a.large {
	background-image: url(../images/textSize_big.gif);
	background-position: 0.4em 0;
	background-repeat: no-repeat;
	color: #464748;
	display: block;
	font-size: 0.7em;
	height: 20px;
	margin-top: 0.2em;
	width: 20px;
}

.toolBar .contrastBox {
	background-image: url(../images/toolbar_bg.gif);
	background-repeat: repeat-y;
	float: left;
	height: 2.5em;
	margin: 1.25em 0 0;
	text-align: center;
	width: 20px;
}

.toolBar .contrastBox a.contrastNormal {
	background-image: url(../images/iconContrast_small_act.gif);
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	height: 12px;
	margin-top: 0.3em;
	width: 20px;
}

.toolBar .contrastBox a.contrastSpecial {
	background-image: url(../images/iconContrast_big.gif);
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	height: 17px;
	margin-top: 0.2em;
	width: 20px;
}

/*	----------- End of Toolbar ----------- */

/*	----------- =2.4 Main Navigation ----------- */
#hauptNavigation {
	background: url("../images/navi_bg.gif") repeat-x scroll right top
		transparent;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
	float: left;
	height: 35px;
	margin: 30px 0 0;
	width: 940px;
}

.hauptnaviLine {
	background-color: #3F85C1;
	float: left;
	height: 5px;
	margin: 0;
	width: 940px;
}

#hauptNavigation ul.navigation {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 950px;
	z-index: 100;
}

#hauptNavigation .navigation div {
	background: url("../images/navi_bg.gif") no-repeat scroll right top
		transparent;
}

#hauptNavigation .navigation div.last { /*border-right:1px solid #fff;*/
	
}

#hauptNavigation .navigation div.aktiv {
	background-color: #3F85C0;
	background-image: none;
	height: 36px;
}

#hauptNavigation .navigation li {
	background-image: none;
	border-right: 1px solid #fff;
	float: left;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#hauptNavigation .navigation li:hover,#hauptNavigation .navigation li:focus,#hauptNavigation .navigation li:active
	{
	background-image: url(../images/hauptnavigation_liste_icon_aktiv.gif);
	position: relative;
}

#hauptNavigation .navigation li:hover a,#hauptNavigation .navigation li:focus a,#hauptNavigation .navigation li:active a
	{
	background-image: url(../images/hauptnavigation_liste_icon_aktiv.gif);
	position: relative;
}

#hauptNavigation .navigation li:hover li:hover,#hauptNavigation .navigation li:focus li:focus,#hauptNavigation .navigation li:active li:active
	{
	background-image: none;
}

#hauptNavigation .navigation li ul {
	background-color: #FFF;
	border-bottom: 1px solid #b3babd;
	border-left: 1px solid #b3babd;
	border-right: 1px solid #b3babd;
	display: none;
	margin: 2.1em 0 0 !important;
	opacity: .93;
	padding: 0.4em 0 0;
	width: 16em;
}

#hauptNavigation .navigation ul li {
	background-image: none !important;
	clear: both;
	display: block;
	padding: 0;
}

#hauptNavigation .navigation ul li a:link,#hauptNavigation .navigation ul li a:visited,#hauptNavigation .navigation ul li a:hover,#hauptNavigation .navigation ul li a:focus,#hauptNavigation .navigation ul li a:active
	{
	background-color: transparent;
	background-image: none !important;
	border: none;
	color: #464748;
	display: block;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 150%;
	margin: 0.1em 0 0;
	padding: 0.2em 0.6em 0.35em 2.75em !important;
	vertical-align: middle;
	width: 18em;
}

#hauptNavigation .navigation ul li a:hover,#hauptNavigation .navigation ul li a:focus,#hauptNavigation .navigation ul li a:active
	{
	background-color: #3F85C1;
	color: #FFF;
	display: block;
	text-decoration: none;
}

#hauptNavigation .navigation li:hover ul {
	display: block;
	position: absolute;
}

#hauptNavigation .navigation,#hauptNavigation .navigation li div {
	float: left;
	height: 35px;
}

#hauptNavigation .navigation a:link,#hauptNavigation .navigation a:visited,#hauptNavigation .navigation a:hover,#hauptNavigation .navigation a:focus,#hauptNavigation .navigation a:active
	{
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 35px;
	margin: 0;
	padding: 0 26px;
	position: relative;
	vertical-align: middle;
}

/*.naviFix {
float:left;
height:4.41em;
left:32em;
margin:0;
padding:0;
position:relative;
top:-4.5em;
width:12.5em;
z-index:1000;
}

.naviFix object {
height:100%;
width:100%;
}

.naviFix object.magazin {
margin-top:-0.05em !important;
}

.naviFix img {
height:4.45em;
margin-top:-0.05em;
}*/

/*	----------- End of Main Navigation ----------- */

/*	----------- =2.5 Subnavigation ----------- */
.bereichsnavigation {
	color: #00519e;
	float: left;
	min-height: 15em;
	padding-bottom: 1.5em;
	width: 210px;
}

.bereichsnavigation h2 {
	font-size: 1em;
	font-weight: 700;
	margin: 0 0 0.9em;
}

.bereichsnavigation h2 a:link,.bereichsnavigation h2 a:visited {
	color: #464748;
}

.bereichsnavigation ul {
	background-image: url(../images/naviLine.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin: 0 8px 0 0;
	padding: 0;
}

.bereichsnavigation li ul {
	background-image: none;
	margin: 0.2em 0 0;
	padding: 0;
	width: 100%;
}

.bereichsnavigation li {
	background-image: url(../images/naviLine.gif);
	background-position: top left;
	background-repeat: repeat-x;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0.35em 0;
	vertical-align: middle;
}

.bereichsnavigation li li {
	background-image: url(../images/naviLine.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.bereichsnavigation li div.open {
	background-image: url(../images/bereichNavi_open.gif);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	display: block;
}

.bereichsnavigation li div.active {
	background-image: url(../images/bereichNavi_act.gif);
	background-position: 0 0.35em;
	background-repeat: no-repeat;
	line-height: 1.2em;
}

.bereichsnavigation li div {
	background-image: none;
	display: block;
	margin: 0 1px;
	padding: 0 0 0 0.75em;
}

.bereichsnavigation li li div {
	background-image: none;
	display: block;
	margin: 0 11px;
}

.bereichsnavigation li li li div {
	background-image: none;
	margin: 0 21px;
}

.bereichsnavigation li li li li div {
	background-image: none;
	margin: 0 31px;
}

.bereichsnavigation li li li li li div {
	background-image: none;
	margin: 0 41px;
}

.bereichsnavigation li li li li li li div {
	background-image: none;
	margin: 0 51px;
}

/*	----------- End of Subnavigation ----------- */

/*	----------- =2.6. Breadcrumbs ----------- */
.breadcrumb {
	border-bottom: 1px solid #C7CBCE;
	color: #8F989D;
	float: left;
	font-size: 0.905em;
	line-height: 120%;
	margin: 0.1em 0 1em;
	min-height: 1.3em;
	padding: 0;
	width: 100%;
}

.breadcrumb a:link,.breadcrumb a:visited {
	color: #8f989d;
}

/*	----------- End of Breadcrumbs ----------- */

/*	----------- =2.7 Footer ----------- */
.contentFooter {
	background-color: #FFF;
	float: left;
	height: 2.1em;
	margin: 0;
	width: 100%;
}

.contentFooter li {
	background-image: none !important;
	display: block;
	float: left;
	font-size: 0.9em;
	line-height: 2em !important;
	list-style: none;
	margin: 0.75em 0 0 2.1em !important;
	padding: 0;
	vertical-align: middle;
}

.contentFooter li a:link,.contentFooter li a:visited {
	color: #464748;
	float: left;
}

.contentFooter li a img {
	margin: 0 0 0 0.6em;
}

.context {
	float: left;
	margin-left: 10px;
	padding-bottom: 2em;
	width: 205px;
}

.footerWrap {
	background-color: #FFFFFF;
	float: left;
	height: 40px;
	margin-top: 0.65em;
	width: 100%;
}

.footer {
	background-color: #f1f2f2;
	background-image: url(../images/fibonacci_footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	font-size: 0.75em;
	margin: 10px;
	padding: 30px 0 35px;
}

.footerWrap div.div_fibonacci {
	background-color: #FFFFFF;
	height: 40px;
}

.footerWrap img.footerImg_1 {
	padding: 10px;
}

.footerLinks {
	float: left;
	width: 730px;
}

.footerRechts {
	float: left;
	width: 210px;
}

.footerListe {
	float: left;
	font-size: 0.9em;
	margin-left: 20px;
	width: 160px;
}

.footerListe h3 {
	font-size: 1.1em;
	margin: 0.4em 0 1em;
	padding: 0;
}

.footerLinks h2,.footerRechts h2 {
	border-bottom: 1px solid #FFF;
	color: #464748;
	font-size: 1.32em;
	font-weight: 400;
	padding: 0 0 0.8em 20px;
}

/*.footerListe ul.linkListe {
	margin:0.55em 0 0;
}*/
.copyrightBox {
	background-color: #8F989D;
	color: #FFFFFF;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 2.9em;
	min-height: 2.9em;
	text-indent: 1em;
	vertical-align: middle;
	width: 100%;
}

.serviceLinksUnten {
	float: right;
	margin-right: 1em;
}

.serviceLinksUnten a:link,.serviceLinksUnten a:visited {
	color: #FFF;
	line-height: 2.9em;
	text-decoration: none;
}

.serviceWrap {
	float: left;
	height: 1.85em;
	width: 100%;
}

.serviceBox {
	background-color: #FFF;
	background-image: url(../images/service_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	float: right;
	height: 100%;
	margin: 0 1.25em 0 0;
	padding-right: 0.8em;
}

.right,.contentFooter ul {
	float: right;
}

/*.printFooter {
	display:none;
}*/

/*	----------- End of Footer ----------- */

/*	----------- =3. Tabs ----------- */
#tabmain .header ul {
	font-size: 1.2em;
	font-weight: 700;
}

ul#tabnav {
	clear: both;
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
}

ul#tabnav li {
	background: url("../images/tab_inactive.png") repeat scroll 0 0 #D7D6D3
		!important;
	float: left;
	height: 20px;
	list-style: none outside none;
	margin: 0 2px 0 0;
	padding: 0;
	text-align: left;
}

#tabnav li.selected {
	background: url("../images/info_bg.jpg") repeat scroll 0 0 #00519e
		!important;
}

#tabnav li.selected a,#tabnav li.selected a span {
	color: #fff !important;
}

#detailseite #tabnav #tabbutton2 a,#detailseite #tabnav #tabbutton2 span
	{
	padding: 0;
}

#tabnav a,#tabnav h2 {
	color: #323334;
	display: block;
	float: left;
	line-height: 20px;
	padding: 0 10px !important;
	text-decoration: none;
	width: 130px;
}

#startseite #tabnav a,#tabnav h2 {
	width: auto;
}

#tabnav a,.strong {
	font-weight: 700;
}

/*	----------- End of Tabs ----------- */