@charset "utf-8";

/*
----------------------------------------------------
(c) 2010 by dreifalt.de
----------------------------------------------------
*/


/*
----------------- sidewide specs -------------------
*/

htm, body {
	height:100%;	
}

body {
	margin:0; padding:0;
}

div {
	margin:0; padding:0; border:none;	
}

div.clearBoth {
	clear:both;	
}

a img {
	border:none;
}

a:link, a:visited {
	color:#666;
	text-decoration:none;
}

a:hover, a:active {
	color:#333;
	text-decoration:none;
}

div.spacerArticle {
	height:20px;	
}

h6 {
	font-size:10px; font-weight:normal;
	color:#00519e;
	margin:0; padding:0 0 15px 0;
}



/*
----------------- enclosures (dateianhaenge in einem artikel)... -------------------
*/

div.ce_download {
	height:auto;
	margin:0 0 5px 0;
}

div.ce_downloads p {
	margin:0;
}

div.ce_download  img, div.ce_downloads img {
	margin:0; padding:0; height:18px;
}

div.ce_download  a, div.ce_downloads a {
	position:relative;
	margin:0; padding:0;
	top:-4px; left:0; height:18px;
}



/*
----------------- enclosures (falls news hinzukommen sollten)... -------------------
*/

div.enclosure {
	height:auto;
}

div.enclosure  p {
	margin:0; padding:0; height:18px;
	clear:both;
}

div.enclosure  p  img {
	margin:0; padding:0; height:18px;
}

div.enclosure  a {
	position:relative;
	margin:0; padding:0;
	top:5px; left:-10px; height:13px;
}


/*
----------------- fonts and formattings... -------------------
*/

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	font-style:normal;
	font-weight:normal;
	background:url(../_img_gui/bg_site.png) center top no-repeat;
	background-color:#fff;
}



/*
----------------- all boxes... -------------------
*/

#divWrapperAll {
	position:absolute;
	height:100%; width:100%;
	/* background-color:#f00; */
}

#divWrapperCenter {
	position:relative;
	left:50%; top:0;
	width:960px; height:auto;
	margin-left:-480px;
	/* background:url(../_img_gui/bg_site.jpg) center top repeat-y; */
}

#divHeader {
	position:relative;
	left:0; top:0;
	width:100%; height:140px;
	background:url(../_img_gui/bg_header.png) left top no-repeat;
}

#divHeaderFlash {
	position:relative;
	left:5px; top:0;
	width:950px; height:210px;
}

#divHeaderContent {
	position:relative;
	left:0; top:0;
	width:100%; height:40px;
}

#divSidebarLeft {
	position:relative;
	left:0; top:0;
	width:170px; height:auto;
	float:left;
}



/*
-------------------------------- menu left... --------------------------------
*/

#divWrapperMenuLeft {
	position:relative;
	left:5px; top:0;
	width:165px; height:auto;
}

#divWrapperMenuLeft ul.level_1 {
	margin:0; padding:0;
	list-style-type:none;
	font-size:11px;
}

#divWrapperMenuLeft ul.level_1 li {
	display:block;
	width:156px;
	margin:0; padding:4px 0 4px 5px;
	list-style-type:none;
	font-size:11px;
	border-bottom:1px solid #ccc;
}

#divWrapperMenuLeft ul.level_1 li.active {
	border-bottom:none;
	color:#333;
}

#divWrapperMenuLeft ul.level_2 {
	margin:0; padding:0;
	list-style-type:none;
	font-size:11px;
}

#divWrapperMenuLeft ul.level_2 li {
	display:block;
	width:147px;
	margin:0; padding:5px 0 0 10px;
	list-style-type:none;
	font-size:11px;
	border:none;
}

#divWrapperMenuLeft ul.level_2 li.active {
	border-bottom:none;
	color:#333;
}

#divWrapperMenuLeft p.active {
	margin:0; padding:0;
}

#divMenuLeftTop {
	position:relative;
	left:0; top:0;
	width:165px; height:15px;
}

#divMenuLeftCenter {
	position:relative;
	left:0; top:0;
	width:165px; height:auto;
	background:url(../_img_gui/bg_leftmenu_center.png) left top no-repeat;
}

#divMenuLeftBottom {
	position:relative;
	left:0; top:0;
	width:165px; height:15px;
}



/*
-------------------------------- menu right... --------------------------------
*/

#divWrapperMenuRight {
	position:relative;
	left:1px; top:0;
	width:164px; height:auto;
	overflow:hidden;
}

#divWrapperMenuRight ul.level_1 {
	margin:0; padding:0 0 0 3px;
	list-style-type:none;
	font-size:11px;
}

#divWrapperMenuRight ul.level_1 li {
	display:block;
	width:157px;
	margin:0; padding:4px 0 4px 5px;
	list-style-type:none;
	font-size:11px;
	border-bottom:1px solid #ccc;
}

