/* CSS Document */

body {
margin:0;
padding:0;
text-align: left;
font-family: arial, sans-serif;
font-size:11px;
/*background-image:url(../images/bg.gif)*/
}

/*unsicher, wie viel die 20px Höhe macht....*/
td {
font: 11px  arial, sans-serif;
padding-bottom: 2px;
padding-top: 0px;
padding-left: 0px;
}

.bold {
font-weight: bold;
color: #666666;
}

.readon2 {
padding-left: 8px;
background-image:url(../images/arrow2.gif);
background-repeat:no-repeat;
}


.pathway {
color: #666666;
font-weight: normal;
text-decoration: none;
}

#pathway_text{
padding-left: 55px;
text-decoration: none;
}

#header{
height: 55px;
width: 308px;
background-image:url(../images/banner_left.jpg);
background-repeat:no-repeat;
padding: 0px;
}

#header_right {
height: 55px;
width: 626px;
background-image: url(../images/banner_rigt.jpg);
background-repeat:no-repeat;
padding: 0px;
vertical-align: top;
}


#horizontal_menu {
padding-left: 55px;
padding-top: 25px;
}

.schrift {
padding-top: 38px;
color: #666666;
font-weight: bold;
}

.li {
list-style-position: outside;
list-style-image: url(../images/arrow.png);
font-family: Arial,sans-serif; 
font-size:  11px; 
}

.ev_ul {
margin: 0px 12px 0px 12px;
list-style-position: outside;
list-style-image: url(../images/arrow.png);
font-family: Arial,sans-serif; 
font-size:  11px; 
	
}

#flash {
width: 934px;
height: 164px;
background-image:url(../images/flash_bg2.jpg);
background-repeat:no-repeat;
}

#pathway_bg {
height: 26px;
background-image:url(../images/path_bg.jpg);
background-repeat:no-repeat;
padding: 0px;
}

#content_bg {
width: 934px;
background-image:url(../images/content_bg.jpg);
background-repeat:repeat-y;
}

#footer_bg {
width: 934px;
height: 47px;
background-image:url(../images/footer_bg.jpg);
background-repeat:no-repeat;
}

#footer {
text-align: right;
padding-bottom: 12px;
padding-right: 45px;
color: #666666;
}

#inner_table {
width: 934px;
padding: 0px;
}

#leftspace {
width: 20px;
}

#menu_top {
padding-top: 0px;
width: 216px;
background-image:url(../images/menu_content.jpg);
background-repeat:repeat-y;

}

#menu_footer {
width: 216px;
height: 30px;
background-image:url(../images/menu_footer.jpg);
background-repeat:no-repeat;
}

#content {
width: 433px;
height: 650px;
vertical-align:top;
padding: 0px;
}

/*Weitedefinition muss in der absoluten Zahl vorgenommen werden auch in: componentheading, contentheading, contentpaneopen, contentpane, zmg-album etc. , definiert die Artikelauflistung, IE scheint das nicht zu akzeptieren */
.blog {
width: 380px;
margin: 0px;
padding: 0px;
height: auto; 
}

/*inhalt content und banner der rechten Seite steuerbar über padding-left des blog_content und padding-left von right resp random*/
#blog_content{
padding-top: 20px;
padding-left:20px;
padding-bottom: 20px;
width: 380px;
border: 0px;
background-color: none;
}

.adminform {
width:380px;
}

#right {
width: 225px;
padding-top: 0px;
padding-left: 4px;
vertical-align: top;
height: auto;
}
 
#random {
width: 225px;
height: 155px;
padding-top: 2px;
padding-left: 4px;
background-repeat: no-repeat;
vertical-align: top;
}

#random_bg {
background-image: url(../images/random_image.jpg);
background-repeat: no-repeat;
height:155px;
vertical-align: top;
}

#flash_movie {
padding-left: 16px;
}


/*//////////////// Modul Random Image ///////////////////////////////////////*/

table.moduletablerandom {
padding-top: 0px;
height: 155px;
}

