/* ---------------------
basic layout
--------------------- */

* {
	font-family: Arial, Helvetica, sans-serif;
}

.waterbody {
	background:#FFFFFF url(../images/bg_body.jpg) repeat-x left top;
	margin:0;
	color:#333333;
}

div,
td,
p {
	font-size:12px;
	line-height:18px;
	color:#333333;
}

a,
a:link,
a:active,
a:visited {
	text-decoration:none;
	color:#000000;
}

a:hover {
	text-decoration:underline;
	color:#A3B271;
}

ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	list-style-type: square;
}

li {
	line-height: 18px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
}

/** clear the banner to make it sit in the bottom **/
.clear {
	clear:both;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
	width:900px;
	margin: 0px auto;
	padding:0;
	text-align: left;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
	position:relative;
	width: 900px;
	background:transparent url(../images/bg_inside.jpg) repeat-y left top;
	float:left;
	top:0;
	left:0;
}

#outerleft {
	position:relative;
	float:left;
	clear:left;
	width:730px;
	
}

#outerright {
	position:relative;
	width:170px;
	float:right;
	clear:right;
}

#logo {
	position:relative;
	width:100%;
	height:122px;
	float:left;
	background:transparent url(../images/header_01.jpg) no-repeat left top;
}
#logoright {
	position:relative;
	width:100%;
	height:183px;
	float:left;
	background:transparent url(../images/header_right.jpg) no-repeat left top;
}
/** div container for top menu. position:top **/
#topmenu {
	height:29px;
	background:transparent url(../images/header_02.jpg) no-repeat left top;
	position:relative;
	float:left;
	clear:left;
	width: 100%;
}

/** div container for image header **/
#imgheader {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	height:32px;
	background:transparent url(../images/header_03.jpg) no-repeat left top;
}

#container_inner {
	position:relative;
	float:left;
	clear:left;
	width:730px;
}

/** div container for left column **/
#leftcol {
	position:relative;
	float:left;
	clear:left;
	width:168px;
	background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;
}

#leftcolmenu {
	position:relative;
	width:165px;
	margin: 0px 0px 0 0;
	background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;
	/**overflow:auto;**/
}


/** div wrapper for user2 & user3 **/
#content_top_wrapper {
	position:relative;
	float:right;
	clear:right;
	width:542px;
	display:inline;
	margin: 4px 8px 0 0;
}

/** div container for position:user2 **/
#content_top1 {
	position:relative;
	float:left;
	clear:left;
	width:269px;
}

/** div container for position:user3 **/
#content_top2 {
	position:relative;
	float:right;
	clear:right;
	width:269px;
}

/** div container for mainbody **/
#content_main {
	position:relative;
	float:left;
	width:556px;
	margin:0px 0 20px 0px;
	background-color:#FFFFFF;
}

/** div container for right column **/
#rightcol_top,
#rightcol {
	float:left;
	clear:left;
	width:168px;
	margin:8px 0 0 4px;
	display:inline;
	overflow:auto;
}

/** div container for right column position:header **/
#rightcol_top {
	height:10px;
	min-height:10px;
	background:transparent;
}

/** div container for banner position:banner **/
#banner {
	position:relative;
	clear:left;
	float:left;
	width:515px;
	height:65px;
	min-height:65px;
	color:#FFFFFF;
	font-size:10px;
	padding: 20px 0 0 215px;
}

#blackline {
	position:relative;
	clear:left;
	float:left;
	width:730px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	background: transparent;
}

/** copyright **/

#copyright {
	position:relative;
	width:900px;
	display:block;
	clear:both;
	float:left;
}

#copyright div {
	color:#666666;
	font-size:10px;
	font-weight:bold;
	display:block!important;
	width:900px;
	float:left;
	clear:left;
	margin:-10px 0 0 0;
	text-align:left;
}

#left .mod_navigation td.level_1  {
	display:block;
	height:20px;
	line-height:20px;
	padding-left:8px;
	/**background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;**/
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
}

#left .mod_navigation td.level_2  {
	display:block;
	height:20px;
	line-height:20px;
	padding-left:14px;
	/**background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;**/
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
}

#left .mod_navigation td.level_1 td.active {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:8px;
	/**background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;**/
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
}

#left .mod_navigation td.level_2 td.active {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:14px;
	/**background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;**/
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
}

