body {
    width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	background: #FFFFFF;
	background-image:url("../images/logo_background.gif");
	background-repeat:no-repeat;
	background-position: 220px 15px;
	background-attachment:fixed;
	/*line-height: 1.4em;*/
	margin: 0;
	padding: 0;

	}

a {
	text-decoration: none;
	font-weight: bold;
	color: #ff9e31;
	border-bottom: 0px solid #666;
	}

a:link {
   color:#ff9e31;
   text-decoration: none;
	}

a:hover {
   	color: #666;
   	border-bottom: 0px dashed #666;
   	text-decoration: none;
	}


h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}

h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

img {
   border: 0;
	}

ul,ol {
   width: 100%;
   /*display: block;
   font-size: 1.0em; */
   list-style-type: square;
   list-style-image:url(../images/pfeil.gif);
   padding: 10px 0 10px 0;
   margin: 0;
   border: 0; 
   }

li {
   list-style-image:url(../images/pfeil.gif);
   width: auto;
   font-size: 1.0em;
   line-height: 1.8em;
   margin: 0 .5em 0 .5em;
   border: 0;
   padding: 0 .2em 0 .2em;
   }

table,td {
	font-size: 1.0em;
	}

form {
   padding: 0;
   margin: 0;
   }

p {
	font-size: 1.0em;
	line-height: 130%; 
	/*line-height: 1.8em; Too spaced out, hard to read - Peter*/
	margin: 1.2em 0em 1.2em 0em;
	}

strong, b {
	font-weight: bold;
	}

.searchbox {
   font-family: arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: .8em;
   background: #FFFFFF;
   width: 85%;
   height: 1.5em;
   border: 1px solid #999;
   }


.inputbox {
   font-family: arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 1em;
   background: #eee;
   height: 1.5em;
   border: 1px solid #999;
   margin-left: 10px;
   }

.inputbox1 {
   font-family: arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 1em;
   background: #eee;
   border: 1px solid #999;
   margin-left: 10px;
   }

.button {
   font-size: 1.0em;
   background: #eee;
   border: 1px solid #999;
   }

.selectbox {
   	font-family: arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: .8em;
   	background: #cccccc;
   	width: 100%;
   	border: 1px solid #999;
   }


a.image, a.image:hover  {
  border:0;
  }

.strong {
   font-weight: bold;
   }

.normal {
   font-weight: normal;
   }

/*  ====================================================================
   MODULES
   These classes are used to style the various modules. Default class
   can be extended by using class_suffix parament in the back-end, and
   making a related class here.
   ==================================================================== */

/* STANDARD MODULE TABLE */
.moduletable {
	width: 100%;
	padding: 0 0 10px 0;
    border: 0px solid #ddd;
	margin: 0 0 0 0;
	font-size: 1em;
}
.moduletable th {
	color: #666;
    text-align: left;
 	background: #f1f3f5 url(file:///C|/Eigene%20Dateien/Eigene%20Dokumente/Webdevelopment/Annette%20Neuwohner/images/dots.gif) top right no-repeat;
   	font-size: 1em;
   	font-weight: bold;
   	padding: .2em;
    border: 1px solid #ccc;
	margin: 0px;
}

.moduletable td {
    color: #333;
    padding: 0 0 0 5px;
    background: #ff93e1;
    font-weight: normal;
    background: #ffffff;
    padding: 0 0 .4em 0;
    border: 0px solid #ccc;
	}

.moduletable li {
	background: url(file:///C|/Eigene%20Dateien/Eigene%20Dokumente/Webdevelopment/Annette%20Neuwohner/images/arrow.gif) no-repeat 0 5px;
	padding-left: 12px;
	}

.moduletable p {
	padding: 4px;
	}

.moduletable a {
    color: #ff9e31;
    padding: 0 0 0 5px;
    font-weight: bold;
    border-bottom: 0px dashed #FFF;
	}

.moduletable a:hover {
    color: #666;
	}

/* MODULE TABLE FOR INLINE BOXES */
.moduletable-inline {
	width: auto;
	padding: 0 0 10px 0;
    border: 0px solid #ddd;
	margin: 0 0 10px 0;
	}

.moduletable-inline th {
	color: #666;
    text-align: left;
 	background: #f1f3f5 url(file:///C|/Eigene%20Dateien/Eigene%20Dokumente/Webdevelopment/Annette%20Neuwohner/images/dots.gif) top right no-repeat;
   	font-size: 1em;
   	font-weight: bold;
   	padding: 0 0 0 .2em;
    border: 1px solid #ccc;
	margin: 10px;
	}

.moduletable-inline td {
    color: #333;
    padding: 0 0 0 5px;
    background: #ff93e1;
    font-weight: normal;
    background: #ffffff;
    padding: 0 0 .4em 0;
    border: 0px solid #ccc;
    text-align: left;
	}
.moduletable-inline p {
	padding: 4px;
	}

.moduletable-inline a {
    color: #ff9e31;
    padding: 0 0 0 0;
    font-weight: bold;
    border-bottom: 0px dashed #FFF;
	}

.moduletable a:hover {
    color: #666;
	}

a.mainlevel {
	font-weight:bold;
	color: #666;
	border: 1px solid #e4e4e4;
	padding: 0 0 0 20px;
	display: block;
	margin: 3px 0 -4px 0;
	}

a.mainlevel:hover {
	display: block;
	border: 1px solid #e4e4e4;
	}
a#active_menu {
	color: #666;
	border: 1px solid #e4e4e4;
	padding: 0 0 0 20px;
	display: block;
	margin: 3px 0 -4px 0;
	}