/*Position des Random Image*/
div.moduletablerandom {
padding-top: 24px;
padding-left: 50px;
color: #000000;
height: 155px;

}

table.moduletablerandom th, div.moduletablerandom h3 {
}

table.moduletablerandom td {
}

.captionTitle  {
text-decoration: none;
font-weight: bold;
}


/*//////////////// Modul News //////////////////////////////////////////////////////////////////////*/
table.moduletablenews {
margin-bottom: 5px;
vertical-align: top;
margin: 0px;
}

/*Schriftgrösse im Model,nicht aber bei IE, Div umhüllt scheinbar das ganze Modul*/
div.moduletablenews {
border: 1px solid #83d6a4;

}

table.moduletablenews th, div.moduletablenews h3 {
background-image: url(../images/menu_title.jpg);
background-repeat: y-repeat;
padding-left: 5px;
padding-bottom: 0px;
line-height: 21px;
color: #666666;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 2px 0px;
}

table.moduletablenews td {
vertical-align:top;
color: #666666;
padding-left: 5px;
}

#itemline{
padding-left: 5px;
}

#rss_channel{
padding-left: 5px;
}



/*//////////////// Modul Banner Image ///////////////////////////////////////*/

table.moduletablebanner {


}

/*Position des Random Image*/
div.moduletablebanner {
margin-top: -6px;
padding-bottom: 5px;
padding-top: 0px;
color: #000000;
vertical-align: top;
height: auto;
}

table.moduletablerandom th, div.moduletablerandom h3 {
}

table.moduletablerandom td {
}

.captionTitle  {
text-decoration: none;
font-weight: bold;
}




/*//////////////// Modul Forum ///////////////////////////////////////*/

table.moduletableforum {


}

/*Position des Random Image*/
div.moduletableforum {
background-image:url(../images/forum_latest.jpg);
background-repeat:no-repeat;
padding-top: 0px;
padding-left: 5px;
}

table.moduletableforum th, div.moduletableforum h3 {
}

table.moduletablerandom td {
}

.captionTitle  {
text-decoration: none;
font-weight: bold;
}




/*//////////////// Modul allgemein //////////////////////////////////////////////////////////////////////*/
table.moduletable {
margin-bottom: 5px;
vertical-align: top;
margin: 0px;
}

/*Schriftgrösse im Model,nicht aber bei IE, Div umhüllt scheinbar das ganze Modul*/
div.moduletable {
padding-left: 16px;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
background-image: url(../images/menu_title.jpg);
background-repeat: no-repeat;
padding-left: 16px;
padding-bottom: 0px;
line-height: 21px;
color: #666666;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 2px 0px;
}

table.moduletable td {
vertical-align:top;
color: #666666;
}





/*//////////////// Login //////////////////////////////////////////////////////////////////////*/
table.moduletablelogin {
margin-bottom: 5px;
vertical-align: top;
margin: 0px;
}

/*Schriftgrösse im Model,nicht aber bei IE, Div umhüllt scheinbar das ganze Modul*/
div.moduletablelogin {
padding-left: 16px;
padding-top: 0px;
margin-bottom: 2px;
height: 50px;
}

table.moduletablelogin th, div.moduletablelogin h3 {
background-image: url(../images/menu_title.jpg);
background-repeat: no-repeat;
padding-left: 16px;
padding-bottom: 0px;
line-height: 21px;
color: #666666;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 2px 0px;
}

table.moduletablelogin td {
vertical-align:top;
color: #666666;
}

#login {
padding-left: 15px;
color: #666666;
}

.mod_login_username {
}





/*/////////////////Links /////////////////////////*/


.moduletablenews a:link {
text-decoration: underline;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
}

.moduletablenews a:hover {
text-decoration: none;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
}

.moduletablenews a:visited {
text-decoration: none;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
}


.captionDescription a:link {
text-decoration: none;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
}

.captionDescription a:hover {
text-decoration: none;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
}

.captionDescription a:visited {
text-decoration: none;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
}


.pathway a:link {
font-size: 11px;
color: #666666;
text-decoration: none;
}