/** generic menu item link **/
#left .mod_navigation a:link,
a:active,
a:visited,
a:link,
a:active,
a:visited {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	line-height: 25px;
}

#left .mod_navigation span.active  {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	line-height: 25px;
}
/** generic menu item link on mouseover **/
#left .mod_navigation a:hover,
#left a:hover {
	color:#000000!important;
	font-weight:bold;
	font-size:12px;
	text-decoration:none!important;
	border-bottom:2px solid orange;

}

/** unordered list top menu **/
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width: 100px;
	font-size: 11px;
	text-transform:uppercase;
	line-height: 29px;
	height: 29px;
	width:100px;
	text-align:center;
	white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
	letter-spacing:2px;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
	width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
	text-decoration:underline;
}

div.pdf_link  {
	text-align:right;
}
.pdf_link a {
	color:#333333;
	text-align:right;
	text-decoration:none;
	font-weight:normal;
	font-size:8px;
	line-height: 12px;
}

#bottompadding	{
	position:relative;
	width:900px;
	display:block;
	height:0px;
	margin-top:-100px;
}

#leftcol table td {
	font-size:11px !important;
	color:#CCCCCC;
}

#leftcol table,
#rightcol table {
	width:100%;
	float:left;
	clear:left;
}
#right h4  {
	width:85%;
	border-bottom:2px solid orange;
}
.bild-left  {
	border: none;
	margin: 4px;
	float: left;
}

.bild-right  {
	border: none;
	margin: 4px;
	float: right;
}

