@charset "UTF-8";
/*
 * Copyright (C) 2009 by Frollein Schmitt Kommunikationsdesign
 */


/****************************************************************************************************
 * Common
 */
body {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

a {
  color: #ec008e;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  background-color: #ec008e;
}

img { border: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; }
div { position: relative; }

/****************************************************************************************************
 * Backgrounds
 */
body {
	background-color: #ffffff;
	background-image: url(images_/repeat1.gif);
	background-repeat: repeat;
	background-position: left top;
}

/****************************************************************************************************
 * Layout
 */
#all {
  margin: 30px auto;
  overflow: hidden;
  
  width: 850px;
}
* html body { text-align: center; } 
* html body #all { text-align: left; } 
* html body #all { margin-top: 0; padding-top: 30px; } 
*:first-child+html #all { margin-top: 0; padding-top: 30px; }

#content {
  float: right;
  
  margin-bottom: 6px;
  
  width: 668px; 
}

#sidebar {
  position: relative;
  width: 174px;
}

.col1,
.col2,
.col3 {
  border-top: 2px solid #000000;
  background: #ffffff;
  float: left;
}

/*.col1 { width: 170px; padding: 3px; } /* DOESN'T EXISTS, see ul#navigation */
.col2 {
	width: 668px;
}
.col3 { width: 200px; padding: 3px; margin-left: 8px; }
* html body .col3 { width: 195px; } 

.col2 { min-height: 440px; }

.col2.wide { width: 618px; } /* Wide */
* html body .col3.wide { width: 611px; } 


/****************************************************************************************************
 * Header
 */
#header {
  margin: 0;
  position: relative;
}

#header h1 {
  border-top: 8px solid #000000;
  background: #ffffff;
  margin: 0;
  
  width: 642px;height: 32px
}

#header h1 a {
  background: transparent url(../gfx/logo.gif) no-repeat 6px 6px;
  display: block;
  
  padding: 3px;
  text-indent: -999em;
  
  width: 392px;
  height: 24px;
}

#header .description {
  display: none;
}

#header .edition,
#header .english {
	border-top: 4px solid #000000;
	background: #ffffff;
	padding: 6px 6px 6px 0;
	position: fixed;
	right: 0;
	top: 0;
	text-align: right;
	width: 194px;
	height: 14px;
}

#header .english {
	top: 0px;
	color: #ec008e;
	position: absolute;
}

#header #image {
  background: #ffffff;
  
  margin: 8px 0;
  
  height: 284px;
}
* html body #header h1 { margin-bottom: 8px; } 
*:first-child+html #header h1 { margin-bottom: 8px; } 

#header .padder {
	height: 16px;
	margin: 8px 0;
	background-color: #000000;
}

/****************************************************************************************************
 * Menu
 */
ul#navigation {
  border-top: 2px solid #000000;
  background: #ffffff;
  
  font-size: 12px;
  font-weight: bold;
  list-style: none;
  /*letter-spacing: -1px; /**/
  
  margin: 0;
  padding: 3px;
  
  text-transform: uppercase;
}

/****** LEVEL 1 */
ul#navigation li a {
	display: block;
	width: 100%;
	height: 14px;
	color: #000000;
	background-color: #ffffff;
}

ul#navigation li a:hover,
ul#navigation li:hover a,
ul#navigation li:hover ul li a:hover {
  color: #ec008e;
}

ul#navigation li:hover ul li a {
  color: #ec008e;
}
/****** LEVEL 2 */
ul#navigation li ul {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
}
* html ul#navigation li ul { white-space: nowrap; top: 1px; } 
*:first-child+html ul#navigation li ul { top: 1px; } 
*:first-child+html ul#navigation li ul { min-width: 0; } 

ul#navigation li ul {
  display: none;
  font-weight: normal;
  margin: 0 0 0 5px;
}

ul#navigation li.page_item ul li a,
ul#navigation li.foldmenu_open ul li a {
  color: #888888;
}

ul#navigation li.current_page_item ul,
ul#navigation li.current_page_parent ul,
ul#navigation li.foldmenu_open ul {
  display: block;
}

