/* Copyright (c) 2011 Webdesign Sinci
*  
*  CSS sinci_01
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.txt
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
* 
*********************************************/

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
}
a {
}
table {
	border-collapse:collapse;
}
fieldset, img {
	border:0;
}
del, ins {
	text-decoration:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup, sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
	font-size:100%;
}
li {
	list-style-type: none;
}
/* start */
html {
	height:100%;
	margin-bottom:1px;
}
body {
	background-color:#F3F3F3;
	color:#000;
	height:100%;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 72%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
}
/* LAYOUT
*********************************************/
div#overall {
	text-align:left;
	width:100%;
	background-color: #F3F3F3;
	padding-top:10px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: #000;
}
#oben {
	height: 32px;
	width: 986px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/oben.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#container {
	width: 986px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	overflow: hidden;
	background-image: url(../images/mitte.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#header {
	width: 100%;
	height: 303px;
	background-image: url(../images/header_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left:0px;
	position: relative;
}
#logo {
	height: 49px;
	width: 211px;
	position: absolute;
	top: 0px;
	right:45px;
}
#container_middle {
	width: 100%;
	margin:0px;
	padding-top: 0px;
	float: left;
}
#left {
	width: 15em;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#top
{
        margin:0 0 20px 0;
        overflow:hidden
}


#content57 {
	width: 57%;
	margin-top:10px;
	float: left;
	padding: 20px;
}
#content76 {
	width: 76%;
	float: left;
	padding-top:20px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#content96 {
	width:96%;
	margin:10px 20px 20px 30px;
	float: left;
}
#right {
	margin-top: 10px;
	width: 15em;
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer {
	width: 100%;
	margin: 0px;
	float: left;
	
}
#bottom
{
        overflow:hidden
}

.box
{
        width:27%;
        float:left;
        margin-right:10px;
        min-height:100px
}

.box1
{
        width:35%
}

.box2
{
        width:32%
}

.box3
{
        float:right
}

#unten {
	height: 32px;
	width: 986px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/unten.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	margin-bottom: 25px;
}
#unten p {
	padding-top: 25px;
}
/* Layout Classes */

/* Floats */
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.floatClear {
	clear:both;
}
/* MENUS
*********************************************/
/*Top Menu
*******************************/
#topmenu {
	height:64px;
	position: absolute;
	top:115px;
	right:-6px;
	background-image: url(../images/bg_navi_oben.png);
	background-repeat: no-repeat;
	background-position: left center;
	width:533px;
	z-index: 100;
}
/*Left Menu
*******************************/

#left ul.menu {
	margin-top: -29px;
	margin-left: 15px;
	background-color: #F3F3F3;
	border: 2px solid #eee;
}
#left h3 {
	background-image: url(../images/bg_h3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	width: 219px;
	margin-left: -22px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 10px;
}
#left .menu, #right .menu {
	padding: 1px;
	margin-left: 0;
	font: 11px verdana, sans-serif;
	width: 14em;
	color: gray;
}
#left .menu li, #right .menu li {
	list-style: none;
	margin: 0px;
	text-align: left;
}
#left .menu li a, #right .menu a {
	display: block;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.9em;
}
#left .menu li a:link, #right .menu li a:link {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}
#left .menu li a:visited, #right .menu li a:visited {
	color: #000;
}
#left .menu li a:hover, #right .menu li a:hover {
	color: #FFF;
	background-color: #749DAF;
}
#left .module{
	margin-top: 25px;
	margin-bottom: 5px;
}
#left ul.menu li.active a, #right ul.menu li.active a {
	color: #FFF;
	background-color: #749DAF;
}
/*Right Menu
*******************************/
#right h3 {
	background-image: url(../images/bg_h3_right.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 56px;
	width: 218px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	position: relative;
	right:40px;
	padding-top:13px;
	margin-top:-5px;
}
#right ul.menu {
	background-color: #F3F3F3;
	position: relative;
	right: 10px;
	top: -30px;
	border: 2px solid #eee;
}
/* LINKS
*********************************************/
a:link, a:visited {
	color:#69C;
	font-weight:normal;
	text-decoration:none;
}
a:hover {
	color:#ccc;
	font-weight:normal;
	text-decoration:none;
}
/* STANDARD
*********************************************/

/* MODULES
*********************************************/
.moduletable {
	padding: 5px;
	color: #666;
}
.moduletable a {
	color:#69F;
	text-decoration:none;
}
#search {
	width:177px;
	position: absolute;
	top: 290px;
	right: 18px;
	z-index: 500;
}
.search {
}
#search .search input {
	margin-top:-20px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	border: 1px solid #ccc;
}
#search label {
	display: none;
}
#search input.button {
	height:20px;
	width: 20px;
	float: right;
	padding: 0px;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* login Modul
