/******************************** 

Custom Styles for:
kulturstadlev.de

file:    css/custom/custom.css
version: 2002-10-14

*********************************/

/* ********************************************* */
/* Aenderungen PEKAN 2008-11-21, 11:59:15 */
/* ********************************************* */
@import url("/css/custom/w3c_style.css");
@import url("/css/custom/module_style.css");
@import url("/css/custom/veranstaltungen_style.css");


/**** body */
body
{
	background-color: #fff;
	margin: 0;
	padding: 0;

	font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/**** default font */
h1, h2, h3, h4, h5, h6, p, div, ul, li, small, big, tr, th, td, a {
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
}

/**** default link styles */

a:link {
color: #003399;
text-decoration: underline;
}

a:visited {
color: #663366;
text-decoration: underline;
}

a:hover {
color: #003399;
text-decoration: none;
}

a:active {
color: #cc0000;
text-decoration: none;
}

/**** top navigation */

.global-nav-box-sel { 
  border-right: 1px solid #fff;
}

/**** footer link styles */
a.foot:link {
color: #003399;
text-decoration: underline;
}

a.foot:link img{
text-decoration: none;
}


a.foot:visited {
color: #993399;
text-decoration: underline;
}

a.foot:hover {
color: #003399;
text-decoration: none;
}

a.foot:active {
color: #cc0000;
text-decoration: none;
}


/**** left menu */


/* inital */
.menu-item-bg {
  background-color: #efefef;
}

/* hover */
.menu-item-bg-hover {
  background-color: #fbde88;
}

/* selected */
.menu-item-bg-sel {
  background-color: #d8d8ec;
}

/**** left menu <td>: set border props  */

/* initial */
.menu-item {
  border-top: 2px solid #fff;
  border-bottom: 1px solid #ccc;
}

/* first cell selected */
#menu-item-marker {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}

.menu-item-sel {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}

/* sected (if page is menu-invisible) */
.menu-item-sel-parent {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}

/**** left menu links: font-properties */

a.menu-link {
}

a.menu-link-sel {
}

.menu-text {
}


/**** admin left menu links: font-properties */
/* 
   these should not be overwritten 
   by custom stlyles 
   */
#log-link-box { }

#log-link-box a.menu-link {
}

#log-link-box a.menu-link-sel {
}

#log-link-box .menu-text {
}

/* selected item bold or normal? */
.menu-text strong { 
  font-weight: normal;
}

/* left menu: links */
/* colors may be suspended 
   * by user's page-array
   */

a.menu-link:link {
  color: #003;
  text-decoration: none;
}

a.menu-link:visited {
  color: #003;
  text-decoration: none;
}

a.menu-link:hover {
  color: #003;
  text-decoration: none;
}

a.menu-link:active {
  color: #003;
  text-decoration: none;
}

/* left menu: selected links */
a.menu-link-sel:link {
  text-decoration: none;
}

a.menu-link-sel:visited {
  text-decoration: none;
}

a.menu-link-sel:hover {
  text-decoration: none;
}

a.menu-link-sel:active {
  text-decoration: none;
}

/* initial bg-color for <tr>'s */
.menu-box-bg {
background-color: #fff;
}

/* hover bg-color for <tr>'s */
.menu-box-bg-hover {
background-color: #d8d8ec;
}

/* <td>'s  */
.menu-box {
border: 0;
}

/* bg-color for <tr>'s selected */
.menu-box-bg-sel {
background-color: #fff;
}

/* <td>'s  selected */
.menu-box-sel {
background-color: #f4f4f4;
}

.menu-box-sel-parent {
background-color: #f4f4f4;
}

/* font size and family for left menu links */

.menu-text {
color: #000;
font-size: 80%;
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
}

a.menu-link {
font-size: 80%;
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
}

a.menu-link-sel { 
font-size: 80%;
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
}

/* left menu link styles */



a.menu-link:link { color: #000; text-decoration: none; }
a.menu-link:visited { color: #000; text-decoration: none; }
a.menu-link:hover { color: #000; text-decoration: none; }
a.menu-link:active { color: #c00; text-decoration: none; }

/* left menu selected rubric link styles */

a.menu-link-sel:link { color: #000000; text-decoration: none; }
a.menu-link-sel:visited { color: #000000; text-decoration: none; }
a.menu-link-sel:hover { color: #003399; text-decoration: none; }
a.menu-link-sel:active { color: #003399; text-decoration: none; }


/********** h1-h3 */

h1 {
font-size: 110%;
font-weight: 700;
margin: .8em 0 .5em 0;
padding: 0 0 0 0;
}


h2 {
font-size: 100%;
font-weight: 700;
margin: .5em 0 0 0;
padding: 0px 0px 0px 0px;
}

h3 {
font-size: 90%;
font-weight: 700;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
}


/********** 'department' color */

.forum {
color: #330066;
}

.kulturbuero {
color: #cc6600;
}

.museum {
color: #336633;
}

.vhs {
color: #003399;
}

.bibliothek {
color: #003300;
}

.archiv {
color: #006666;
}

.musikschule {
color: #990033;
}

.white {
color: #fff;
}


/********** inline */

em {
font-style: italic;
}

strong {
font-weight: bold;
}

big {
font-size: 100%;
line-height: 130%;
}
small {
font-size: 75%;
line-height: 110%;
}

/********** block */

p {
font-size: 90%;
line-height: 120%;
}

/* reduced top-margin for p */
.less {
margin: 1em 0 1em 0;
}

.v-img-line {
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
padding-top: 5px;
padding-bottom: 5px;
}

ul li {
font-size: 90%;
line-height: 120%;
list-style-type: square;
}

hr {
color: #666; 
height: 1px;
}

/**** table (e.g. "Veranstaltungen") */
/* for table styles: extra declaration for NN4.x  */

.tab-text {
font-size: 90%;
}

.tab-lightviolet {
font-size: 90%;
color: #fff;
background-color: #cc99cc;
}

.tab-lightgrey {
font-size: 90%;
background-color: #efefef;
}

.tab-lightblue {
font-size: 90%;
background-color: #e5edfc;
}

.tab-summary {
font-size: 90%;
background-color: #ccccff;
}

.event-link {
font-weight: 700;
}


/**** form elements */

.flex,
.noflex,
.formEl-label,
label,
.formEl-legend { 
  font-size: 90%;
  font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
}

input, textarea {
font-size: 9  0%;
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
}

.buttonsearch {
width: 80px;
}

.searchbox {
background-color: #fdfdfd;
color: #333;
font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
font-size: 80%;
margin:1; /* kein Rand um Formular (Opera) */
}

.validate {
color: #ff0000;
}