* {
	margin: 0;
	padding: 0;
}

body {
	font-family:'Lucida Grande',sans-serif;
	color: #333;
}

#custom-doc {
	width: 100%;
	max-width:1280px;
}
#doc {
	margin-top: 1em;
}

#hd {
	margin:1em auto 0 auto;
	display: inline;
	float: left;
}

#hd img{
	margin-bottom: 0.5em;
}
#hd .logo{
	display:block;
	margin: 0em 2.5em 1em 1.5em;
}

#bd {
	position: relative;
	float: left;
	margin:auto;
	width:53em;
	min-width:53em;
}

#bd_bo {
	/* kein position relative wegen dem datepicker */
	float: left;
	margin:auto;
	width:700px;
	min-width:700px;
}

#bd #ajaxContent{
	left:680px;
	position:absolute;
	top:150px;
	width: 250px;
}

#bd #feeds{
}
#bd #picasaSlideshow{
	width:250px;
	height:200px;
}


#ft {
	margin:auto;
	width:53em;
	min-width:53em;
}
a {
	text-decoration: none;
    color: #0099CC;
}
a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bolder;
}


.fr {float: right !important; clear: none !important;}.fl {float: left !important;clear: none !important;}.clear {clear: both !important;line-height: 0px; height: 0px; font-size: 1px;}

.round {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#searchForm {
	margin-top: 1em;
	width:20em;
	float: right;
}
#searchResults {
	margin-bottom: 1em;
}

.tagcloud {
	text-align: center;
	margin: 2.0em 0em 3em 0em;
}
.tagcloud a {
	color: #55601C;
	margin: 2px;
	white-space: nowrap;
}
.tagcloud a.active:active,
.tagcloud a.active:hover {
	text-decoration: none;
}
.tagcloud ul{
	text-align: center;
}

.tagcloud li{
	display: inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	vertical-align: text-bottom;
}

.tagcloud .size0{
	font-size: 2.8em;
	color: #55601C;
}
.tagcloud .size1{
	font-size: 2.5em;
	color: #0099cc;
}
.tagcloud .size2{
	font-size: 2.2em;
	color: #993399;
}
.tagcloud .size3{
	font-size: 1.8em;
	color: #50af36;
}
.tagcloud .size4{
	color: #660066;
	font-size: 1.6em;
}
.tagcloud .size5{
	color: #ffb700;
	font-size: 1.4em;
}
.tagcloud .size6{
	color: #0CC6DE;
	font-size: 1.2em;
}
.tagcloud .size7{
	color: #CED64B;
	color: #50af36;
	font-size: 1.0em;
}
.tagcloud .size8{
	color: #8e9300;
	font-size: 0.9em;
}
.tagcloud .size9{
	font-size: 0.8em;
	color: #006699;
}

.ct {
	margin: 2em 3em 0 3em;
}

.ct .ct_header .clear{
	border-top: 1px solid #55601C;
}
.ct .ct_header .sort{
	float: right;
}

.sort .radio {
	display: inline;
	margin-left: 0.5em;
}

.ct .ct_header .sort .label{
	margin: 0 0.5em 0 0;
	float: left;
	font-weight: bold;
}
.ct .ct_header .sort label input{
	vertical-align: middle;
	margin-right: 0.25em;
}
.ct .ct_header .sort form{
	float: right;
	*margin-right: 3em;
}

.ct .currentTag {
	float: left;
	font-size: 1.4em;
	background-color: #55601C;
	color: #FFF;
	display: inline;
}
.ct .currentTag span {
	padding: 0.2em 0.25em;
}

.footer {
	display:inline-block;
	padding:0 0.7em;
	white-space:nowrap;
}

.footer a {
	color: #55601C;
}

.footer {
	padding: 0;
	width: 100%;
	text-align: center;
}

.footer li *,
.topnavigation * {
	margin-right: 0.5em;
	display:inline;
}

* html ul.footer { display: inline; } *:first-child+html ul.footer { display: inline; }
* html .footer li { display: inline; } *:first-child+html .footer li { display: inline; }

.footer > li,
.topnavigation > li {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0.25em 0.5em;
}

h2 {
	color: #0099cc;
	font-size: 151%;
	font-weight: bold;
}

