@CHARSET "UTF-8";

/*
Site:			www.inschriften.net
Author:			Martin Walzel, Torsten Schrade
Created:		2010-01-05
Usage:			Basic stylesheet
*/

/* ############################## BASICS ############################## */

/* LAYOUT CONTAINER */

html {
	height: 100%;
}

body {
	position: relative;
	min-height: 101%; /* forces Geckoes to display vertical scrollbar */
	margin: 0;
	padding: 4.5em 0 0 0;
	color: #333333;
	background: #283145 url(../images/bg_body.jpg) fixed 50% 0% no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.625em; /* inherited font size of child elements = 10px */
}

#container {
	position: relative;
	min-height: 100em;
	/* margin: 4.5em auto; */
	padding: 0 1.5em;
	background: url(../images/bg_container.png) 0 0 repeat-y;	
}

.two_columns #content,
.one_column-with-background #content {
	background: #FFFFFF url(../images/bg_sidecontent.gif) 100% 0% repeat-y;
}

/* SERVICENAVIGATION */

#metanavigation {
	position: absolute;
	z-index: 10;
	top: -3.5em;
	right: 0.5em;
	width: 36em;
	height: 3.5em;
	background: url(../images/bg_metanavigation.png) 100% 0% no-repeat;
}

#servicenavigation {
	position: relative;
	top: 1em;
	left: 4em;
}

#servicenavigation li {
	display: inline;
}

#servicenavigation li a {
	margin-right: 0.6em;
	border-right: 1px solid #FFFFFF;
	padding-right: 0.6em;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font: 1.2em Geneva, Lucida Grande, Lucida Sans, sans-serif;	
}

#servicenavigation li a:hover,
#servicenavigation .act a {
	text-decoration: underline;
}

#servicenavigation .last a {
	margin: 0;
	border: none;
	padding: 0;
}

/* LANGAUAGE NAVIGATION */
#languagenavigation {
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	width: 4em;
	height: 0em;
	padding: 3.5em 0 0 0;
    background: url(../images/icon_deutsch.png) 1em 0.8em no-repeat;
}

html[lang="en"] #languagenavigation {
    background-image: url(../images/icon_english.png);
}

#languagenavigation:hover {
	width: auto;
	height: auto;
	overflow: visible;
	border: 1px solid #ECECEC;	
	background-color: #5E6574;
	background-position: 84% 0.7em;
	box-shadow: -3px 0 5px 0 #3f3f3f;
	
	/* VENDOR */
	-moz-box-shadow: -3px 0 5px 0 #3f3f3f;
	-o-box-shadow: -3px 0 5px 0 #3f3f3f;
	-webkit-box-shadow: -3px 0 5px 0 #3f3f3f;
}

#languagenavigation li {
	visibility: hidden;
}

#languagenavigation:hover li {
	visibility: visible;
}

#german {
	border-bottom: 1px solid #ECECEC;
}

#languagenavigation li a {
	display: block;
	padding: 0.5em 1em;
	color: #FFFFFF;
	background: #5E6574;
	font: 1.2em Geneva, Lucida Grande, Lucida Sans, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
}

#languagenavigation li a:hover {
	background: #283145;
}

/* LOGO */

#logo {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#logo a {
	position: relative;
	top: 1.5em;
	display: block;
	width: 220px;
	height: 75px;
	text-indent: -9999px;
	background: url(../images/bg_logo.png) 0 0 no-repeat;
}

/* NAVIGATION */

#navigation {
	position: relative;
	height: 10em;
	overflow: hidden;
	margin: 0 -1em;
	padding: 0 0 0 2em;
	border-top: 5px solid #283145;
	border-bottom: 5px solid #917D4D;
	background: #FFFFFF;
}

#navigation ul {
	height: 10em;
	padding-left: 1em;
}

#navigation ul li {
	float: left;
}

#navigation ul li a {
	position: relative;
	float: left;
	height: 10em;
	overflow: hidden;
	font-family: "Palatino Linotype", Baskerville, "Times New Roman", Times, serif;
	color: #917D4D;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/bg_navigation.png);
	background-repeat: no-repeat;
	text-indent: -99em;
}

#projekt a {
	width: 16em;
	background-position: 0 0;
}
	
#themen a {
	width: 19em;
	background-position: -160px 0;	
}
	
#geographie a {
	width: 21em;
	background-position: -351px 0;	
}
	
#suche a {
	width: 14em;
	background-position: -563px 0;	
}

#projekt a:hover,
#projekt .act {
	background-position: 0 -100px;
}
	
#themen a:hover,
#themen .act	 {
	background-position: -160px -100px;	
}
	
#geographie a:hover,
#geographie .act	{
	background-position: -351px -100px;	
}
	
#suche a:hover,
#suche .act {
	background-position: -563px -100px;	
}

#navigation ul li a span {
	/* display: block; */
}

html[lang="en"] #navigation ul li a {
    background-image: url(../images/bg_navigation_en.png);
}

/* HEADER */

#header {
	position: relative;
	min-height: 22em;
	margin: 0 -10px;
	padding: 0 1em;	
	border-bottom: 5px solid #917D4D;
	background: #5E6574;
}

#header p {
	position: absolute;
	left: 0;
	float: none;
	width: 62em;
	height: 22em;
	text-indent: -9999px;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

/* BRANDING */