********************************************/
#left #login-form {
	background-color: #F3F3F3;
	margin-top: -30px;
	border: 2px solid #eee;
}
#login-form {
	margin-left:15px;
	margin-top: -20px;
	padding-top: 0;
	padding-left: 10px;
}
#login-form ul li a {
	color: #069;
	text-decoration: none;
}
#login-form fieldset {
	padding:0px;
}
#login-form .inputbox {
	padding:2px
}
#login-form fieldset.input {
	padding:10px 0 0 0;
	margin:0px 0 10px 5px
}
#login-form label {
	margin-right:10px;
	width:8.4em;
	display:block;
	float:left
}
#form-login-remember label {
	float:none;
	width:auto;
	display:inline
}
.logout-button {
	margin-top:10px
}
input.button, button.button, button.validate {
	cursor:pointer;
	padding:3px 5px 3px 7px;
	font-weight:bold;
	line-height:1.2em;
	font-family:arial;
}
#modlgn-username, #modlgn-passwd {
	width:9em
}
.module_content #form-login-username label, .module_content #form-login-password label {
	float:left;
	width:5.2em
}
.login-fields {
	margin:10px 0
}
.login-fields label {
	float:left;
	width:9em
}
.login-description img, .logout-description img {
	float:left;
	margin-right:20px
}
.login-description, .logout-description {
	overflow:hidden;
	padding-left:5px;
	margin:20px 0 10px 0
}
.logout-description {
	margin-bottom:20px
}
/* CONTENT
*********************************************/
.item-page h2 {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #069;
	padding-top: 3px;
	padding-bottom: 3px;
}
.item-page h2 a {
	color: #000;
}
.item-page a {
	color: #69C;
	text-decoration: none;
}
/*contacts */

.contact h3 {
	text-decoration: none;
	background-color: #eee;
	padding: 3px;
}
.contact a {
	text-decoration: none;
	margin-left: 5px;
	color: #333;
}
.contact {
	padding:0 5px
}
.contact-category {
	padding:0 10px
}
.contact-category #adminForm fieldset.filters {
	border:0;
	padding:0
}
.contact-image {
	margin:10px 0;
	overflow:hidden;
}
.contact-image img {
/* as you like
float:right;
float:left */
}
address {
	font-style:normal;
	margin:10px 0;
}
address span {
	display:block
}
span.contact-image {
	margin-bottom:10px;
	overflow:hidden;
	display:block
}
.contact-address {
	margin:20px 0 10px 0;
}
.contact-email div {
	padding:2px 0;
	margin:0 0 10px 0;
}
.contact-email label {
	width:17em;
	float:left;
}
#contact_textmsg {
	padding: 2px 0 10px 0
}
#contact-email-copy {
	float:left;
	margin-right:10px;
}
.contact .button {
	float:none !important;
	clear:left;
	display:block;
	margin:20px 0 0 0
}
dl.tabs {
	float: left;
	margin: 50px 0 0 0;
	z-index: 50;
	clear:both;
}
dl.tabs dt {
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-right: 3px;
	background: #f0f0f0;
	color: #666;
}
dl.tabs dt.open {
	background: #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	z-index: 100;
	color: #000;
}
div.current {
	clear: both;
	border: 1px solid #ccc;
	padding: 10px 10px;
	max-width: 500px;
}
div.current dd {
	padding: 0;
	margin: 0;
}
dl#content-pane.tabs {
	margin: 1px 0 0 0;
}
/*Blog
************************/

.cols-1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}
.cols-2 .column-1 {
	width:46%;
	float:left;
}
.cols-2 .column-2 {
	width:46%;
	float:right;
	margin:0
}
.cols-3 .column-1 {
	float:left;
	width:29%;
	padding:0px 5px;
	margin-right:4%
}
.cols-3 .column-2 {
	float:left;
	width:29%;
	margin-left:0;
	padding:0px 5px
}
.cols-3 .column-3 {
	float:right;
	width:29%;
	padding:0px 5px
}
.items-row {
	overflow:hidden;
	margin-bottom:10px !important;
}
.column-1, .column-2, .column-3 {
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: justify;
}
.column-2 {
	width:55%;
	margin-left:40%;
}
.column-3 {
	width:30%
}
.blog-more {
	padding:10px 5px
}
.blog-featured a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
}
.blog-featured h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #069;
	padding: 3px;
}
.readmore {
	background-image: url(../images/bg_read_more.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 103px;
	text-align: center;
}
.readmore a {
	color: #FFF;
	font-size: 10px;
	position: relative;
	top: 6px;
	font-family: Verdana, Geneva, sans-serif;
}
#pathway {
	margin-right: 20px;
	margin-left: 30px;
	margin-top: 10px;
	font-size: 10px;
}
.image-left {
	padding: 3px;
	float: left;
}
/* OVERRIDES
*********************************************/

