/**********************************************************************************
* phpComasy, Open Source Web Content Management System                            *
* http://www.phpcomasy.org                                                        *
*                                                                                 *
* Copyright (c) 2005 - 2006 neflexis gmbh (http://www.neflexis.ch)                *
*                                                                                 *
* phpComasy is released under his own licence (http://www.phpcomasy.com/licence)  *
**********************************************************************************/


/***** You can put your own style stuff here in this file
       For questions see www.phpcomasy.org *****/


/********************************* General styles ******************************/

#my-body {
	background: #FFCC66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


input, select, textarea {
	border: 1px solid #0099DF;
	margin-bottom: 1px;
}
h1  { color: yellow; font-size: 16pt; font-family: "Zapf Chancery", "Comic Sans MS", cursive; font-weight: bold; text-decoration: none }
h2 { color: yellow; font-size: 14pt; font-family: "Zapf Chancery", "Comic Sans MS", cursive; font-weight: bold; text-decoration: none }
h3    { color: yellow;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
h4  { color: yellow; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
h5  { color: yellow; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

h6  { color: #ffffcc; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

hr {	height: 0px;
	border: 0px solid #0099DF;
}

a { color: #ffffcc; font-size: 11pt; text-decoration: none }
a:hover {color: #ffffcc;  text-decoration: underline;}


A.extern:link, A.extern:visited, a.extern:active  { color: #ffffcc; font-size: 11pt; text-decoration: none }
a.extern:hover {color: #ffffcc;  text-decoration: underline;}


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



/************************************ Basic ************************************/
/***** Header *****/
.header {
	background: url(img/header.jpg) no-repeat;
	height: 249px;
	width: 800px;
	text-align: right;
	vertical-align: top;
}
/***** Left column *****/
.left {font-size: medium;
	color: Yellow;
	background: url(img/links.gif);
	border-right:0px solid #0099DF;
	padding: 1px;
	width: 155px;
	border-left: 0px solid #0099DF;
	padding: 2px 4px 0px 0px;


}

/***** Right column *****/
.right {
	padding-left: 0px;
	background: white;
	width:0px;
	border-right: 0px solid #8b0000;
}
/***** Body column *****/
.body {background-color: #6269C4;
	padding: 5px;
	width: 805px;
	height: 640px;
	text-align: left;	font-size: 1em;
	font-family: "Verdana, Helvetica, Arial, Sans-serif";

}
/***** Site *****/
.site {

	margin-top: 10px;
	text-align: left;

	border-bottom: 1px solid #8b0000;
}
/*******************************************************************************/

/********************************** Navigation *********************************/

.navigation {
    background-color: orange;
	padding: 8px 0px 8px 0px;
list-style-type: circle;
	font-family: "comic San MS";
	width:147px;
	text-align:left;
	font-size: 12px;
	margin-left: 10px;

	}

.navigation.level0 {
	margin-left: 1px;
	font-size: 12px;
	font-weight: bolder;	
	padding: 8px 4px 8px 2px;
	border-bottom: 1px dashed #FCCF8D;
}

.navigation.level1 {

	margin-left: 35px;
	padding-top: 8px;
	font-size: 12px;
	color: #8b0000;
}
.navigation.level2 {

	margin-left: 37px;
	font-size: 12px;
}
.navigation.level3 {

	margin-left: 39px;
	font-size: 12px;
}
.navigation.level4 {

	margin-left: 41px;
	font-size: 12px;
}
.navigation a {
	font-size: 12px;
	text-decoration: none;
	color: #8b0000;
	padding-bottom: 4px;
	font: Comic Sans MS;
}

.navigation.current a {
	color: #8b0000;
	padding-bottom: 4px;

}

.navigation a:hover {
	color: yellow;
	padding-bottom: 4px;

}
.navigation.level1 a {

	color: #8b0000;
	padding-bottom: 4px;

}

 .navigation.level2 a {

	padding-bottom: 4px;
	font-size: 12px;
}

.navigation.level3 a {

	padding-bottom: 4px;
	font-size: 12px;
}

.navigation.level4 a {

	padding-bottom: 4px;
	font-size: 12px;
}

#navigation {
  padding:0;
  margin:2em 0;
  list-style-type:none; 
  }
#navigation li {
  width:100px; 
  height:20px; 
  float:left;
  border:1px solid #000;
  margin-right:2px;
  list-style-type: circle;
  }
#navigation a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
  }
#navigation a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:100px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#navigation a.red {background:#c00; color:#fff;}
#navigation a.orange {background:#fc0; color:#000;}
#navigation a.yellow {background:#ee0; color:#000;}
#navigation a.green {background:#080; color:#fff;}
#navigation a.blue {background:#00c; color:#fff;}
#navigation a:hover {
  width:120px; 
  height:28px;
  z-index:200;
  background:#aaa;
  }
#navigation a:hover em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #000;
  position:absolute; 
  width:120px; 
  height:25px;
  left:-12px; 
  top:-8px;
  }
#navigation a:hover.red em {background:#c00;}
#navigation a:hover.orange em {background:#fc0;}
#navigation a:hover.yellow em {background:#ee0;}
#navigation a:hover.green em {background:#080;}
#navigation a:hover.blue em {background:#00c;}



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


/************************************ Content **********************************/
content {
	padding: 10px 20px 20px 10px;
	line-height: 16px;
}
content h1 {
	margin-top: 5px;
}
content a {
	text-decoration: underline;
	color: white;
}
content a:hover {
	text-decoration: underline;
	color: #008ce1;
}

content {
	height: 400px;
	font-size: 12px;
}

/* IE hack for min-height */
#content[id] {
    height: auto;
    min-height: 400px;
    font-size: 12px;
}


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


/************************************ Portlets *********************************/
.portlet h1 {
	color: black;
	border-bottom: 1px solid #0099DF;
}
/*******************************************************************************/


/******************************** Additional stuff *****************************/
/***** Powered By *****/
.powered_by {
	font-size: 85%;
}
.powered_by a {
	font-size: 100%;
}

/***** Standards *****/
.standards {
	margin-top: 3px;
}

/***** Box *****/
.box {
	border: 0px solid #0099DF;
	background: #58BCF0;
	color: black;
	padding: 4px;
}
/*******************************************************************************/