/*******************************************************************************
********************************************************************************
	Projekt		: Community AddOn
	
	Agentur		: blumbeet - web.studio
				: www.blumbeet.com
********************************************************************************
*******************************************************************************/

/*	Reset - NICHTS VERAENDERN *************************************************/
* {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

a {
	text-decoration:none;
}

img, fieldset {
	border: 0;
}

img {
	vertical-align: bottom;
}

ol, ul, li {
	list-style: none;
}

strong {
	font-weight: bold;
}


html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align:left;
}

	  .centerimage {
	  text-align:center;
	  }
	  


/*	Standard - NICHTS VERAENDERN **********************************************/

body, div, h1, h2, h3, h4, h5, h6, p, 
a, span,  
li {
	background-repeat:no-repeat;
}



.fl-lft, 
.flLeft { 
	float: left;
	margin: 0 20px 0 0;
}

.flRight { 
	float: right;
	margin: 0 0px 0 20px;
	vertical-align:center;
}

.fl-rght { 
	float: right;
	margin: 0 0 0 20px;
}
.algn-left { 
	text-align: left;
}
.algn-right { 
	text-align: right;
}
.algn-center { 
	text-align: center;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

/*.hidden {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}*/



table {
	border-spacing: 0;
	border-collapse: collapse;
}
th, td {
	padding:0px;
	vertical-align: top;
}


/*	Allgemeines ***************************************************************/

.loginfield {
/*border:1px solid #333;
background:#FFFFFF;
height:17px;*/
width:143px;
margin-bottom:10px;
/*margin:0px;*/
}

#citation {
	float:right;
	margin-top:30px;

}

h1,  h3, h4, h5, h6 {
padding-bottom:0.3em;
}

h2 {
margin-bottom:0.5em;
}


h1 {
	color: #0563A6;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

h2 {
	color:#0599A3;
	border-bottom:1px dotted #0599A3;
	font-size: 1.1em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif

}

h3 {
color: #666666;
	font-size: 1em;
	font-weight: bold;
		font-family: Arial, Helvetica, sans-serif

}

h4 {
color: #00AEBA;
	font-size: 1em;

font-family: Arial, Helvetica, sans-serif;
font-weight:normal;

}

h5 {
	color: #dc440d;
	font-size: 0.9em;
line-height:1.2em;

font-family: Arial, Helvetica, sans-serif;
font-weight:normal;

}

h6 {
	font-size: 0.7em;
	font-weight:normal;
line-height:normal;
}

p {
	padding-top: 5px;
	padding-bottom: 5px;
	}

a {
	color: #e64C15;
}

div#wrppr ol li {
list-style:decimal;
}


div#wrppr a {
/*	border-bottom: 1px dotted #0CAEDF;*/
}
/*div#wrppr p.image a, */
div#wrppr p.link-button a, 
div#wrppr div.com-tab-navi li a {
	border: 0;
}

div#wrppr a:hover {
text-decoration:underline;
}
div#wrppr a.icon {
	border-bottom: 0;
}
div#wrppr a.icon span {
	border-bottom: 1px dotted #0CAEDF;
}
div#wrppr a.icon:hover span {
	border-bottom-style: solid;
}

div#wrppr p.link-button a, 
div#wrppr p.link-save a, 
div#wrppr ul.com-navi-paginate a, 
div#wrppr div.com-topic p.topic a {
	border: 0;
}


/*div#f-cntnt p, */
div#f-cntnt ul, 
div#f-cntnt ol, 
div#f-cntnt table, 
/*div#f-rght p, */
div#f-rght ul, 
div#f-rght ol, 
div#f-rght table {
	margin-bottom: 1em;
}


div#f-rght p a {
	padding-bottom:0px;
		padding-top:0px;

}


input, textarea, select {
	color: #6D6A6B;
	font-family:   Arial, "Times New Roman", sans-serif;
	font-size: 1em;
}


p.answertext, 
p.warning, 
p.com-warning {
	padding: 10px;
	background-color: #88b103;
	color: #FEF3E1;
}


/*	Seitestruktur *************************************************************/
#user-navi {
padding:10px 5px 0px 5px;
} 

#user-navi  a {
background:none;
color:#ed711f;
} 


#topline{
background:FFF;
height:30px;
width:980px;
margin:0px auto;
text-align:right;
margin-top:20px;
font-size:0.7em;
} 



