/* 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 www.fotos-augsburg.dethe 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;
}

ul{
padding : 0px 0px 0px 15px;
}

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: round;
}
/* 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;
  height: 200px;
    
  background-image: url(../images/header_bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-left:0px;
  position: relative;
}

#logo {
  height: 49px;
  width: 211px;
  position: absolute;
  top: 10px;
  right:310px;
  align : right;
}
#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: 74%;
  float: left;
  padding-top:20px;
  padding-left:10px;
  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:10px
}

.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:80px;
  right:-6px;
  background-image: url(../images/bg_navi_oben.png);
  background-repeat: no-repeat;
  background-position: left center;
  width:533px;
  z-index: 9;
}
/*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;
  argin  : 0px 0px 0px 0px;
  padding-top : 3px ;
}

/*Mue
*******************************/

#left ul.menu li a, #right ul.menu li  a {
  color: #FFF;
  background-color: #FFF;
}

#left ul.menu li ul li  a, #right ul.menu li  a {
  color : #FFF;
  background-color: #FFF;
}

#left ul.menu li ul li.active a, #right ul.menu li.active a {
  color : #000;
  background-color: #749DAF;
}

#left ul.menu li.active ul li a:hover, #rightul.menu li.active ul li a:hover {
  color : #000;
  background-color: #749DAF;
}

#left ul.menu li.active a:hover, #rightul.menu li.active a:hover {
  color : #000;
  background-color: #749DAF;
}


#left ul.menu li ul a, #right ul.menu li ul 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 h1 {
  color: #000;
  font-weight : bold; 
  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 {
  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: 0px;
  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;
}

#weiteres {
    height:2px;
    width :10px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float : right;
    overflow: hidden;
}