.pathway a:hover{
font-size: 11px;
color: #666666;
text-decoration: none;
}

.pathway a:visited {
font-size: 11px;
color: #666666;
text-decoration:none;
}

a:link {
font-size: 11px;
color: #83d6a4;
text-decoration: underline;
}

a:hover{
font-size: 11px;
color: #83d6a4;
text-decoration: none;
}

a:visited {
font-size: 11px;
color: #83d6a4;
text-decoration:underline;
}

a.mainlevel:link, a.mainlevel:visited {
display: block;
vertical-align: middle;
font-size: 11px;
color: #666666;
text-align: left;
padding-top: 2px;
padding-bottom: 3px;
padding-left: 15px;
line-height: 14px !important;
width: 100%;
text-decoration: none;
}

a.mainlevel:hover {
background-image:url(../images/menu_active.jpg);
background-repeat:no-repeat;
text-decoration: none;
color: #666666;
}

a.mainlevel#active_menu {
background-image:url(../images/menu_active.jpg);
background-repeat:no-repeat;
color:#666666;

}

a.mainlevel#active_menu:hover {
color: #666666;
}

a.mainlevelhorizontal:link, a.mainlevelhorizontal:visited {
font-size: 11px;
color: #666666;
text-align: left;
padding-right: 10px;
text-decoration: none;
font-weight: bold;
}

a.mainlevelhorizontal:hover {
font-weight: bold;
text-decoration: none;
color: #666666;
}

a.mainlevelhorizontal#active_menu {
color:#666666;

}

a.mainlevelhorizontal#active_menu:hover {
color: #666666;
}  


a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #666666;
text-align: left;
}

a.sublevel:hover {
	color: #666666;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #666666;
}





/*********************
* Calendar style
**********************/

/*zusätzliche id eingefügt in events.html.php, damit der Titel des Anlasses nicht id class contentheading ist */
#event_titel {
padding-top: 10px;
}


.cal_table {
border: 1px solid #000000;
}
.cal_td_daysnames {
border-bottom: 1px solid #000000;
height:25px ! important;
line-height:25px;
color: #ccffcc;
font-weight:bold;
}

.cal_td_daysnames .sunday{
	color:red;
}
.cal_td_daysnames .saturday{
}
.cal_daysnames {
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.cal_td_daysoutofmonth {
    background-color: #B0C4DE;
}
.cal_daysoutofmonth {
    font-family:  arial;
    font-size:  11px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.cal_td_today {
    background-color:#E9B4A1;
    padding:0px !important;
}
.cal_td_daysnoevents {
    background-color: #FFDEAD;
    padding:0px !important;
}
a.cal_daylink:link {
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.cal_daylink:visited{
    font-family: arial;
    font-size: 11px;: 11px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.cal_daylink:hover{
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: Red;
    text-decoration: none;
}
a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {
font-size: 10px;
font-weight: bold;
font-family: arial;
text-decoration: none;
color:inherit!important;
display:block;
margin-bottom:1px;
}

/***************************
* List style
**************************/
ul.ev_ul {
list-style:none;
padding:0px;
}

ul.ev_ul li.ev_td_li {
border-style: none;
border-width:0px;
margin-bottom:0px;
background-image:none
}


a.ev_link_cat:link {
font-size:11px;
font-family: arial;
color: #000000;
text-decoration:none;
}

a.ev_link_cat:visited  {
font-size:11px;
font-family: arial;
color: #000000;
text-decoration:none;
}

a.ev_link_cat:hover  {
font-size:11px;
font-family: arial;
color: #000000;
}

a.ev_link_row:link {
font-size:11px;
font-family: arial;
color: #666666;
text-decoration:none;
}

a.ev_link_row:visited  {
font-size:11px;
font-family: arial;
color: #666666;
text-decoration:none;
}

a.ev_link_row:hover  {
font-size:11px;
font-family: arial;
color: #666666;
}


.ev_fieldset {
font-family: arial;
font-size: 11px;
font-style: normal;
font-weight: bold;
padding: 0px;
width: 380px;
border: 0px;
}

/*umhüllt Titel und dann auch die Eventsaufzählung in der Jahresansicht*/
#ev_fieldset {
font-family: arial;
font-size: 11px;
font-style: normal;
font-weight: bold;
width: 380px;
border: 0px solid;
padding: 0px;
margin: 0px;
}

fieldset {
border: 0px;
padding: 0px;
vertical-align:top;
}

.cal_table {
border: 0px solid #000000;
width:100%!important;
}

/* Hier drin sind Daten und Events bei der Jahresansicht*/
.ev_table {
border: 0px;
padding: 0px;
width: 390px;
}

.ev_table tr {
padding: 0px;
width: 100%;
}

.ev_table td {
padding-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;


}

.ev_td_right {
font-family: arial;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-align : left;
vertical-align: top;
padding: 0px;
margin: 0px;
}

.ev_td_left {
font-family: arial;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-align : left;
vertical-align: top;
width: 150px;
padding: 0px;
margin: 0px;
}

.ev_td_today {
    background-color: #E9B4A1;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: black;
}

.ev_detail {
padding: 0px;
}

/**********************
* Form style
**********************/
 /* Styles for dhtml tabbed-pages */
.ontab {
    font-family : arial, arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: ThreedShadow;
    border-left: outset 1px #ff9900;
    border-right: outset 1px #808080;
    border-top: outset 1px #ff9900;
    border-bottom: solid 1px #d5d5d5;
    text-align: center;
    cursor: hand;
    font-weight: bold;
    /* color: #FFFFFF; */
}
.offtab {
	font-family : arial, arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EEEEEE;
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
	border-bottom: solid 0px #777777;
}
.tabheading {
	background-color: #ffae00;
	border-left: solid 1px #777777;
	border-right: solid 1px #777777;
	/* color: #FFFFFF; */
	font-family : arial, arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
}
.tabcontent {
    /* background-color: ThreedFace; */
    border-top: solid 1px #777777;
    border-left: solid 1px #777777;
    border-right: solid 1px #777777;
    border-bottom: solid 1px #777777;
    /* color: #FFFFFF; */
    font-family : arial, arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
}
.pagetext {
	visibility: hidden;
   display: none;
	position: relative;
	top: 0;
}
.frm_td_bydays {
    background-color: #FFF8DC;
    font-size: 11px;
    color: black;
}
.frm_td_byweeks {
    background-color: #FFF0F5;
    font-size: 11px;
    color: black;
}
.frm_td_bymonth {
    background-color: #FDF5E6;
    font-size: 11px;
    color: black;
}
.frm_td_byyear {
    background-color: #F0F8FF;
    font-size: 11px;
    color: black;
}
/* Calendar navigaton area */
div.ev_navigation {
}
/* Calendar admin panel */
.ev_adminpanel {
z-index:1;
width: 380px;

}
/**********************
* Nav bar style
**********************/
a.nav_bar_link:link {
    font-size: 10px;
    font-family: arial;
    color: Green;
}
a.nav_bar_link:visited  {
    font-size:10px;
    font-family: arial;
    color: Teal;
}
a.nav_bar_link:hover  {
    font-size:10px;
    font-family: arial;
    color: Lime;
}
.nav_bar_cell  {
padding: 0px;
width: 380px;
horizontal-align: top;

}



/****************************
* Iconic calendar navigation
****************************/

td.iconic_td {
   width:60px!important;
   margin:0px;
   padding:0px;
}
div.nav_bar_cal{
   margin:0px;
   padding:0px;
   width:50px;
}
div.nav_bar_cal img, div.nav_bar_cal a{
   height:31px;
   width:50px;
   border:0;
}
tr.icon_labels{
 font-size:70%;
 margin:0px;
 padding:0px;
}
div#ev_icon_yearly {
     background-image: url("images/cal5x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_monthly {
     background-image: url("images/cal1x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_weekly{
     background-image: url("images/cal2x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_daily{
     background-image: url("images/cal3x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_search{
     background-image: url("images/cal8x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_jumpto{
     background-image: url("images/cal9x.jpg");
     background-repeat: no-repeat;
}

/* Event Legend Module Styling */
div.event_legend_container {
	border:solid black 1px;
	background-color: #FFDEAD;
	color:black;
	padding:3px;
	font-size:0.9em;
}
ul.event_legend_list{
	list-style:none !important;
	padding:0px;
	margin:5px;
}
ul.event_legend_list li {
	list-style:none !important;
	border:solid black 1px;
	background-image:none !important;
	padding-left:0px;
}
div.event_legend_name {
	padding:3px;
	font-weight:bold;
}
div.event_legend_name a{
	display:block;
	text-decoration:none;
   	background-color:inherit;
   	color:black;
}
	
div.event_legend_desc {
	background-color:white;
	color:black;
	padding:3px 3px 3px 20px;
	
}


/* Print version */
@media print {

	div.ev_navigation {
		display:none;
	}
	div.ev_adminpanel {
		display:none;
	}

}

.contenttitle {
font-size: 11px;
font-weight: bold;
color: #666666;
padding: 0px;
}


.sectiontableheader {
font-family:  arial, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #83d6a4;
text-align:left;  
padding-top:0px;
border-bottom: 1px solid #83d6a4;
display: block;
padding-left: 0px;
padding-bottom: 1px;
width: 380px;
text-transform: uppercase;
}


.componentheading {
font-family:  arial, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #83d6a4;
text-align:left;  
padding-top:0px;
border-bottom: 1px solid #83d6a4;
display: block;
padding-left: 0px;
padding-bottom: 1px;
width: 380px;
text-transform: uppercase;
}


.contentheading {
font-family:  arial, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #83d6a4;
text-align:left;  
padding-top:0px;
border-bottom: 1px solid #83d6a4;
display: block;
padding-left: 0px;
padding-bottom: 1px;

width: 380px;
}


#zoomgallery1 {
font-family:  arial, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #83d6a4;
text-align:left;  
padding-top:0px;
border-bottom: 1px solid #83d6a4;
display: block;
padding-left: 0px;
padding-bottom: 1px;
width: 98%;
text-transform: uppercase;
}

/*beeinflusst im IE auch die Abstände zwischen den td, firefox scheint unbetroffen*/
.contentpane {
padding: 0px;
margin: 0px;
width: 380px;
}

#reg {
width: 380px;
}

#content_text {
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px;
width: 380px;
}

.contentpaneopen {
padding-top: 0px;
width: 380px;
}

/* Gesamthintergrund der Agenda*/
table.contentpaneopen {
width: 380px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
vertical-align:top;
}

/*//// das Padding fügt rechts einen Abstand ein, default Margin ist bei JCE > imgmanager.xml auf O statt auf 5 gesetzt , das spezifische margin macht den Abstand auch im IE //////*/
.contentpane img, .contentpaneopen img{
padding-right: 5px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0 .5em .5em 0;
vertical-align: bottom;
}


/*//////////// Formulare ///////////////////////////////*/

form {
padding:0px; 
margin:0px;
height: auto;
}



#formabstand {

}

/*////// Buttons, zB Absende-Knopf ///////////*/
.button {
background-color: #ffffff;
border: 1px solid #83d6a4;
font-size: 11px;
}

/*//// Rahmen um die Formularfelder zum Reinschreiben/////*/
.inputbox {
border: 1px solid #83d6a4;
padding-left: 4px;
}




/*///////////// Bestimmt das Aussehen des Füllcontents der Form-Felder, nur Text, nur Button? ///////*/
input { 
color: #336666;
font-family: arial;
font-size: 11px;
padding: 0px;
margin:0px;
}


.checkbox {
padding:0px;
}

.introtext {
color: #ccffcc;
margin-top: -40px;
}

/*ganzes Feld*/
.color: #ccffcc; {
color: #ccffcc;
}

submit {
border-color: #83d6a4;
color: #336666;
font: arial;
font-size: 9px;
background-color: #ffffff;
border-style: solid;
border: 1px;
}

select { 
font: arial;
font-size: 11px;
color: #336666; 
background-color: #ffffff;
border: 1px solid #84d6a4;
width: 120px;
}



input.submit { 
color:#336666; 
border: 1px solid;
border-color: #83d6a4;
}


.moduletablesearch search{
width: 50px;
align: left;
border: 1px solid #83d6a4;
font: arial;
font-size: 11px;
}


/* Das Such-Feld wurde für Firefox im index.php direkt mit einer id angepsprochen > suchfeld*/
#suchfeld {
border: 1px solid #83d6a4;
}

/* Shadow for thumbnail images */
.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 3px;
}
  
  
/*For full size img (zoom gallery) */
.img-shadow-full {
	float: right;
}
.img-shadow-full-border {
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  float:left; /* RC4 Release */
}