#divWrapperMenuRight ul.level_1 li.active {
	/* border-bottom:none; */
	color:#333;
}

#divWrapperMenuRight ul.level_2 {
	margin:0; padding:0;
	list-style-type:none;
	font-size:11px;
}

#divWrapperMenuRight ul.level_2 li {
	display:block;
	width:147px;
	margin:0; padding:5px 0 0 10px;
	list-style-type:none;
	font-size:11px;
	border:none;
}

#divWrapperMenuRight ul.level_2 li.active {
	border-bottom:none;
	color:#333;
}

#divMenuRightTop {
	position:relative;
	left:0; top:0;
	width:165px; height:15px;
}

#divMenuRightCenter {
	position:relative;
	left:0; top:0;
	width:165px; height:auto;
	background:url(../_img_gui/bg_rightmenu_center.png) left top no-repeat;
}

#divMenuRightBottom {
	position:relative;
	left:0; top:0;
	width:165px; height:15px;
}



#divWrapperContent {
	position:relative;
	left:0px; top:3px;
	width:620px; height:auto; /* 730px */
	float:left;
}

#divContentTop {
	position:relative;
	left:0; top:0;
	width:620px; height:15px;
	background:url(../_img_gui/bg_content_top.png) left top no-repeat;
}

#divContentBottom {
	position:relative;
	left:0; top:0;
	width:620px; height:15px;
	background:url(../_img_gui/bg_content_bottom.png) left top no-repeat;
}

#content {
	position:relative;
	left:0; top:0;
	width:620px; height:auto;
	background:#9CC;
	background:url(../_img_gui/bg_content_center.png) left top no-repeat;
}

#divSidebarRight {
	position:relative;
	right:0; top:0;
	width:170px; height:auto;
	float:left;
}

#divFooter {
	position:relative;
	left:0; top:0;
	width:100%; height:150px;
	background:url(../_img_gui/bg_footer.png) center top no-repeat; */
}

div.footerNoticeLeft {
	position:absolute;
	left:185px; top:40px;
	width:200px;
	font-size:10px; color:#fff;
}

div.footerNoticeRight {
	position:absolute;
	left:409px; top:40px;
	width:200px;
	font-size:10px; color:#fff;
}



/*
-------------------------------- tabmenu... --------------------------------
*/

#divTabMenu {
	position:absolute;
	left:185px; top:164px;
	width:650px; height:25px;
	font-size:11px;
}

#divTabMenu ul {
	list-style-type:none;
	margin:0; padding:0;
}

#divTabMenu ul li {
	list-style:none;
	margin:0; padding:0;
	display:inline-block;
	*display:inline; /* IE HACK! */
}

#divTabMenu ul li  table.tblTabMenActive {
	margin:0; padding:0; border:none;
	border-collapse:collapse;
	height:23px;
	*display:inline; /* IE HACK! */
}
#divTabMenu ul li td.centerTabActive {
	background:url(../_img_gui/bg_tab_act_center.png) left top repeat-x;
}

#divTabMenu ul li .leftTabActive {
	margin:0; padding:0; border:none;
	width:10px;
	*display:inline; /* IE HACK! */
}
#divTabMenu ul li td.leftTabActive {
	background:url(../_img_gui/bg_tab_act_left.png) left top ;
}

#divTabMenu ul li .rightTabActive {
	margin:0; padding:0; border:none;
	width:10px;
	*display:inline; /* IE HACK! */
}
#divTabMenu ul li td.rightTabActive {
	background:url(../_img_gui/bg_tab_act_right.png) left top no-repeat;
}

#divTabMenu ul li table.tblTabMen {
	margin:0; padding:0; border:none;
	border-collapse:collapse;
	height:23px;
	*display:inline; /* IE HACK! */
}
#divTabMenu ul li td.centerTab{
	background:url(../_img_gui/bg_tab_center.png) left top repeat-x;
}

#divTabMenu ul li .leftTab {
	margin:0; padding:0; border:none;
	width:10px;
}
#divTabMenu ul li td.leftTab {
	background:url(../_img_gui/bg_tab_left.png) left top no-repeat;
}

#divTabMenu ul li .rightTab {
	margin:0; padding:0; border:none;
	width:10px;
}
#divTabMenu ul li td.rightTab {
	background:url(../_img_gui/bg_tab_right.png) left top no-repeat;
}



/*
----------------- articles... -------------------
*/

div.mod_article {
	position:relative;
	margin:0;
	left:20px;
	width:595px;
}

div.image_container {
	position:relative;
	width:210px;
	margin:0 0 0 0;
	float:left;
}