#branding {
	position: absolute;
	top: 2.5em;
	right: 0em;
	z-index: 10;
	width: 31em;	
}

#header .tx-cfamooflow-pi1 {
	z-index: 5;
}

#dio-61 #branding,
#dio-11	#branding,
#dio-25 #branding,
#dio-76 #branding,
#dio-19 #branding,
#dio-12 #branding,
#dio-18 #branding,
#dio-131 #branding,
#dio-10 #branding,
#dio-51 #branding {
	top: auto;
	left: 2em;
	bottom: 2em;
	width: 94em;
}

.rlp #branding {
	right: 2em;
	background: url(../images/bg_bundeslaender_rlp.png) 100% 20% no-repeat;
}

.ni #branding {
	right: 2em;
	background: url(../images/bg_bundeslaender_ni.png) 100% 20% no-repeat;
}

/* SUBNAVIGATION */

#subnavigation {
	position: relative;
	height: 4em;
	overflow: hidden;
	margin: 0 -1em;
	padding: 0 1em;
	background: #283145;	
}

#subnavigation ul li {
	float: left;
	margin-left: 1.1em;
	padding: 0 1.3em 0 0;	
	font: 1.8em "Palatino Linotype", Baskerville, "Times New Roman", Times, serif;
	line-height: 1.95em;
	color: #FFFFFF;
	background: url(../images/bg_subnavigation.gif) right 1em no-repeat;	
}

#subnavigation ul .first {
	margin-left: 0;
}

#subnavigation ul .last {
	padding-right: 0;
	background: none;
}

#subnavigation ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

#subnavigation ul a:hover,
#subnavigation ul .act a {
	border-bottom: 5px solid #9499A3;
}

/* CONTENT AREA */

#content {
	min-height: 60em;
	padding: 3em 1em 0 0;
	margin-right: -1em;
}

#maincontent {
	position: relative;	
	float: left;
	width: 58em;
	margin: 0 1em;
	padding: 0 0 3em 0;
}

.one_column #maincontent {
	width: 94em;
}

#sidecontent {
	position: relative;	
	float: right;
	width: 32em;
	padding: 1.2em 1em 3em 2em;
}

/* BREADCRUMBS */

#breadcrumbs {
    position: relative;
    clear: both;
    left: 1.2em;
    margin: 1.5em 0;
    font-size: 0.9em;
}

#breadcrumbs p {
    display: inline;
}


#content #breadcrumbs ul {
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

#breadcrumbs li {
    display: inline;
    margin: 0;
    padding: 0;
}


#breadcrumbs ul a, 
#breadcrumbs ul .last {
    padding: 0 0.5em;
}

/* FOOTER */

#footer {
	min-height: 38em;
	margin: 0 -1em;
	padding: 0 1em;
	background: #141823 url(../images/bg_footer.gif) 0% 0% repeat-x;
}

/* VCARDS */

#institutions {
	padding: 2em 0;
	color: #FFFFFF;
}

#institutions .vcard {
	min-height: 4.5em;
	font-size: 1.2em;
	line-height: 1.2em;
}

.vcard .tel,
.vcard .postal-code,
.vcard .region,
.vcard .country-name,
.vcard .email,
.vcard .street-address,
.vcard .locality {
	display: none;
}

#institutions h4,
#institutions p {
	padding-left: 0.7em;
}

#institutions a {
	color: #FFFFFF;
	text-decoration: none;
}

#adwgoettingen {
	width: 90px;
	padding: 8px 0 0 70px;
	background: url(../images/bg_adwg.png) 0 0 no-repeat;
}

#adwmainz {
	width: 90px;
	padding: 2px 0 0 70px;
	background: url(../images/bg_adwulm.png) 0 0 no-repeat;	
}

#awk {
	width: 140px;
	padding: 0 0 0 70px;
	background: url(../images/bg_LogoAWK.png) 0 0 no-repeat;
}

#igl {
	width: 160px;
	margin-bottom: 2.5em;
	padding: 10px 0 0 180px;	
	background: url(../images/bg_igl.png) 0 20% no-repeat;	
}

#reichertverlag {
	clear: left;
	width: 110px;
	padding: 24px 0 0 50px;
	background: url(../images/bg_rv.png) 0 20% no-repeat;	
}

#koze {
	width: auto;
	margin-bottom: 1em;
}

#koze .org {
	display: block;
    height: 54px;
	padding: 0 0 0 180px;
	margin: 0.5em 0 0 0em;
	background: url(../images/bg_koze.png) 0 20% no-repeat;
	text-indent: -999em;
}

/* SITEINFOS & ADDITIONAL INFOS */

#footer ul {
	margin: 1em 0 0 0;
	list-style: none;
	font-size: 1.4em;
}

#footer ul li {
	display: inline;
	color: #FFFFFF;
}

#footer ul li a {
	margin: 0 1.8em 0 0;
	padding: 0 0 0 1.5em;
	color: #FFFFFF;
	background: url(../images/bg_footernavi.png) 0 45% no-repeat;	
	text-decoration: none;
}

#footer ul li a:hover,
#footer ul .act a {
	text-decoration: underline;
}

/* ####################### SPECIALS ############################ */

/* class for hiding elements */
.skip {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    width: 1px;
    height: 1px;
    margin: -2px 0 0 -2px;
    background: transparent;
}
