/* positions, margins, paddings & dimensions 	*/ /*												*/
html {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	background-color: #b7c7bc;
	background: url("images/elements/grad_top_down.jpg") repeat-x;
}

/* fonts */
body,div,p,div#text-area div {
	font: 13px/ 1.5em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

div#nav02-area div.teaser,input,label,div#nav01-area ul li a,div#nav02-area ul li a,div.teaser div
	{
	font: 92%/ 1.4em Arial, Helvetica, sans-serif;
}

/* basic html elements */
h1 {
	font-size: 130%;
	margin-bottom: 5px;
	/*text-transform: uppercase;*/
	line-height: 130%;
	color: #660000;
}
h1 a:link, h1 a:visited{
	color: #660000;
text-decoration: none;
 }
h1 a:hover{
text-decoration: underline;
}
h2 {
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #660000;
}

h3 {
	font-size: 100%;
	margin: 5px 0px 5px 0px;
}

h3,h4 {
	color: #660000;
}

a:link,a:visited {
	color: #333333;
}

a:hover {
	color: #660000;
}

a.feed {
	background: url("images/elements/feed.png") no-repeat;
	padding-left: 20px;
}

a.newsletter {
	padding-left: 20px;
}
a img{
border: none;
}
hr {
	width: 100%;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: none;
}

ul {
	list-style-position: outside;
	list-style-type: square;
	margin-bottom: 10px;
}

ul li,ol li {
	margin-left: 30px;
	margin-bottom: 5px;
}

ol {
	list-style-position: outside;
	margin-bottom: 10px;
}

ul.category-list{
	list-style-type: none;
}
ul.category-list li{
display: inline;
margin: 0px;
}
p{
margin-bottom: 10px;
}
/* custom page elements */
#container {
	position: relative;
	width: 960px;
	margin: 0px auto;
	min-height: 100%;
	height: auto !important; /* moderne Browser */
	height: 100%; /* IE */
	border: 1px solid #999999;
	border-top: none;
	border-bottom: none;
	/*background: url("images/elements/bg-container.gif");*/
	background-color: #FFFFFF;
text-align: left;
}

div#top-area {
	position: relative;
	height: 132px;
	/*background-color: #b7b7b7;*/
	background: url("images/elements/gbw-header.jpg") no-repeat;
}

img#logo {
	position: absolute;
	top: 30px;
	left: 90px;
	border: none;
	display: none;
}

a#home-link {
	position: absolute;
	display: block;
	width: 960px;
	height: 120px;
}

#main-content-area {
	position: relative;
	display: inline;
	float: left;
	margin-left: 45px;
	width: 490px;
}

#text-area,#list-area {
	margin-bottom: 15px;
min-height:1550px;
}
p#list-description{
	margin-bottom: 15px;
}
/* link-backgrounds */

div#text-area a.download{
	background: url("images/elements/download.gif") no-repeat;
	background-position: 0px 4px;
padding-left: 15px;
}


div#text-area a.a_gallery{
	padding-left: 0px;
	background-image: none;
}
div.functions-area {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

div.functions {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 60%;
	text-align: right;
	padding: 3px;
}

p.abstract,div.abstract {
	margin-bottom: 5px;
}

.abstract img.keyvisual{
	float: left;
	margin: 5px 10px 10px 0;
border: 1px solid #888888;
}
p.parameter,div.parameter {
	position: relative;
	margin-bottom: 20px;
clear: left;
}


p.parameter a.read-more, div.parameter a.read-more {
	padding-right: 5px;
	position: absolute;
	right: 0px;
	top: 0px;
}

p.parameter,div.parameter,p.parameter a,div.parameter a {
	color: #666666;
	font-style: italic;
}
div.parameter a:hover {
	color: #660000;
}

p.text,div.text,p#text,div#text {

}

#appendix-area {
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 40px;
	border-top: 1px dotted #CCCCCC;
}

#appendix-area h3{
font-size: 120%;
}
div.appendix{
    margin-bottom: 15px;
}
div.appendix ul{
    list-style-type: circle;
    margin: 0 0 0 15px;
}
div.appendix ul li{
margin-left: 0px;
}
div.appendix ul.documents{
    list-style-type: none;
margin-left: 0;
}
#related{
    margin-bottom: 15px;
}
div#header-area {
	position: relative;
	display: none;
	bottom: 0px;
	width: 100%;
	height: 25px;
	color: #333333;
	border-bottom: 1px solid #660000;
	background-color: #EFEFEF;
}
div#header-area div {
	padding: 2px 10px 2px 10px;
}
div#header-area div.contact {
	position: absolute;
	right: 5px;
	top: 0px;
}
div#footer-area {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 25px;
	clear: both;
	color: #333333;
	border-top: 1px solid #660000;
	background: url("images/elements/gbw-footer.jpg") no-repeat;
}

