/*
	gueth-media ~ Visuelle Kommunikation
	http://gueth-media.de
*/


* {
margin: 0;
padding: 0;
}
/* Abstand Box, Hintergrund*/
body {
margin: 35px 10% 20px 10%;
font-family: Arial, "Times New Roman";
font-size: small;
background-color: #FCFCBB;
color: #0B185C;
}
.invisible {display: none !important;}

p, li {
	font-size: small;
  line-height: 150%;
}


a
{
	text-decoration:none;
	color:#41532A;
}
a:hover
{
	text-decoration:underline;
}
/* Die Farbangabe im |#wrapper| sorgt dafuer, dass im Contentbereich
eine durchgaengige Hintergrundfarbe inkl. rechter |border| angezeigt 
wird, auch wenn das Menue laenger als der Text ist ... */
#wrapper {
background-color: #FFFFFF;
color: #000;
height: 1%;/* Buggy IE needs this */
border-top: 1px solid #767674;
border-right: 1px solid #767674;
border-bottom: 1px solid #767674;
border-left: 1px solid #767674;
}
/* Wenn man sicher ist, dasz der Text IMMER laenger als das Menue
oder die Farbe dieselbe wie der Hintergrund ist, kann man diesen Div
komplett streichen. Die |border|s kann man dann bei Bedarf den 
anderen |div|s zuweisen ... */

/* Kopfzeile mit Logo */
#header {
	height: 85px;
	background-color: #FFFFFF;
  background: url(../images/header.jpg) no-repeat left top;
  background-position : right;
	color: #fff;
}
 

/* Navigation der oberen Leiste */
#mainmenue {
	padding: 3px 10px 4px 0;
	text-align: right;
	background-color:  #CBD9B8;
	color: rgb(79, 79, 79);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: small;
}
#mainmenue ul li {
display: inline;
margin-right: 10px;
}
#mainmenue a {
text-decoration: none;
font-weight: bold;
padding: 1px 10px 2px 10px;
background-color: rgb(180, 207, 255);
color: rgb(0, 50, 140);
}
#mainmenue a:hover {
background-color: rgb(252, 230, 140);
color: rgb(0, 0, 0);
}

/* Navigation und Rand links */
#submenu {
float: left;
left: 0%;
width: 150px;
margin-top: 0px;
padding: 0 0 0 0px;
background-color:  #CBD9B8;
color: #fff;
}
#submenu ul li {
list-style-type: none;
}
#submenu a {
display: block;
text-decoration: none;
width: 143px;
margin: 2px 0;
padding: 1px 0 2px 5px;
font-weight: bold;
background-color: #0B185C;
color: rgb(250, 255, 245);
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
#submenu a:hover {
background-color: rgb(252, 230, 140);
color: rgb(79, 79, 79);
}


#submenu span.active {
background-color: #F5F2CF;
font-weight: bold;
color: #0B185C;
margin: 2px 0;
display:block;
padding: 1px 0 2px 5px;
border-top: 1px solid #767674;
border-right: 1px solid #767674;
border-bottom: 1px solid #767674;
}
#submenu ul.level_2 a {
padding: 1px 0 2px 20px;
width: 128px;
background: url("../images/arrow_right.gif") no-repeat left center;
background-color: #D6E2CE;
color: #0B185C;
border-top: 1px solid #767674;
border-right: 1px solid #767674;
border-bottom: 1px solid #767674;
}
#submenu a.level_2 {
color: rgb(250, 255, 245);
}

#submenu ul.level_2 li span
{
padding: 1px 0 2px 20px;
background: url("../images/arrow_right_active.gif") no-repeat left center;
background-color: #D6E2CE;
color: #C33739;
}

#logo {
	width: 145px;
	height: 195px;
	margin-top: 20px;
	padding: 0 0 0 5px;
	color: rgb(79, 79, 79);
	font-size: small;
	line-height: 1.5em;
 }
/* ---- */
#content {
background-color: rgb(255, 255, 255);
color: #0B185C;
border-left: 150px solid rgb(203, 217, 184);
padding: 20px 25px 10px 20px;
letter-spacing: 0.01em;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); }

#content ul {
	margin-left: 50px;
	padding-left: 0px;
	list-style: none;
	line-height: 175%;
}

#content ul li {
	padding: 1px 25px 10px 25px;
	background: url("../images/right_inner.gif") no-repeat left top;
}
#content h1 {
	font-size: 125%;
	letter-spacing: 1pt;
	padding: 10px 0 10px 0;
	font-family: Arial, "Times New Roman";
	color: #0B185C;
}
#content h2 {
font-size: small;
}
#content h3 {
font-size: small;
font-size: 115%;
letter-spacing: 1pt;
padding: 0 0 15px 0;
}
#mod_linklist block title {
font-size: small;
font-size: 115%;
letter-spacing: 1pt;
padding: 0 0 15px 0;
}
#content p {
line-height: 150%;
}
#content p.topper {
padding: 10px 0 30px 40px;
}
#content table  a {
text-decoration: none;
background-color: transparent;
color:  #C33739;
}

#content table  a:hover {
background-color: transparent;
color: #C33739;
text-decoration: underline;
}

