/*
  -------------------------------------------------------------------------------
  central css for the content of dieblechnerei.de
  
  derkohler.com // interdisziplinaere gestaltung
  tel. +49 (7531) 80767-50, email hallo@derkohler.com
  tested with   MS Internet Explorer 6.0 (Win32)
                Mozilla Firefox 1.5 (Win32)
                ...

  -------------------------------------------------------------------------------
*/

/*
  -------------------------------------------------------------------------------
  central definitions
  -------------------------------------------------------------------------------
*/
p, h1, h2, h3, h4, h5, h6,
table, tr, td, div,
ul, ol, li
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
body
{
	background-color: #FFFFFF;
	color: #666666;
	margin: 0px 0px 0px 0px;
}
a,
a:link,
a:visited,
a:active,
a:hover
{
	color: #0066cc;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
form, input, select, option
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
}

/* 
  -------------------------------------------------------------------------------
  layout-layers 
  -------------------------------------------------------------------------------
*/

#sponsors {position:absolute; width:768; left:166; top:0; z-index:2;}
	#sponsors a {float:right;}
#navi {position:absolute; left:166; top:100; z-index:4;}
#logo {position:absolute; left:140; top:39; z-index:3;}
#page {position:absolute; left:260; top:72; z-index:1;}
#floatlayer {background-color: #ffffff; z-index:5;}

#evCal {}
#evMen {}
#evList {}

/*
  -------------------------------------------------------------------------------
  text-definitions
  -------------------------------------------------------------------------------
*/

.copy, .formLabel {
	font-size: 11px;
	line-height: 16px;
}

.bold {
	font-weight: bold;
}

.copy-bold-blue {
	font-size: 11px;
	line-height: 16px;
	color: #0066cc;
}

.formError {
	font-size: 11px;
	font-weight: bold;
	color: #0064c8;
}

.articleText {
	margin-bottom: 25px;
}

.head {
	font-size: 18px;
}

.head-blue {
	font-size: 18px;
	color: #0066cc;
}

.blue {color: #0066cc;}

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #0066cc;
	margin-top: 2px;
	margin-bottom: 15px;
	padding: 0px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #0066cc;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 0px;
}
h3 {
	font-size: 14px;
	color: #0066cc;
}

.nletter {  width: 160px; overflow: hidden; padding: 10px; color: #fff; background: #0066cc; }
	
	.nletter h3 { color: #fff; margin-top: 0px; }
	.nletter .articleText { font-size: 10px; line-height: 11px; margin-bottom: 10px; }
	
.formLabel { color: #fff; height: 20px; }
.formError { color: #fabb00; }

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/*
  ------------------------------------------------------------------------------
  calendar-styles 
  -------------------------------------------------------------------------------
*/

.eventHead {
	display:block;
}
.eventDate {
	width:75px; 
	float:right;
}
.eventDay {
	width:75px; 
	color:#ffffff; background-color:#0066cc; 
	font-size:16px; font-weight:bold; 
	text-align:center; 
	padding-top:3px; padding-bottom:3px;
}
.eventMonth {
	width:75px; 
	background-color:#eeeeee; 
	text-transform:uppercase; text-align:center; 
	margin-top:1px; 
	padding-top:2px; padding-bottom:2px;
}
.eventTime {
	width:75px; 
	background-color:#eeeeee; 
	text-align:center; 
	margin-top:1px; 
	padding-top:2px; padding-bottom:2px;
}
.eventTitle {
	width:320px;
}

.eventBody {
	margin-top:10px; 
	display:block;
}
.eventInfo {
	width:150px; 
	margin-right:10px; margin-bottom:5px; 
	background-color: #fafafa; 
	float:left;
}

.eventToplink {
	margin-top:15px; 
	float:right;
}

.event-top {
	height: 5px;
	margin-bottom: 10px;
	background-image: url(../img/ev-sh-top.gif);
	background-repeat: no-repeat;
}
.event-bottom {
	height: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/ev-sh-bot.gif);
	background-repeat: no-repeat;
}

/*
  ------------------------------------------------------------------------------
  global formattings 
  -------------------------------------------------------------------------------
*/

.clear-all {clear: both;}

.block {display: block;}

.mt10 {margin-top: 10px;}

.mb25 {margin-bottom: 25px;}

.noCap a:hover .ev-image-cap { display:none; }
.noBdr a img,.noBdr a:hover img { border:0; }
.Lnk a:hover { cursor:pointer; }

/*
  ------------------------------------------------------------------------------
  cell-styles 
  -------------------------------------------------------------------------------
*/

.article-bottom {
	height: 5px;
	margin-top: 15px;
	margin-bottom: 20px;
	background-image: url(../img/ev-sh-bot.gif);
	background-repeat: no-repeat;}

.sh-bg-left {
	background-image: url(../img/sh-bg-left.gif);
	background-repeat: no-repeat;
}
.sh-bg-right {
	background-image: url(../img/sh-bg-right.gif);
	background-repeat: no-repeat;
}
.sh-bg-top_sm {
	background-image: url(../img/sh-bg-top_sm.gif);
	background-repeat: no-repeat;
}
.sh-bg-top_xl {
	background-image: url(../img/sh-bg-top_xl.gif);
	background-repeat: no-repeat;
}

.bg_xl {
	background-image: url(../img/bg_xl.gif);
	background-repeat: no-repeat;
}
.bg_sm {
	background-image: url(../img/bg_sm.gif);
	background-repeat: no-repeat;
}