/* MODULE TABLE FOR TOP NAVGIGATION BAR */
.moduletable-topnav {
    width: 100%;
	border: 1px solid #ccc;
    margin-bottom: 5px;

    padding: 7px 0 6px 5px;
  	font-size: .8em;
    background: #f1f3f5;
	}

.moduletable-topnav td {
    width: auto;
    text-align: left;
    line-height: 1em;
	}

.moduletable-topnav th {
	color: #666;
    text-align: left;
   	font-size: 1.0em;
   	font-weight: bold;
   	padding: 10px 0 0 10px;
    margin: 0;
	}

/* LINKS FOR TOP NAV */

.mainlevel-topnav {	color: #f1f3f5;}

a.mainlevel-topnav {
	position: relative;
	width: auto;
	background: #e9ecef;
	padding: 2px 6px 2px 6px!important;
 	padding: 2px 6px 2px 6px;
	color: #666;
    border: 1px solid #ccc;
    margin: 0 0 0 0;
    font-weight: bold;
	}

a.mainlevel-topnav:hover {
 	width: auto;
	color: #666;
	background:  #fff;
    border: 1px solid #ccc;
	padding: 2px 6px 2px 6px!important;
 	padding: 2px 6px 2px 6px;
	}

a#active_menu-topnav {
	position: relative;
	width: auto;
	background: #ffffff;
	padding: 2px 6px 2px 6px!important;
 	padding: 2px 6px 2px 6px;
	color: #666;
    border: 1px solid #ccc;
    margin: 0 0 0 0;
    font-weight: normal;
	}

.moduletable-hpimage {
    margin: 0px;
	line-height: 0;
    padding: 0;
    border-spacing: 0;
    background: #CCC;
    border-collapse: collapse;
    border-spacing: 0;
     margin-bottom: 0!important;
    margin-bottom: -3px;
	}

.moduletable-hpimage td {
	line-height: 0;
    padding: 0;
	}

.moduletable-hpimage td img {
	line-height: 0;
    padding: 0;
    margin: 0px;
	}
/* HORIZONTAL MODULE LAYOUT */

.modules {
  width: auto;
  margin: 0 .5em 3px .5em;
  border: 0px solid #ccc;
  }

.modules td {
	border: 1px solid #e4e4e4;
	background: #ffffff;
	margin-right: 0px;
	padding: .3em;
	}

.modules td td {
	border: 0px solid #e4e4e4;
	background: #ffffff;
	margin-right: 0px;
	}

/* USED TO HIGHLIGHT OFFSET CELL ON HOMEPAGE */
.cell-highlight {
	width: 100%;
	border: 1px solid #ccc;
	background: #fff6eb;
   	margin: 0px;
   	padding: 1em;
	}

/* USED TO SET BOTTOM MARGIN ON HOMEPAGE TABLE */
.moduletable-homepage {
    width: auto;
    padding: 0 0 0 0;
    margin: .5em .5em 7px .5em;
    line-height: 1;
	}


#container {
	width: 95%;
    margin-left: auto;
	margin-right: auto;
   	padding: 0em;
   	color: #333;
   }

#header {
	width: 95%;
   	padding: 0em;
    margin-left: auto;
	margin-right: auto;
   }



#col-a {

   background: #fff;

   vertical-align: top;
   border: 1px solid #e4e4e4;
 	}

hr.col-a-spacer {
    display: block;
    width: 150px;
    visibility: hidden;
	}

#col-b {
	width:231px;
   	background: #FFF;
   	border-right: 0px solid #000;
   	border-bottom: 0px solid #cccccc;
   	vertical-align: top;
  	padding: 0px;
	}

hr.col-b-spacer {
    display: block;
    width: 231px;
    visibility: hidden;
	}

hr.col-buffer-spacer {
    display: block;
    width: 7px;
    visibility: hidden;
	}

#footer{
	width:100%;
	text-align: left;
   	background-color:#ffffff;
  	color: #666;
   	border-top: 0px solid #999;
    border-right: 0px solid #000000;
  	 }

/* ====================================================================
   MAMBO CLASSES
   These are largely the standard Mambo classes...
   ==================================================================== */

a.contentpagetitle h1,a.contentpagetitle:link, a.contentpagetitle:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666;
	border-bottom: 0px;
	}

a.contentpagetitle:hover {
   color: #000;
   border-bottom: 0px  dashed #CCCCCC;
   text-decoration: none;
   }

/* Content - Sections & Categories */
.contentpane {
	background-color : #FFFFFF;
   }

.contentpaneopen {
    width: 100%!important;
    width: 99.7%;

	border : 0px solid #CCC;
    background: none;
    color: #333;
    padding: .2em;
	margin: 0 0 0 0;
   }


.contentpaneopen li{
	margin-left: 20px;
    list-style: outside url(file:///C|/Eigene%20Dateien/Eigene%20Dokumente/Webdevelopment/Annette%20Neuwohner/images/arrow.gif);
    line-height: 15px;
	}

.contentpaneopen ul {
	padding-left: 10px;
	}


.contentheading,
.contentheadingtop {
    width: 100%;
	font-size: 1em;
	font-weight: bold;
 	color: #333;
 	background: #fff url("../images/gradient.jpg") no-repeat;
	text-align:left;
    border: 1px solid #e4e4e4;
	padding: .2em;
}
.componentheading {
    font-size: 1.5em;
    font-weight: bold;
    color: #666666;
    text-align:left;
    margin: 1.5em 0 0em 0;
	}

.frontpageheader {
	 font-size: 1.3em;
    color : #333;
    font-weight : bold;
  }

.small {
	color: #666;
	line-height: 1;
}
.highlight {
  border: 1px dashed #d5d5d5;
  background: yellow;
  padding: 0px 2px 0px 2px;
}