ul#navigation li.current_page_item a,
ul#navigation li.current_page_item ul li a:hover,
ul#navigation li.current_page_parent a:hover,
ul#navigation li.current_page_parent ul li a:hover,
ul#navigation li.current_page_parent ul li.current_page_item a {
}

ul#navigation li.current_page_parent a {
  color: #ec008e;
}

ul#navigation li.current_page_item ul li a,
ul#navigation li.current_page_parent ul li a {
  color: #888888;
}
/****************************************************************************************************
 * Widgets
 */
#sidebar .widget {
  border-top: 2px solid #000000;
  background: #ffffff;
  
  font-size: 12px;
  font-weight: normal;
  list-style: none;
  
  margin: 8px 0 0;
  padding: 3px;
}

#sidebar .widget h5 {
  font-size: 12px;
  font-weight: bold;
  
  margin: 0;
  
  text-transform: uppercase;
}

/****************************************************************************************************
 * Page
 */
.page {
  position: relative;
  overflow: auto; /* [CleaFix+] overflow + width/height triggers box extension even with floats */
}

.page .item {
  padding: 3px;
}

/****** TITLE */
.page .above {
  font-size: 18px;
}
.page .above a:hover { color: #ec008e; background: transparent; }

.page h2 {
	background-color: #ffffff;
	font-size: 22px;
	font-weight: lighter;
	line-height: 19px;
	margin: 5px 0 15px;
	padding: 0 0 2px;
	text-transform: uppercase;
	color: #000000;
}
.page h2 a:hover { color: #ec008e; background: transparent; }

.page h3 {
  font-size: 12px;
  font-weight: bold;
  
  margin: 0 0 2px;
  padding: 0;
}

.diagonalsplitter,
.page .date {
  background-color: #ffffff;
  font-size: 11px;
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
}

/****** SIDE */
.col3 {
  background: #ffffff;
  
  font-size: 12px;
}

/****** CONTENT */
.page .content {
  background-color: #ffffff;
  
  line-height: 16px;
}

.page .content ul li {
  font-size: 12px;
}

.page .content ol li {
  font-size: 12px;
}

.page .content p {
	margin: 0 0 10px;
	font-size: 12px;
}

.gopage1 a { color: #f2a7cc; }
.gopage1 a:hover { color: #ffffff; background-color: #f2a7cc; }

.editlink {
  display: block;
  clear: both;
  font-size: 8px;
  text-transform: uppercase;
  text-align: right;
}
.editlink a {
  color: #cccccc;
}


 

/****************************************************************************************************
 * Gallery by hand
 */
.page ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.page ol li {
  clear: both;
  padding: 25px 0 0;
}

.page ol li img {
  float: left;
  margin: 0 5px 0 0;
}

.page ol li span {
  color: #ec008e;
  font-weight: bold;
  text-decoration: none !important;
}



/****************************************************************************************************
 * Message & Errors
 */
.message {
  background: #ffffff;
}

.message h2 {
  margin: 0;
}

/****************************************************************************************************
 * Form
 */
.btn {
  border: 1px outset #ff66b1;
  background-color: #ff66b1;
  color: #ffffff;
}

.box {
  border: 1px inset #ff66b1;
}

/****************************************************************************************************
 * Footer
 */
#footer {
  clear: both;
  
  font-size: 9px;
  color: #666666;
  
  margin: 4px 186px 0 	0px;
}

#footer a {
  color: #444444;
}
#footer a:hover {
	color: #ec008e;
	background-color: #FFFFFF;
}

.symbol {
	position: absolute;
	font-family: Times, serif;
	color: #444444;
	bottom: 0;
	right: inherit;
}

/****************************************************************************************************
 * Accessibility Support (Screen Readers)
 * http://webaim.org/techniques/css/invisiblecontent
 */
#skip {
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/****************************************************************************************************
 * Fixes
 */
.clearfix:after { /* http://positioniseverything.net/easyclearing.html */ 
    content: "."; 
     display: block; 
     height: 0;
     clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */