/**
*	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("../img/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;
    float: none !important;
    height: 0;
}

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

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

button.link_button {
	background: url("../img/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: none repeat scroll 0 0 #F1F2F2;
    float: left;
    padding: 10px;
    width: 185px;
}

.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;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginBottom5 {
    margin-bottom: 5px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}

.marginBottom20 {
    margin-bottom: 20px !important;
}

.floatHalf {
    float: left;
    padding-right: 3%;
    width: 47%;
}

.detailed .container_left {
	float:left;
	width:50%;
}

.detailed .container_right {
	float:right;
	width:50%;
}

.detailed .details.floatHalf:nth-child(3) {
    float: left;
    padding: 0;
    width: 50%;
}

#nutzer .floatHalf:nth-child(even), 
#finanzen .floatHalf:nth-child(even), 
#netzwerke .floatHalf:nth-child(2)
 {
    float: left;
    padding: 0;
    width: 50%;
}

.detailed .floatHalf:nth-child(2) {
	padding-right:3%;
	width:47%;
}

.detailed .floatHalf:nth-child(3) div span.name {
    width: 54%;
}

.detailed .floatHalf:nth-child(3) div span.value {
    text-align: right;
    width: 45%;
}

.floatThird {
    float: left;
    padding-right: 3%;
    width: 30%;
}

/*	----------- 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("../img/linkIntern.gif") no-repeat scroll 0 4px
		transparent;
	color: #00519E;
	padding: 0 0 0 15px;
	text-decoration: none;
}

a.extern {
	background-image: url("../img/linkExtern.gif");
	background-position: 0 center;
	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;*/
	width:100%;
}

#margin .mainLeft {
	width: 735px;
}

.contentWrap {
    float: left;
    margin: 0 0 0 15px;
    padding: 0.35em 0 0;
    width: 933px;
}

#margin .contentWrap {
    width: 705px;
}

.content {
	float: left;
	margin: 0;
	width: 100%;
}

.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(../img/linkExtern_dark.gif);
	margin-right: 0.4em;
	padding: 0 0 0 1.2em;
}

.serviceBox ul.intern li {
	background-image: url(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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("../img/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("../img/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(../img/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(../img/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 ul {
	background-image: url(../img/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(../img/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(../img/naviLine.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

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

.bereichsnavigation li div.active {
	background-image: url(../img/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: 0;
	width: 205px;
}

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

.footer {
	background-color: #f1f2f2;
	background-image: url(../img/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(../img/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;
}

.content ul.tabnav {
    clear: both;
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
}

.content ul.tabnav li {
	background: url("../img/info_bg.jpg") repeat scroll 0 0 #00519e !important;
	float: left;
	font-weight: 700;	
	height: 20px;
	list-style: none outside none;
	margin: 0 2px 0 0;
	padding: 0 10px;
	text-align: left;
	width:235px;
}

.content ul.tabnav li h3 {
    color: #FFFFFF !important;
    font-size: 1em;
    line-height: 1.6em;
    margin: 0;
}

/*#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 ----------- */