body {
	padding:0px;
	margin:0px;
	color: #666666;
	font-size:1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

div#wbst {
margin:0px auto 10px auto;
	width: 980px;
	font-size: .87em;
	line-height: 1.2em;
}

div#wbst ol li {
	list-style-type: decimal;
	list-style-position:inside;
}

div#wbst a {
}

/*div#content  {
width:100%;
background:url(/files/layout/bg_content.jpg) top left repeat-x;

padding:0px 0px 0px 30px;
}*/


div#header{
width: 100%;
background:  #00AEBA;	

}

div#hdr {
width:980px;
height: 108px;
margin: 0px auto;
background-image: url(layout/header.gif);	
}

div#ftr {
	width: 100%;
	background:  #00AEBA;	
	height:30px;
		font-size: .65em;
}

div#ftr2 {
padding-top:10px;
	width: 980px;
	margin:0px auto;
	height:30px;
		color:#FFFFFF;
		text-align:left;

}

div#ftr2 a{
margin-right:320px;

}


div#ftr a{
	color:#FFFFFF;

}



div#f-lft 
{
	float: left;
	width: 200px;
	padding: 0px 0;
}
 
div#f-rght {
	float: left;
	width: 205px;
	padding: 0px 0;
}

div#f-cntnt ul li{
list-style-image: url(/files/layout/ul.gif);
}


div#f-rght h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #88b103;
	color:#88b103;
}

div#f-lft h1 {
	border-bottom: 1px solid #575556;
		color:#00AEBA;

}

div#f-rght {
	float: right;
	padding-top:10px;
}






div#f-cntnt {
	width: 575px;
		float: left;
	padding: 10px 0;
}

div#f-cntnt div#cntnt {
	padding: 0 30px 0 30px;
}

/*	Header ********************************************************************/
div#logods {
width:261px;
height:108px;
float:left;
}
div#logo p a {
	display: block;
	width: 309px;
	height: 128px;
	text-indent: -1000em;
}





div.bx-shdw {
	margin-bottom: 2em;
	padding-top: 4px;
	padding-left: 4px;
}
div.bx-shdw-2 {
	padding-right: 4px;
	padding-bottom: 4px;
}
div.bx-v1-cntnt {
	padding: 20px 15px;
	background-color: #FFF;
}


div.bx-v2-cntnt {
	padding: 5px 5px;
	background-color: #575556;
	color:#FFF;
}

#com-user-box {
padding:10px;
background:#333;
}

#com-user-box ul li a {
background-image:none;
padding-left:0px;
color:#FF9933;
}

#com-user-box ul li {
background-image:none;
list-style-image:none;
}


.splt ul  {
background-image:none;
list-style-image:none;
}


div.bx-v2-cntnt p {
padding:0px;
}

div.bx-v2-cntnt .submit {
	font-size:0.8em;
	background:#88b103;
	color:#FFFFFF;
	
}


div.spcl-bgcolor {
	margin-bottom: 5px;
		margin-right: 58px;

	padding: 12px;
	background-color: #F9FBEE;
	border: 1px solid #FFF;
	border-top-width: 3px;
	border-bottom-width: 3px;
}



div#com-usr-navi {
	font-family: "Meta-Normal", Verdana, Arial, "Times New Roman", sans-serif;
}


/*	Formulare *****************************************************************/
div#f-lft fieldset, 
div#f-rght fieldset {
	padding: 0;
}


/*	Icons *********************************************************************/
a.icon-lgt, 
a.icon-myprfl, 
a.icon-psswd-frgttn, 
a.icon-rgstr {
	/*padding-left: 15px;*/
	background-position: 0px 3px;
}
a.icon-rgstr {
	/*background-image: url(icon_rgstr.gif);*/
}
a.icon-psswd-frgttn {
	/*background-image: url(icon_psswd_frgttn.gif);*/
}
a.icon-myprfl {
	background-image: url(icon_myprfl.gif);
}
a.icon-lgt {
	background-image: url(icon_lgt.gif);
}
ul.com-usr-list li {
	padding-left: 15px;
	background-image: url(icon_usr_list.gif);
	background-position: 0px 4px;
}




div.splt {
	clear: both;
	/*margin-bottom: 1em;
	height: 5px;*/
	
	margin-bottom: 0em;
	height: 0px;
	background-image: url(splt.gif);
	background-repeat: repeat-x;
	overflow: hidden;
}

.trenn {
	border-top:1px solid #CCC;
	width:100%;
	margin-top:2px;
	margin-bottom:2px;
}




/*	Inhaltsspalte *************************************************************/
p.image {
	padding: 4px 0 0 0;
}
p.image span {
	display: block;
	padding: 10px 0 0 0;
	color: #BEBFC1;
}

p.img-top, 
p.img-bttm {
	margin-bottom: 1em;
}


#cntnt ul {
	margin-bottom: 10px;
	margin-left: 20px;
}
#cntnt ul.com-navi-myprofile {
	margin-left: 0px;
}

#cntnt li {
	list-style-type:square;
}






.boxx_top{
width:205px;
height:auto;
margin:0px;
padding:0px 0px 0px 0px;
background-image:url(layout/box_top.gif);
background-repeat:no-repeat;
background-position:top;
background-color:#00AEBB;
line-height:30px;
font-size:0.8em;
}

.boxx_top a{
color:#FFF;
padding-left:24px;
background: url(layout/actu_a.gif) left center no-repeat;
}

.boxx{

}

.boxx_bottom{
width:205px;
height:auto;
margin:0px;
padding:0px;
background-image:url(layout/box_bottom.jpg);
background-repeat:no-repeat;
background-position: bottom;
}






/* Bilderpositionierung */

a img,:link img,:visited img {
	/*border: 1px solid #999;*/
}

.flLeft {
	float: left;
	margin: 10px 5px 5px 20px;
}

.flRight {
	float: right;
	margin: 10px 20px 5px 5px;
}

.flTop {
	float: inherit;
	padding-top: 10px;
}



.download-hdl {
font-weight:bold;
padding:0px;
margin:0px;
}

.download-file  a{
padding:0px;
margin:0px;
}

.download-without-desc {
padding:0px;
margin:0px;
}
/********************************************************* 
spezielle Formate
**********************************************************/

/* externe Links, wenn im Template definiert */
#content a.extern {
/*background: transparent url(../img/link-extern.gif) 0 0 no-repeat;
padding-left: 15px;
margin-left: 2px;*/
}

.left {
float:left;
}
.right {
float:right;
}
.clear {
clear: both;
}



/********************************************************* 
MODUL-Formate
**********************************************************/


/* Module Sidebar 
***************************/
#subcontent1 div.sectiontext,
#subcontent2 div.sectiontext,
#subcontent1 div.filedownload,
#subcontent2 div.filedownload {
padding: 5px 8px 0 8px;
width:auto;
}
#subcontent1 div.section-txtpic div.pic,
#subcontent2 div.section-txtpic div.pic {
margin:3px 0 5px 0;
}
#subcontent1 div.section-txtpic img,
#subcontent2 div.section-txtpic img {
max-width:190px;
}


/* MODUL Text + 4 Bilder
**************************/

div.section-txtpic {
margin: 0 0 10px 0;
clear:both;
width:100%;  /*für Safari */
}

div.section-txtpic.li div.sectiontext img {
margin: 5px 10px 10px 0;
float:left;
}
div.section-txtpic.re div.sectiontext img {
margin: 5px 0 10px 10px;
float:right;
}

div.section-txtpic div.pic {
margin: 3px 6px 8px 0;
display:inline;
}
div.section-txtpic.re div.pic {
margin: 3px 0 4px 15px;
float: right;
clear:both;
}
div.section-txtpic.li div.pic {
margin: 3px 15px 4px 0;
float: left;
clear:both;
}

#maincontent div.section-txtpic h1:first-child,
#maincontent div.section-txtpic h2:first-child,
#maincontent div.section-txtpic div.sectiontext p:first-child {
margin-top:0;
}

/* für 2-spaltige Darstellung */

div.section-txtpic.col-li {
float:left;
clear:none;
width:48% ; 
}
div.section-txtpic.col-re {
float:right;
clear:none;
width:48% ; 
}



/* MODUL Bild
********************/

div.section-pic {
margin: 0 0 5px 0;
clear:both;
}
p.picsub {
font-size: 0.65em;
line-height:1.2em;
margin-top:5px;
text-align:center;
}


/* MODUL Bild
********************/

/*div.section-pic {
margin: 0 0 5px 0;
clear:both;
position:relative;
z-index:20;
}
p.picsub {
font-size: 0.8em;
line-height:1.2em;
margin:4px 0;
text-align:center;
}

/* Bilderunterschriften */

.image p {
	font-size: 0.9em;
	margin: 0;
	padding: 2px;
}
.image  {
border:1px solid #999CCC;
padding:5px;
margin:20px;
}