/* ---- */
.breaker {
clear: both;
}
#footer {
height: 30px;
background-color:  #CBD9B8;
color: #ccc;
border-top: 1px solid #000;
}
#footer p {
font-size: 85%;
padding: 8px 15px;
}
#footer a {
text-decoration: none;
background-color: transparent;
color: rgb(79, 79, 79);
border: 0 none;
}
#footer a:hover {
background-color: transparent;
color: rgb(0, 0, 0);
}

/* ---- */
#main .invis, hr {
display: none;
}
img.h1links {
margin: 0em 1em 0em 0em;
padding: 2px;
		}
img.links {
	float: left;
	margin: 0em 1em 0em 0;
         padding: 2px;
		}
img.rechts {
	float: right;
	margin: 0em 0em 0em 1em;
         padding: 2px;
	border: 1px solid #7D5015;
	}
img.galerie {
	margin: 0 0.6em 0 0;
         padding: 5px;
	border: 1px solid #7D5015;
	}
table.calendar 
{
	width:98%;
	background-color:#fcfcfc;
	border-collapse:separate;
 
}
 
table.calendar .head
{
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-align:center;
	background-color:#CBD9B8;
	background-position:left bottom;
	background-repeat:repeat-x;
	border-top:1px solid #dfdfdf;
}
table.calendar .head a
{
text-decoration:none;
}
table.calendar th.previous 
{
	padding-left:0.75em;
	text-align:left;
	border-left:1px solid #dfdfdf;
}

table.calendar th.next
{
	padding-right:0.75em;
	text-align:right;
	border-right:1px solid #dfdfdf;
}

table.calendar th a
{
	text-decoration:none;
	color:#333333;
}

table.calendar th a:hover
{
	text-decoration:underline;
}

table.calendar .label
{
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	background-color:#0B185C;
	font-weight:bold;
	color:#ccd5ea;
}

table.calendar td
{
	width:14%;
	height:7em;
	vertical-align:top;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}

table.calendar .col_first
{
	border-left:1px solid #dfdfdf;
}

table.calendar .weekend
{
	background-color:#f7f9fa;
}

table.calendar .today
{
	background-color:#f0f3f6;
}

table.calendar .header
{
	margin:1px;
	padding:1px;
	background-color:#e6e6e6;
	font-size:0.9em;
	color:#666666;
}

table.calendar .event
{
	margin:3px;
	font-size:0.9em;
	line-height:1.1;
}

table.calendar .event a
{
	text-decoration:none;
	color:#333333;
}

table.calendar .event a:hover
{
	text-decoration:underline;
}
table.minicalendar h1
{
	margin-bottom:1em !important;
}

table.minicalendar table
{
	width:98%;
	background-color:#ececec;
	background-image:url("tl_files/webconsulting/minicalendar.jpg");
	background-position:left top;
	background-repeat:repeat-x;
	border-collapse:separate;
}

table.minicalendar td
{
	width:14%;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	border-top:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	font-size:0.9em;
}

table.minicalendar .col_last
{
	border-right:0px !important;
}

table.minicalendar .last .col_first
{
	background-image:url("tl_files/kom_center/logo_5.jpg");
	background-position:left bottom;
	background-repeat:no-repeat;
}

table.minicalendar .last .col_last
{
	background-image:url("tl_files/webconsulting/cbr.gif");
	background-position:right bottom;
	background-repeat:no-repeat;
}

table.minicalendar th.previous
{
	padding-top:4px;
	padding-bottom:2px;
	padding-left:6px;
	text-align:left;
	background-image:url("tl_files/webconsulting/ctl.gif");
	background-position:left top;
	background-repeat:no-repeat;
}

table.minicalendar th.next
{
	padding-top:4px;
	padding-right:6px;
	padding-bottom:2px;
	text-align:right;
	background-image:url("tl_files/webconsulting/ctr.gif");
	background-position:right top;
	background-repeat:no-repeat;
}

table.minicalendar th.current
{
	padding-top:1px;
	padding-bottom:1px;
	text-align:center;
}

table.minicalendar .head a
{
	text-decoration:none;
	color:#333333;
}

table.minicalendar .label
{
	padding-bottom:1px;
	text-align:center;
	font-weight:bold;
	color:#1fa81d;
}

table.minicalendar td a
{
	font-weight:bold;
	color:#333333;
}
.mod_eventlist .header
{
	padding:0.25em;
	background-color:#fdfeff;
	background-position:left bottom;
	background-repeat:repeat-x;
	border-bottom:1px solid #dfdfdf;
	font-weight:bold;
}

.mod_eventlist .event
{
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:1px solid #dfdfdf;
}

.mod_eventlist .header.first
{
	border-top:1px solid #dfdfdf;
}

.mod_eventlist h2
{
	margin-bottom:10px;
	font-size:1.2em;
}

.mod_eventlist .time
{
	font-size:0.9em;
	color:#808080;
}
.mod_eventlist a
{
text-decoration: none;
background-color: transparent;
color:  #C33739;

}
.mod_eventlist a:hover {
background-color: transparent;
color: #C33739;
text-decoration: underline;
}
.mod_linklist .title {
font-size: 120%;
font-weight:bold;
letter-spacing: 1pt;
padding: 10px 0 15px 0;
}
.mod_linklist .description {
line-height: 150%;
padding: 10px 0 15px 0;
}
.mod_linklist .odd {
line-height: 150%;
padding: 10px 0 0 0;
}