/** Kalender **/
#minicalendar{margin:0px 5px 20px 0px;padding:5px 5px 10px 5px;}
table.minicalendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table.minicalendar td{width:14%;padding-top:2px;padding-bottom:3px;text-align:center;background-color:#eef0f0;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.minicalendar td,table.minicalendar .active a{font-size:10px;color:#0000FF}
table.minicalendar .weekend{background-color:#f6f6f6;}
table.minicalendar .today{background-color:#FF9900;}
table.minicalendar .label{padding-top:2px;padding-bottom:3px;text-align:center;background-color:#c3c3c3;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-size:10px;color:#ffffff;}
table.minicalendar .head{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#eef0f0;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.minicalendar .current{background-color:#d8e0e4;}

table.calendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table.calendar .head{padding-top:4px;padding-bottom:5px;text-align:center;background-color:#eef0f0;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.calendar .current{background-color:#d8e0e4;}
table.calendar .label{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#c3c3c3;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-weight:bold;font-size:10px;color:#ffffff;}
table.calendar td{width:14%;height:72px;padding:1px;vertical-align:top;background-color:#ffffff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.calendar .weekend{background-color:#f6f6f6;}
table.calendar .today{background-color:#ff9900;}
table.calendar .empty,table.calendar .empty .header{background-color:#f6f6f6;}
table.calendar td .header{padding-bottom:2px;background-color:#e0e0e0;font-size:10px;}
table.calendar td .event a{font-size:10px;}

/** News **/
.mod_newsmenu{margin:0px 5px 20px 5px;padding:5px;background-color:#ece4d9;}
#breaking_news{margin:20px 5px;padding:5px;background-color:#ece4d9;}
.mod_newsmenu ul,.mod_newsmenu li{margin:0px;padding:0px;list-style-type:none;}
* html .mod_newsmenu ul,* html .mod_newsmenu li{height:1px;}
.mod_newsmenu .year{margin-bottom:2px;font-weight:bold;}
.mod_newslist p{margin:0px 0px 4px 0px;}
.mod_newsreader .back{margin-bottom:24px;padding-top:12px;}
* html .mod_newsreader .back{margin-top:12px;padding-top:0px;}
.mod_newslist .info,.mod_newsreader .info{margin-bottom:6px;font-size:10px;color:#999999;}
.mod_newslist .layout_short{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #c6ad8d;}
.mod_newsreader .ce_text{margin-top:16px;}
.mod_article,.mod_newsreader{margin-right:5px;}
.mod_newsreader h2{margin-bottom:12px;}
.mod_newsreader .comment_default{margin-bottom:12px;}
.mod_newsreader .comment{line-height:1.5;}
.mod_newsreader .form{margin-top:24px;}
.mod_newsreader .widget{margin-top:1px;margin-bottom:1px;}
.mod_newsreader .textarea{width:360px;height:120px;}

/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* YAML Subtemplates stylesheet
*
*
* @copyright       Copyright 2005-2007, Dirk Jesse
* @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         3.0.4
* @revision        $Revision: 135 $
*
*
* TYPOlight Extension
* @copyright  2007 
* @author     Felix Pfeiffer 
* @package    subcolumns v 1.0
*/

@media all
{

/**
* @section subtemplates
* @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
*/

.subcolumns {width: 99%; overflow:hidden;}

.c50l, .c20l, .c25l, .c30l, .c33l, 
.c38l, .c40l, .c45l, .c55l, 
.c66l, .c70l, .c75l, .c62l {float: left; }
.c50r, .c20r, .c25r, .c30r, .c33r, 
.c38r, .c40r, .c45r, .c55r, 
.c66r, .c703, .c75r, .c62r {float: right; margin-left: -5px; }

.c20l, .c20r { width: 20%; }
.c25l, .c25r { width: 25%; }
.c30l, .c30r { width: 30%; }
.c33l, .c33r { width: 33.333%; }
.c40l, .c40r { width: 40%; }
.c45l, .c45r { width: 45%; }
.c50l, .c50r { width: 49.5%; }
.c55l, .c55r { width: 55%; }
.c66l, .c66r { width: 66.666%; }
.c70l, .c70r { width: 70%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.5em }
.subcl { padding: 0 1em 0 0 }
.subcr { padding: 0 0 0 1em }


.equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
.equalize .c20l,.equalize .c25l,
.equalize .c30l,.equalize .c33l,.equalize .c38l,
.equalize .c40l,.equalize .c45l,
.equalize .c50l,.equalize .c55l,
.equalize .c62l,.equalize .c66l,
.equalize .c70l,.equalize .c75l,
.equalize .c20r,.equalize .c25r,
.equalize .c30r,.equalize .c33r,.equalize .c38r,
.equalize .c40r,.equalize .c45r,
.equalize .c50r,.equalize .c55r,
.equalize .c62r,.equalize .c66r,
.equalize .c70r,.equalize .c75r {
display:table-cell; vertical-align:top;
float:none; margin:0; overflow:hidden;
}

}


@media print
{

/**
 * @section layout preparation
 * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
 */

/* Linearising subtemplates */

.c50l, .c20l, .c25l, .c30l, .c33l, 
.c38l, .c40l, .c45l, .c55l, 
.c66l, .c70l, .c75l, .c62l,
.c50r, .c20r, .c25r, .c30r, .c33r, 
.c38r, .c40r, .c45r, .c55r, 
.c66r, .c70r, .c75r, .c62r {width: 99%; margin:0; float:none; overflow:visible; display:table;}
.subc, .subcl, .subcr  {margin: 0; padding: 0;}


/**
 * @section browser fixes for print layouts
 * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
 */

/**
 * overflow:hidden Bug in print layouts
 *
 * @bugfix
 * @since     3.0
 * @affected  FF2.0, IE7
 * @css-for   all browsers
 * @valid     yes
 */

.subcolumns {overflow:visible; display: table; }

}
/* TYPOlight webCMS :: Copyright (C) 2005-2009 Leo Feyer :: LGPL license */
/*body{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative;}*/
/*select,input,textarea{font-size:99%;}form{margin:0;padding:0;}*/
/*img{border:0;}
#left{float:left;}
#right{float:right;}*/
/*#main{width:auto;position:relative;}*/
.inside{position:relative;text-align:left;}
.block{overflow:hidden;}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}
.custom{display:block;text-align:left;}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Fotostrecke Layout */
/*div.nextButton{float:right; width:29px;}
div.prevButton{float:left; width:29px;}
div.imgBig{margin: 0px 29px;}*/

.prevButton {
float:left;
margin-left:10px;
}
li.next {
float:right;
margin-right:10px;
}
.prevButton, .nextButton {
margin-top:50px;
}
.imgBig {
margin:10px 0 0;
overflow:hidden;
text-align:center;
}
div.pagination {
font-style:italic;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
text-align:center;
}
.ce_gallery ul {
list-style-type:none;
margin:10px 7px;
padding:0;
text-align:center;
}
.ce_gallery li {
float:left;
height:25px;
list-style-type:none;
padding:3px;
width:60px;
text-align:center;
}
div.ce_gallery img {
border:1px solid;
}
div.prevButton img, div.nextButton img {
border:0 none;
padding:14px;
}
div.active img {
border:1px solid #BD1D01;
}

div.mod_articlenav {
margin-left: auto; 
margin-right: auto;
font-style:italic;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
width:100%;
text-align:center;
}
.mod_articlenav ul {
list-style-type:none;
list-style-position:outside;
margin:10px 7px;
padding:0;
width:100%;
text-align:center;
color:#A3B271;
}
.mod_articlenav li {
float:left;
margin-left: auto; 
margin-right: auto;
height:25px;
list-style-type:none;
padding:3px;
text-align:center;
}
span.current {
font-weight:normal;
}

.mod_linklist .title {
color:#000000;
font-weight:bold;
font-size:14px;
line-height:26px;
text-align:left;
}

.mod_linklist .odd {
background-color:#c3c3c3;
}
.mod_linklist .even {
background-color:#e5e5e5;
}

.mod_linklist .picture {
border:1px solid;
padding:0px;
margin-right: 8px;
float:left;
text-align:left;
}

.startnews .info {
color:#999999;
font-size:10px;
margin-bottom:0px;
}
.startnews h2 {
font-size:10px;
line-height:10px;
margin-bottom:0;
margin-top:0;
}
.startnews a:link, .startnews a:active, .startnews a:visited, .startnews a:link, .startnews a:active, .startnews a:visited {
color:#000000;
font-size:12px;
font-weight:bold;
line-height:20px;
text-decoration:underline;
}
.startnews .teaser {
color:#000000;
font-size:10px;
margin-bottom:6px;
}

div.mailright {
margin-left: auto; 
margin-right: 70px;
font-style:italic;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
width:100%;
text-align:left;
}

.mod_helpdesk a:link, .mod_helpdesk a:active, .mod_helpdesk a:visited, .mod_helpdesk a:link, .mod_helpdesk a:active, .mod_helpdesk a:visited {
margin:25px 10px 25px 0;
font-weight:normal;
}
.mainlist {
margin-top:25px;
}

.mod_personalData div, .mod_personalData p, .mod_personalData td {
font-size:10px;
}
.mod_personalData tr {
vertical-align: top;
}
.mod_personalData td {
padding-top:4px;
padding-left:4px;
padding-right:8px;
padding-bottom:4px;
line-height:20px;
}
.mod_personalData .col_0 {
font-weight:bold;
}
.mod_personalData .even {
background-color:#c3c3c3;
}
.mod_personalData .odd {
background-color:#e5e5e5;
}
.mod_personalData span {
float:left;
clear:left;
}






.mod_registration div, .mod_personalData p, .mod_personalData td {
font-size:10px;
}
.mod_registration tr {
vertical-align: top;
}
.mod_registration td {
padding-top:4px;
padding-left:4px;
padding-right:8px;
padding-bottom:4px;
line-height:20px;
}
.mod_registration .col_0 {
font-weight:bold;
}
.mod_registration .even {
background-color:#c3c3c3;
}
.mod_registration .odd {
background-color:#e5e5e5;
}
.mod_registration span {
float:left;
clear:left;
}

div.userright {
margin-left: auto; 
font-style:italic;
margin-bottom:5px;
margin-top:5px;
width:100%;
text-align:left;
color:#030303;
font-size:10px !important;
}
.userright input {
font-style:italic;
margin-bottom:4px;
margin-left:20px;
margin-right:6px;
text-align:left;
color:#030303;
font-size:10px !important;
float:right;
}

.userright p {
font-style:italic;
margin-bottom:4px;
margin-right:6px;
text-align:left;
color:#030303;
font-size:10px !important;
line-height:12px;
}
.userright strong {
font-weight:bold;
font-size:12px !important;
}
.userright label {
font-style:italic;
font-weight:bold;
margin-bottom:4px;
margin-right:40px;
text-align:left;
color:#030303;
font-size:10px !important;
float:left;
clear:left;
}
div.mod_banner {
position:relative;
clear:left;
float:left;
width:556px;
margin-bottom:-20px;
color:#FFFFFF;
font-size:10px;
text-align:center;
}

/** pathway block **/