h3 {
	color: #9c5fb5;
	color: #CED64B;
	color: #55601C;
	font-size: 108%;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

ol.article-list li.article:first-child {
	border-top: none;
	padding-top: 0.75em;
}

ol.article-list > li.article {
	padding-top: 2.0em;
	padding-bottom: 2.5em;
	border-bottom: 1px solid #55601C;
	position: relative;
	display: block;
}
* ol.article-list li.article {
	padding-top: 1.0em;
	padding-bottom: 1.5em;
	position: relative;
	display: block;
	zoom: 1;
	margin: 1em 0;
	border-bottom: 1px solid #55601C;
}

.article h2 {
	width: 24em;
}

.article h2 a  {
	text-decoration: none;
}

.article ul  {
	margin-left: 1em;
	margin-bottom: 1em;
}
.article ul.link-list  {
	list-style-type: none;
	margin-left: 1em;
	margin-bottom: 1em;
}
.article ul li {
	list-style-type: disc; 
	list-style-position: inside; 
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border-bottom: none;
}
a.translate {
	cursor: pointer;
}

.article .imageContainer {
	text-align: center;
	margin-bottom: 1em;
}

.article .imageContainer .caption{
	color: #666;
	font-size: 85%;
	margin-bottom: 1em;
}

.article p {
	margin-bottom: 1.0em;
}
.article a {
	color: #55601C;
	color: #0099CC;
}
.article a.external {
	line-height: 1.5;
	background: url(../img/sprite.gif) no-repeat 100% 0;
	padding: 0 15px 0 0;
}
.article .article-meta {
	font-size: 85%;
}
.article .article-meta .humanreadable{
	color: #9c5fb5;
}
.article .article-body .top-spacing{
	margin-top: 1em;
}

.article.inactive {
    background-color: #f3f3f3;
}

.article .sortingCriteria {
	display: none;
}
.csd {
	display: none;
	position: relative;
	right: 0;
	float: right;
	top: 0;
	width: 9em;
	height: 4em;
	margin: 0 0 0.5em 0.5em;
	z-index: 10;
}
ul.csd {
	margin: 0;
}
ul.csd li {
	list-style-type: none;
	padding: 0;
}
div.csd {
	z-index: 10;
	display: block;
}

/* CSS Dropdown fŸr Translations */ 

.csd li.headlink {
    width: 120px;
    float: left;
	background-color: #FFF;
	position: absolute;
	right: 0;
	color: #FFF;
	border: 1px solid #999;
	color: #55601C;
	background: transparent url("../img/sprite.gif") repeat-x 0 -88px;
	z-index: 11;
} 
.csd li.headlink .csd_head span{
    font-weight: bold;
	font-size: 85%;
} 
.csd li.headlink .csd_head {
	z-index: 11;
	height: 18px;
    line-height: 18px;
	padding: 2px 20px 2px 5px;
	background: transparent url(../img/sprite.gif) no-repeat right -36px;
} 
.csd li.headlink a {
    display: block;
    padding: 15px;
	outline: none;
}

.csd li.headlink ul {
	display: none;
	margin: 0;
	background-color: #FFF;
    text-align: left;
	outline: none;
	z-index: 100;
} 
.csd li.headlink:hover ul {
    display: block;
	z-index: 100;
} 
.csd li.headlink ul li a {
    padding: 5px;
	color: #55601C;
    height: 17px;
	background: #FFF;
} 
.csd li.headlink ul li a:hover {
	background: transparent url("../img/sprite.gif") repeat-x 0 -88px;
}

.csd li.gBrandingText  {
	clear: left;
}
.csd li.gBrandingText div {
	color: #666;
	padding: 0.25em;
	font-size: 77%;
	border-top: 1px solid #999;
}

/*
 * Formular
 * */

form .section {
	/* leichtes grŸn */
	background-color: #DDE27E;
	/* leichtes blau */
	background-color: #DDE6F7;
	padding: 1em;
	margin-bottom: 1em;
}
form .head {
	margin-bottom: 1.5em;
}

form h1 {
	font-size: 167%;
	color: #fff;
	background: #006699;
	font-weight: bold;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

form h2 {
	color: #333;
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
form h3 {
	color: #333;
	padding: 0.25em;
	background: #fff;
	font-size: 100%;
        font-weight: normal;
}
form .error h3 {
	color: red;
    border: 1px solid red;
}

/* Formular 
 * --------------------*/

.formItem {
    margin-bottom: 0.75em;
}

.formItem .label{
    float: left;
    display: inline;
    font-weight: bold;
    width: 11.53846em;
    *width: 11.27819em;
}
.formItem .textarea .input{
    display: block;
    margin-left: 0;
}

.formItem .textarea .input span.mceEditor {
    display: block;
    float: left;
}

.formItem .textarea .label{
    float: left;
    text-align: left;
}

.formItem .input{
    margin-left: 12.30769em;
    *margin-left: 12.03007em; 
}
.formItem .label .optional{
    font-weight: normal;
}

.formItem .hint{
    margin: 0.1em 0 0 0.1em;
    font-weight: normal;
}



.formItem .input input  {
    
}
#bd_bo .formItem .input textarea  {
    width: 670px;
}

.formItem .input .min, 
.formItem .input .max {
    width: 4em;
	float: left;
}
.formItem .input .linkUrl input {
    width: 19.5em;
	margin-right: 0.5em;
}
.formItem .input .Url {
	margin-top: 0.25em;
}
.formItem .input .Url input {
    width: 25em;
	margin-right: 0.5em;
}
.formItem .linkUrl .link select {
    width: 5em;
}
.formItem .input .min input,
.formItem .input .max input {
    width: 3em;
}
.formItem .input input.date_input{
    width: 8em;
}


.formItem .input .bis  {
	padding-right: 0.5em;
	float: left;
}

.formItem .input div.radio  {
    display:block;
    margin-bottom: 0.5em;
}

.formItem .errorMessage {
    display: none;
}

.formItem.error .errorMessage {
    display: block;
    color: red;
    margin-left: 12.30769em;
    *margin-left: 12.03007em;
	background: transparent url(../img/sprite.png) no-repeat 0 -400px;
}
.formItem.error .errorMessage span{
    margin-left: 2em;
}

.formItem.error .input {
    margin-top: 0.2em;
}

.error .input input,
.error .input select
{
    border:1px solid red;
}

.formItem.error .input label {
    color: red;
}

.listbox {
    display: block;
	width: 15em;
    	
}

.checkbox,
.radio {
    display: block;
    cursor: pointer;
    margin-bottom: 0.25em;
}
.checkbox label,
.radio label {
    display: block;
    float: left;
    padding-right: 10px;
    padding-right: 10px;
    padding-left: 22px;
    text-indent: -22px;
}

.checkbox input,
.radio input{
    vertical-align: middle;
}

.checkbox span,
.radio span {
    margin-left: 0.1em;
    vertical-align: middle;
}



.buttons {
    padding-top: 0.5em;
    padding-left: 13.30769em;
    *padding-left: 13.03007em;
    margin-bottom: 1em;
}


.buttons .primary {
    margin-right: 1.0em;
    padding: 4px 8px;
	font-size: 123%;
    border: none;
	border: 1px solid #55601C;
  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
    height: 30px;
    background: transparent url(../img/sprite.png) repeat-x 0 -150px;
}
.buttons .primary:hover {
	background: transparent url(../img/sprite.png) repeat-x 0 -190px;
}

.buttons .secondary {
    padding: 0;
    margin-left: 1.0em;
    cursor: pointer;
}

/* FeedbackPanel fŸr Formular
 * --------------------------*/

.fp {
  padding: 0.5em 1em;
  margin-bottom: 1em;
}
.fp h4 {
  font-size: 116%;
  font-weight: bold;   
  margin-bottom: 0.25em; 
}
.fp .text {
  padding-left: 25px;   
}
.fp .icon {
    height: 20px;
    width: 20px;
    float: left;   
}

.fp.fp_error h4{
  color: red;    
}
.fp.fp_error {
  	border: 1px solid red;    
}
.fp.fp_error .icon {
  background: transparent url(../img/sprite.png) no-repeat 0 -320px;
}

.fp.fp_info {
  background-color: #DEE7F7;
  border: 1px solid #7CA0DF;    
}
.fp.fp_info .icon {
  background: transparent url(../img/sprite.png) no-repeat 0 -240px;
}
.fp.fp_success {
  background-color: #d2e6b8;
  border: 1px solid #50992e;    
}
.fp.fp_success .icon {
  background: transparent url(../img/sprite.png) no-repeat 0 -360px;
}

input[type=submit] {
	cursor: pointer;
}
.small {
    font-size: 77%;
}
.hint {
    font-size: 77%;
    color: #666666;
}

/* Bild fuer TinyMCE Plugin */
.defaultSkin span.mce_fdc_image {
    background-position:-380px 0;
}