/**********************************************************************************
* 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)  *
**********************************************************************************/

/********************************* General styles ******************************/
body, a, table, td, tr, tbody, b, p, input, select, label, textarea {
	font: 11px/16px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
}
input, select, textarea {
	border: 1px solid #191919;
	margin-bottom: 1px;
}
h1 {
	color: #191919;
  font-size: 14px;
}
h2,
h2 a,
h2 a:hover,
div#content h2 a,
div#content h2 a:hover {
	text-decoration: none !important;
	color: #191919;
  font-size: 12px;
}
hr {
	height: 1px;
	background-color: #333;
	border: none;
}
#my-body {
	background: white;
}
#administration h2 {
	color: #fff;
}
/*******************************************************************************/


/************************************ Basic ************************************/

#wrap {
  width: 100%;
  height: 550px;
  margin: 55px auto 0;
  background: url(../img/body_bg.png) no-repeat center center;
  padding: 57px 0 0;
}


#powered-by {
  width: 490px;
  padding-top: 3px;
  padding-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  text-align: left;
  z-index: 10;
}
#powered-by a {
  color: white;
  text-decoration: none;
  font-size: 80%;
}

#container {
  border: 0;
  width: 893px;
  height: 512px;
  background: url(../img/content_dots.png) no-repeat 1px 4px;
  margin: 3px auto 0 auto;
}

#header {
  height: 80px;
  width: 100%;
  font-family: Verdana;
}

#header-verein {
  color: #ea6b21;
  font-size: 24px;
  float: left;
  padding-left: 100px;
  padding-top: 58px;
  width: 95px;
}

#header-witag {
  color: #333;
  font-size: 32px;
  font-weight: bold;
  padding-top: 55px;
}
#header-verein a {
  font-size: 24px;
  color: #ea6b21;
  text-decoration: none;
  font-weight: bold;
}
#header-witag a {
  font-size: 32px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

#navigation {
  height: 20px;
  padding: 28px 100px 0 202px;
}
#leftcolumn {
  float: left;
  padding-top: 58px;
  width: 188px;
}
#subnavigation {
  height: 156px;
  width: 186px;
}

#content_wrap {
	float: right;
	width: 620px;
	height: 313px;
	display: inline;
	margin: 31px 70px 0 0;
	padding: 0 0 20px 0;
	position: relative;
	z-index: 20;
}
#content {
	float: left;
	width: 550px;
	overflow: hidden;
	height: 333px;
	position: relative;
	z-index: 10;
}

.page-ressource-subtitle {
	color: black;
	color: black !important;
	font-size: 9px;
	width: 200px;
	font-style: italic;
}
/*******************************************************************************/

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

#navigation ul {
  display: none;
  z-index: 95;
}

#navigation ul.level0 {
  width: 620px;
  height: 18px;
  display: block;
  position: relative;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

#navigation li.level0 {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

#navigation li a {
  display: block;
  float: left;
  padding: 1px 0;
  margin: 0 26px 0 0 !important;
  margin: 0 13px 0 0;
  font-size: 10px;
}

#navigation li:hover ul.level1, 
#navigation li.over ul.level1 {
  margin-top: 1px;
  margin-left: -45px;
  display: block;
  float: none;
  position: absolute;
  top: 18px;
  opacity: 0.85;
  z-index: 90;
}

#navigation li.current a {
  color: #ea6b21;
  font-weight: normal;
  font-style: normal;
}

#navigation li.level1 {
  background-color: white;
  margin: -1px 0 0;
  padding: 0;
  width: 150px !important;
  z-index: 20;
}

#navigation li.level1 a {
  color: #333;
  float: none;
  margin: 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 1px 10px 0;
  height: 17px;
  width: 130px;
}

#navigation li.level1:hover a {
  color: #666;
}

#navigation li.level1.current a {
  color: #ea6b21;
  font-weight: normal;
  font-style: normal;
}
#navigation li.level1.current li a {
  color: #333;
  font-weight: normal;
  font-style: normal;
}
#navigation li.level1.current li.current a {
  color: #ea6b21;
  font-weight: normal;
  font-style: normal;
}
/*******************************************************************************/


/************************************ Subnavigation **********************************/

#subnavigation ul {
  padding: 0 0 0 20px;
  margin: 0;
  text-align: right;
}

#subnavigation li {
	list-style-type: none;
	margin-bottom: 3px;
}

#subnavigation li a {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  color: #222;
}

#subnavigation li a:hover,
#subnavigation li.current a {
  color: #ee7e2c;
}

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


/************************************ Content **********************************/

#content ul {
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: square;
}

#content li {
  line-height: 20px;
}
#content table {
	border-collapse: collapse;	
}
#content td {
	padding: 2px;
}
#content p {
	margin: 0 0 4px 0;	
}
#content a {
  text-decoration: none;
  color: #ea6b21;
}
#content .page_counter {
	border: 0;
	background: none;
	margin: 3px 0 0 0;
}
#content .page_counter td {
	background: none;
	border: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#content td p a,
#content .page_counter a {
  text-decoration: none;
  color: #333;
}

#content a:hover {
  color: #000;
}
#content td p a:hover,
#content .page_counter a:hover {
	color: #ea6b21;
}
.page-ressource-subtitle {
	display: none;	
}
a.page-ressource-link {
	padding: 0;
	border: 0;	
}

/*---------- Scrollbar ----------*/
#scrollbar {
	float: right;
}
#track {
	margin: 0;
	width: 10px;
	margin: 15px 0 0 0;
	padding: 0 0 0 3px;
	height: 303px;
}
#handle {
	width: 8px;
	height: 54px;
	background: #ea6b21;
	cursor: move;
}

/*---------- Scrollbar Arrows ----------*/
#scrollbar a {
	text-decoration: none;
	float: right;
	margin: 0;
	outline: none;
	font-size: 14px;
	width: 10px;
	padding: 0 0 0 3px;
	line-height: 15px;
	color: #333;
}
a#scroll_up {
	height: 10px;
	padding-bottom: 5px;
	line-height: 10px;
}
a#scroll_down {
	clear: right;
}
#scrollbar a:hover {
	color: #ea6b21;
}

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


/************************************ Portlets *********************************/
#portlet-language-switcher a {
	display: inline;
	text-transform: uppercase;
}

div#memberlogos {
	width: 165px;
	float: right;
	text-align: right;
	display: inline;
}
div#memberlogos .portlet {
	padding: 0;	
}
div#memberlogos div.memberlogo {
	width: 140px;
	height: 77px;
	padding: 10px;
	border: 1px solid #504f52;
	position: relative;
	margin: 5px 0;
}
div#memberlogos div.memberlogo img {
	position: absolute;
	top: 50%;
	left: 50%;
}
div#memberlogos a {
	color: #71706f;
	margin-right: 2px;	
}
div#memberlogos a:hover {
	color: #222;	
}
/*******************************************************************************/
fieldset.documents {
	border: 0;
	padding-left: 0;
	background: none;	
}
img {
	border: !important;	
}
.required {
	color: #ea6b21 !important;	
}
.mailform_element textarea {
	max-width: 599px;	
}
.cf {
	float: none;
	clear: both;
	line-height: 0;
	width: 1px;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 0;
}
#sitemap ul {
	margin: 0;
	padding: 0;
}