div.caption {
	position:relative;
	margin:5px 0 5px 0;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

div.ce_text {
	position:relative;
	margin:0 0 20px 0;
	/* width:355px; */
	padding-right:10px;
}

div.articleWrapper {
	float:right;
	width:370px;
}

div.mod_article  h1, div.contentBlockKontakt h1 {
	position:relative;
	margin:0;
	padding:0 0 25px 0;
	line-height:18px;
	font-weight:normal;
	font-size:16px;
	color:#00519e;
	/* left:215px; width:370px; */
}


div.mod_article h2 {
	margin:0;
	padding:0 0 5px 0;
	font-weight:normal;
	font-size:14px;
	color:#666;
}

div.mod_article p {
	margin:0;
	padding:0 0 10px 0;
	font-weight:normal;
	line-height:16px;
}

div.mod_article ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div.mod_article ul li {
	margin:0 0 0 15px;
	padding:0;
	list-style:outside;
	list-style:url(../_img_gui/list_item.gif);
	line-height:16px;
}

#herzlich_willkommen  h1 { /* styles nur fuer die startseite! */
	position:relative;
	margin:0;
	padding:0 0 5px 0;
	line-height:18px;
	font-weight:normal;
	font-size:16px;
	color:#00519e;
	/* left:215px; width:370px; */
}


#herzlich_willkommen h2 {
	margin:0;
	padding:0 0 20px 0;
	font-weight:normal;
	font-size:14px;
	color:#666;
}

#herzlich_willkommen p {
	margin:0;
	padding:0 0 20px 0;
	font-weight:normal;
	line-height:14px;
}



/*
----------------- tables... -------------------
*/

div.ce_table.tblSprechzeiten table {
	margin:0; padding:0; border:none;
	border-collapse:collapse;
}

div.ce_table.tblSprechzeiten table tr td {
	padding:0 20px 2px 0; border:none;
	border-collapse:collapse;
}

div.ce_table.tblSprechzeiten table tr td.col_last {
	padding:0 20px 2px 0; border:none;
	border-collapse:collapse;
}

div.ce_table.tblSprechzeiten table tr.first, div.ce_table.tblSprechzeiten table tr.even {
	border-bottom:1px solid #999;
}

div.ce_table.tblSprechzeiten table tr.odd {
	border-bottom:1px solid #999;
}

div.ce_table.tblSprechzeiten table tr.row_last {
	border-bottom:none;
}

/*
div.ce_table.tblSprechzeiten table tr td.col_last {
	font-weight:bold;
}
*/


div.ce_table.tblNormal table {
	margin:0; padding:0; border:none;
	border-collapse:collapse;
}

div.ce_table.tblNormal table tr td {
	padding:0 20px 2px 0; border:none;
	border-collapse:collapse;
}

div.ce_table.tblNormal table tr td.col_last {
	padding:0 0 2px 0; border:none;
	border-collapse:collapse;
}

div.ce_table.tblNormal table tr.first, div.ce_table.tblNormal table tr.even {
	border-bottom:1px solid #999;
}

div.ce_table.tblNormal table tr.row_first {
	font-weight:bold;
}

div.ce_table.tblNormal table tr.odd {
	border-bottom:1px solid #999;
}

div.ce_table.tblNormal table tr.row_last {
	border-bottom:none;
}
/*
div.ce_table.tblNormal table tr td.col_last {
	font-weight:bold;
}
*/



/*
--------------- kontaktformular... -------------------
*/

div.contentBlockKontakt {
	position:relative;
	left:20px;
	width:595px;
	padding:0;
}

div.contentBlockKontakt table tr.row_6 td {
	padding:10px 5px 15px 0;
}

div.radio_container label {
	padding-right:15px;
}

.formbody table tr td {
	padding-bottom:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.formbody table tr td.col_0 { /* feste breite der ersten spalte... */
	width:180px;
	text-align:left; vertical-align:top;
	color:#000;
}

.formbody table tr td.col_1 input, .formbody table tr td.col_1 textarea {
	border:1px solid #00519e;
	text-align:left; vertical-align:top;
	font-size:12px; font-family:Verdana, Geneva, sans-serif;
	background:#fff;
}

.formbody table tr td.col_1 input.text{
	width:150px;
}

.formbody table tr td.col_1 p.error { /* fehlermeldungen... */
	margin:0 0 4px 0; padding:0 0 0 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#ff0000;
}

.formbody table tr td.col_1 input.submit { /* absenden-button... */
	margin:5px 0 0 0; padding:0 2px 2px 2px; height:20px;
	border:1px solid #00519e;
	font-size:12px; font-family:Verdana, Geneva, sans-serif;
	color:#000;
}

.formbody input { /* absenden-button... */
	margin:0 0 1px 0;
}



/*
--------------- kontaktformular... -------------------
*/

div.bildergalerie {
	position:relative;
	left:5px;
	width:580px;
}

div.bildergalerie table td {
	/* background:#f00; */
}