div#footer-area div {
	padding: 2px 10px 2px 10px;
font-family:Arial, Helvetica, sans-serif;
}

div#footer-area div.contact {
	position: absolute;
	right: 5px;
	top: 0px;

}
/** navigations breadcrumbs**/
*
 /* breadcrumbs */ div.breadcrumbs {
	position: relative;
	width: 80%;
	padding: 3px;
z-index: 2;
}

/* main navigation */
div#nav01-area {
	position: relative;
	width: 100%;
	/*top: 90px;*/
	height: 25px;
	margin-bottom: 20px;
	background-color: #ededed;
	border-top: 1px solid #660000;
	border-bottom: 1px solid #660000;
}

div#nav01-area ul {
	margin-left: 235px;
	list-style-type: none;
width:520px;
}

div#nav01-area ul li {
	display: inline;
	float: left;
	margin: 0;
}

div#nav01-area ul li a {
	display: block;
	padding: 3px 20px 2px 0px;
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #497853;
}

/* sub navigation - level 2 */
div#nav02-area {
	position: relative;
left: 0px; 
	display: inline;
	float: left;
	width: 190px;
	margin-top: 0px;
	text-align: center;
}

div#nav02-area ul {
	position: relative;
	left: 20px;
	list-style-type: none;
	margin-bottom: 10px;
	width: 190px;
	padding-top: 5px;
	padding-bottom: 0px;
}

div#nav02-area ul li {
	margin-left: 3px;
	margin-bottom: 2px;
}

div#nav02-area ul li a {
	display: block;
	padding: 2px 3px 2px 3px;
	text-align: left;
	margin-right: 3px;
	text-decoration: none;
	color: #497853;
}

div#nav02-area ul.nav03 {
	position: relative;
	left: 5px;
	margin-bottom: 0px;
	padding-top: 0px;
}

div#nav02-area ul.nav03 li {
	margin-left: 3px;
	padding-top: 0px;
}

div#nav01-area ul li a.active,div#nav02-area ul li a.active {
	color: #660000;
}
div#nav01-area ul li a.active,
div#nav02-area ul li a.active,
div#nav01-area ul li a:hover,
div#nav02-area ul li a:hover{
	color: #660000;
}
/** custom content-stylez / templates **/
div.image-left img {
	float: left;
	margin-top: 8px;
	margin-right: 15px;
	border: 1px solid #666666;
}

/** forms **/ /* search-area */
form#search-area {
	position: absolute;
	right: 15px;
	top: 2px;
}

/** teasers **/
div.teaser,div#nav02-area ul {
	border: 1px solid #CCCCCC;
	-moz-border-radius: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
}

div#nav02-area ul.nav03 {
	border: none;
}

div#teaser-area {
	position: relative;
	display: inline;
	float: right;
	margin-top: 5px;
	width: 210px;
min-height: 1150px;
}

div.teaser {
	width: 190px;
	margin-bottom: 10px;
}

div.teaser h2 {
	margin: 0px;
	padding: 3px 5px 0px 5px;
	font-weight: bold;
	color: #cc5252;
	font-size: 13px;
}

div.teaser div.body {
	margin: 0;
	padding: 5px;
}

div.teaser div.footer {
	margin: 0;
	padding: 5px;
}

div #nav02-area div.teaser {
	width: 190px;
}

/* special page-elements */
img#keyvisual {
	position: absolute;
	top: 10px;
	right: 20px;
	border: none;
	display: none;
}

div#nav02-area div.teaser {
	position: relative;
	left: 20px;
	text-align: left;
}

/* forms */
input.text, input.submit, input.reset{
	border: 1px solid #CCCCCC;
	color: #333333;
}
label{
	color: #333333;
}

/* events */
div.event-item{
margin-bottom: 15px;
}
div#teaser-area  div.event-item{
margin-bottom: 10px;
}
div.events{
/*margin-top: 20px;*/
}
div.event-item h2{
font-size: 13px;
margin-top: 0px;
font-weight: bold;
color: #333333;
}

div.event-item h2 .event-date,
div.event-item h2 .event-end-date,
div.event-item h2 .time{
color: #660000;
}