.img-shadow-full {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 6px;
  }



.zmg-slideshow-control {text-align:center;}

/* ZMG Album */
.zmg-album {
width:380px;
text-align:left;
padding: 0px;
border: 0px;
}

.zmg-album-inner {
margin: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
}

.zmg-album-inner a {
font-weight:bold;
}

.zmg-album-image {
font-size:11px;
line-height:16px;
color:#777;
background-color:#eee;
border:1px solid #ddd; 
padding: 2px;
width:380px;
height: auto;
margin: 0px;
}


.zmg-image-of-album {
background-color:#fff;
border:1px solid #ddd;
padding:4px;
} 
/*Style the actual image album*/

.zmg-hits {
margin:0;
font-size:11px;
color: #999999;
padding-left: 10px;}

.zmg-slideshow-control-title {
padding: 10px;
color: #666666;
font-size: 11px;
text-transform: uppercase;
}




.clr
{clear:both;
line-height: 0;
font-size: 0;
height: 0;
}


#code {
background-color:#FF6633;
}

#test {
background-color:#CC00CC;
}

.easy_top_right{

}

.easy_content {
font-weight: normal;
width: 380px;
padding-bottom: 5px;
}

.easy_small {
font-weight: normal;
color: #666666;
}

.easy_big {
color: #666666;
}