/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	height: 250px;
	margin-left: 10px;
	border: 1px solid #999CCC;
	background-color:#FDFDFD;
		margin-bottom:10px;


}


/* Textfeld */
.formgen .formtext
{
	height: 19px;
    width: 300px;
	margin-left: 10px;
	border: 1px solid #999CCC;
	background-color:#FDFDFD;
	margin-bottom:10px;


}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 50px;
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	color: #333;
font-style:italic;
	font-size:0.9em;
	font-weight: normal;
	padding-bottom:5px;
	text-align:left;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #999CCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	/*border: 1px solid #990000;*/
}

/* Label */
.formgen label {
width: 120px;
clear: left;
float: left;
/*height: 20px;*/
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	margin-left: 10px;
	border: 1px solid #999CCC;
	background-color:#FDFDFD;
	width: 300px;
		margin-top:10px;


}


/* Sende-Button */
.formgen .formsubmit
{
	width: auto;
	color:#dc440d;
	margin-left: 40%;
	margin-top:10px;
	border: 1px solid #00AEBA;
	background-color:#FFF;

	
}



/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 600px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: none;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #6e696a;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #6e696a;
	margin: 5px;
	padding: 5px;
}

.forminfo {
	padding-top: 20px;
	padding-left: 20px;
	font-weight:bold;
	color: #dc440d;
}




/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #dc440d;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */


/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}
             






#wbst p.pdf {

	padding-left: 25px;

	line-height:1.8em;

	background-image: url(/files/file_acrobat-trans.gif);

	background-position:0px 9px;

	background-repeat: no-repeat;
}
      
	  
/* Hauptmenue */

#header-nav {
	width: 750px;
	height: 60px;
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#header-nav ul {
	margin: 0;
	padding: 0;
}

#header-nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#header-nav li a {
	display: block;
	float: left;
	height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	background: #aab9a8;
	color: #fff;
	border-right: 1px solid #fff;
	padding: 5px 20px;
}

#header-nav li.active a {
	background: #ccd7dd;
	color: #fff;
	border-right: 1px solid #fff;
}

#header-nav li a:hover {
	background: #EA1144;
	color: #fff;
	border-right: 1px solid #fff;
}

/* Linke Spalte */

#left {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
}

#navigation {
	width: 199px;
	margin: 0px 0px 20px 0px;
}

#navigation  ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#navigation  li a {
	display: block;
	text-decoration: none;
	color: #00AEBA;
	padding: 7px 10px 7px 0px;
	border-bottom: 1px solid #DBEFF2;
}

#navigation  li.active a {
	color: #dc440d;
	padding: 7px 10px 7px 0px;
}

#navigation  li a:hover {
	color: #dc440d;
	padding: 7px 10px 7px 0px;
}



#navigation .subnav1  {
padding:5px 0px 5px 0px;
	background-color:#F4F8F8;

		border-bottom: 1px solid #DBEFF2;

}

#navigation .subnav1 li a {
	display: block;
	text-decoration: none;
	color: #575555;
	font-size:0.75em;
	padding: 0px 10px 0px 15px;
	background-color:#F4F8F8;
	border:none;
}

#navigation .subnav1 li.active a {
	color: #00AEBA;
	padding: 0px 10px 0px 15px;
	background:url(layout/fleche_navi.jpg) left center no-repeat;
	background-color:#F4F8F8;

}

#navigation .subnav1 li a:hover {
	color: #dc440d;
	padding: 0px 10px 0px 15px;
}


/**********************
Galerie + Lightbox 
***********************/


/* GALERIE */
/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/
span#caption
{	color:#000000;
}
div.galerie {
width: 520px;
clear:both;
}
div.galerie h1:first-child,
div.galerie h2:first-child {
margin-top:0;
}

div.jaosg_thumbnail{
	float: left;
	margin: 4px 4px 0 0;
	z-index:200;
}

div.jaosg_thumbnail img{
z-index:200;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 80px;
	width: 115px;
	margin: 3px 3px 3px 0 !important;
	z-index:200;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 53px;
	margin: 3px 3px 3px 0 !important;
	z-index:200;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
	z-index:200;
}

/* Jaos ohne Lightbox bzw. ohne JS */
p.jaosg_nav {
font-size:0.95em;
}
p.jaosg_nav a {
margin-right: 10px;
}
a.JaosBackInactive,
a.JaosNextInactive {
}

.jaosg_bild img{
max-width: 520px !important;
}

p.jaosg_bildbeschreibung {
}