div.event-item div.location{
color: #666666;
margin-top: 5px;
margin-bottom: 5px;
}
div.event-item div.parameter{
/*margin-bottom: 20px;*/
}
div#text-area a.read-more.extern{
display: none;
}
a.register{
	background: url("images/elements/register.gif") no-repeat;
	background-position: 5px 0px;
padding-left: 30px;
padding-right: 15px;
color: #333333;
background-color:#91CC6E;

border: 1px solid #999999;
text-decoration: none;
font-weight: bold;
}
a.register:hover{
background-color:#CDEBB7;
}
/* teasers */
div#teaser-area a.read-more{
display: none;
}
div.event-item div.parameter a.read-more{
display: none;
}
div.event-item div.parameter{
/*display: none;*/
}
div#teaser-area div.event-item h2{
font-size: 11px;
color: #333333;
font-weight: normal;
}
div#teaser-area div.event-item h2 .event-date,
div#teaser-area div.event-item h2 .event-end-date{
color: #660000;
}
div#teaser-area div.event-item h2 .time{
display: none;
}
div#teaser-area div.parameter,
div#teaser-area div.description{
display: none;
}

/* bildungsangebote */
div#bildungsangebote div.item ul{
	margin: 0;
	padding: 3px;
	list-style-type: none;
}
div#bildungsangebote div.item ul li{
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
        font-size: 90%;
}
div#bildungsangebote div.item ul li a{
	background: none;
	padding-left: 0px;
}
div#bildungsangebote div.item h2{
	background-color: #ededed;
padding: 3px;
border: 1px solid #CCCCCC;
margin-bottom: 15px;
-moz-border-radius: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
}
div#bildungsangebote div.item h3{
	padding: 3px;
        color: #660000;
        text-decoration: none;
font-size: 120%;
}
div.bildungskasten {
background-color: #ededed;
padding-left: 10px;
border: 1px solid #CCCCCC;
margin-bottom: 15px;
-moz-border-radius: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
}

/* formulare */
form#togger_form{

}
form#togger_form input.text,
form#togger_form textarea{
	width: 90%;
	border: 1px solid #CCCCCC;
	color: #333333;
}
form#togger_form fieldset{
	border: none;
}
form#togger_form fieldset.send-form{
	text-align: right;
}
div#notify{
	margin-bottom: 15px;
border: 1px dotted #EDEDED;
padding: 5px;
background-color: #F6F6F6;
}
div#notify div.header{
	font-size: 130%;
	margin-bottom: 10px;
	font-weight: bold;
 	color: #660000;
}
div#form-error div.header{
 color: #660000;
}
/* gallery */
table.gallery{
width: 100%;
}

table.gallery td{
padding-bottom: 10px;
}

div#img_gal img{
width: 100%;
}
caption.caption_gallery{
text-align: left;
padding-bottom: 10px;
	font-size: 120%;
font-weight: bold;
	color: #660000;
}


/* file icons */
.file-size{
font-style: italic;
color: #666666;
}
.file{
	padding-left: 22px;
	background: url("images/elements/file_icons/unknown.png") no-repeat;
	line-height: 16px;
}
.file.directory{
	background: url("images/elements/file_icons/folder.png") no-repeat;
}

.file.jpg,
.file.jpeg,
.file.png{
	padding-left: 22px;
	line-height: 16px;
	background: url("images/elements/file_icons/jpg.gif") no-repeat;
}
.file.gif{
	background: url("images/elements/file_icons/gif.gif") no-repeat;
}
.file.txt,
.file.tpl,
.file.css{
	padding-left: 22px;
	line-height: 16px;
	background: url("images/elements/file_icons/text.png") no-repeat;
}
.file.pdf{
	background: url("images/elements/file_icons/pdf.gif") no-repeat;
}

.file.doc{
	background: url("images/elements/file_icons/doc.gif") no-repeat;
}
.file.xls{
	background: url("images/elements/file_icons/xls.gif") no-repeat;
}
.file.zip,
.file.gz,
.file.tar{
	background: url("images/elements/file_icons/archive.png") no-repeat;
}
.file.odt{
	background: url("images/elements/file_icons/odt.png") no-repeat;
}

.file.mp3,
.file.wav{
	background: url("images/elements/file_icons/audio.gif") no-repeat;
}
.standard{font-size:12px;}
.fussnote{font-size:11px;}
.params{
color: #7F7F7F;
}
.headline01{color: #CC3333; font-size: 14px;  font-weight: bold;}
.headline02{font-size: 12px;color: #DF5353; font-weight: bold;}
.headline03{font-size: 12px; color: #df5353; font-style: italic;}
.zitat{ left: 20px; font-style:italic;  text-align: justify;}
body.termine_submenue div.event-item div.parameter a.read-more{
display:block;
}

body.termine div.event-item div.parameter a.read-more{
display:block;
}
body.termine div.event-item div.parameter{
display:block;
}
body.termine div#teaser-0{
display: none;
}
body.mitmachen div#nav02-area ul{
display: none;
}