.easy_admincomment {
padding-left: 20px;
padding-bottom: 5px;
}

.comment {
color: #666666;
}



/*/////////////// Fabrik Forms /////////////////////////////////*/

.mf_element{
width: 190px;
}

.fabrikForm{
width: 380px;
background-color:#ffffff;
color:#666666;
}

.mf_group{
border: 0px solid #fffff99;
padding-bottom:15px;
color:#666666;
margin-bottom:15px;	
}

.mf_group table{
width:380px;
}

.mf_group .button{
background-color:white;
}

.fabrikLabel{
padding-left: 0px;
font-size:11px;
font-weight: normal;
width: 190px;
text-align: left;
}

.mf_group input:focus, .mf_group textarea:focus{
background-color:#ccffcc;
padding: 0px;
}

.mf_group input{
padding: 0px;
}

.fabrikForm h3{
font-size: 12px;
line-height: 15px;
margin:0;
color:#666666;
font-weight: bold; 
padding:0px ;
}

.mf_element td{
padding-bottom:1px !important;
padding-top:1px !important;
padding-right: 5px;
padding-left: 0px !important;
text-align:right;
width: 190px;
}

.fabrikerror{
color:#ff0000;
font-weight:bold;
padding-right:15px !important;
}

.elementErrorHighlight{
background-color:#daf4fa !important;
}

.isemail{
background: transparent url(email.gif) no-repeat top right;
margin-right:10px !important;
padding-right:20px !important;
}

.notempty{
background: transparent url(required.gif) no-repeat top right;
margin-right:10px !important;
padding-right:20px !important;
}

.alphanumeric{
background: transparent url(alphanumeric.gif) no-repeat top right;
margin-right:10px !important;
padding-right:20px !important;
}

.tooltip{
border:2px solid #eeee00;
background-color:#ffff99;
padding:3px;
}


.message {
font-weight: bold;
color:#FF6633;
padding-bottom: 10px;
}


.textrahmen {
width: 380px;
border: 1px solid #83d6a4;
padding: 4px;
}