/* SYSTEM
**************************************************/

/* OpenID icon style */
input.system-openid, input.com-system-openid {
	background:url(http://openid.net/login-bg.gif) no-repeat;
	background-color:#fff;
	background-position:0 50%;
	color:#000;
	padding-left:18px;
}
/* Unpublished */
.system-unpublished {
	background:#e8edf1;
	border-top:4px solid #c4d3df;
	border-bottom:4px solid #c4d3df;
}
/* System Messages */
#system-message {
	margin-bottom:10px;
	padding:0;
}
#system-message dt {
	font-weight:bold;
}
#system-message dd {
	margin:0;
	font-weight:bold;
	text-indent:30px;
}
#system-message dd ul {
	color:#0055BB;
	margin-bottom:10px;
	list-style:none;
	padding:10px;
	border-top:3px solid #84A7DB;
	border-bottom:3px solid #84A7DB;
}
/* System Standard Messages */
#system-message dt.message {
	display:none;
}
#system-message dd.message {
}
/* System Error Messages */
#system-message dt.error {
	display:none;
}
#system-message dd.error ul {
	color:#c00;
	background-color:#E6C0C0;
	border-top:3px solid #DE7A7B;
	border-bottom:3px solid #DE7A7B;
}
/* System Notice Messages */
#system-message dt.notice {
	display:none;
}
#system-message dd.notice ul {
	color:#c00;
	background:#EFE7B8;
	border-top:3px solid #F0DC7E;
	border-bottom:3px solid #F0DC7E;
}
/* Debug */
#system-debug {
	color:#ccc;
	background-color:#fff;
	padding:10px;
	margin:10px;
}
#system-debug div {
	font-size:11px;
}
/* GENERAL
**************************************************/

.print-icon, .email-icon {
	float: right;
	height: 15px;
	width: 15px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: -20px;
	margin-bottom: 5px;
}
/* Form validation */
.invalid {
	border-color:#ff0000;
}
label.invalid {
	color:#ff0000;
}
/* Buttons */
#editor-xtd-buttons {
	padding:5px;
}
.button2-left, .button2-right, .button2-left div, .button2-right div {
	float:left;
}
.button2-left a, .button2-right a, .button2-left span, .button2-right span {
	display:block;
	height:22px;
	float:left;
	line-height:22px;
	font-size:11px;
	color:#666;
	cursor:pointer;
}
.button2-left span, .button2-right span {
	cursor:default;
	color:#999;
}
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {
	padding:0 6px;
}
.page span {
	color:#000;
	font-weight:bold;
}
.button2-left a:hover, .button2-right a:hover {
	text-decoration:none;
	color:#0B55C4;
}
.button2-left a, .button2-left span {
	padding:0 24px 0 6px;
}
.button2-right a, .button2-right span {
	padding:0 6px 0 24px;
}
.button2-left {
	background:url(../images/system/j_button2_left.png) no-repeat;
	float:left;
	margin-left:5px;
}
.button2-right {
	background:url(../images/system/j_button2_right.png) 100% 0 no-repeat;
	float:left;
	margin-left:5px;
}
.button2-left .image {
	background:url(../images/system/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore, .button2-left .article {
	background:url(../images/system/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
	background:url(../images/system/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank {
	background:url(../images/system/j_button2_blank.png) 100% 0 no-repeat;
}
/* Tooltips */
div.tooltip {
	float:left;
	background:#ffc;
	border:1px solid #D4D5AA;
	padding:5px;
	max-width:200px;
	z-index:13000;
}
div.tooltip h4 {
	padding:0;
	margin:0;
	font-size:95%;
	font-weight:bold;
	margin-top:-15px;
	padding-top:15px;
	padding-bottom:5px;
	background:url(../images/system/selector-arrow.png) no-repeat;
}
div.tooltip p {
	font-size:90%;
	margin:0;
}
/* Caption fixes */
.img_caption.left {
	float:left;
	margin-right:1em;
}
.img_caption.right {
	float:right;
	margin-left:1em;
}
.img_caption.left p {
	clear:left;
	text-align:center;
}
.img_caption.right p {
	clear:right;
	text-align:center;
}
/* Calendar */
a img.calendar {
	width:16px;
	height:16px;
	margin-left:3px;
	background:url(../images/system/calendar.png) no-repeat;
	cursor:pointer;
	vertical-align:middle;
}