/**
 * 
 * Design und Layout 'abenaa'
 * 
 * 
 * This file gives an overview of the required CSS definitions which
 * needs to be defined for all Website Baker templates added to the 
 * Website Baker addons repository from June 2008 onwards. 
 * 
 * See http://www.w3.org/TR/CSS21/sample.html for the HTML4 
 * default styles applied if nothing else is specified in your stylesheet.
 *
 * To facilitate adaption, you may want to consider separate stylesheets.
 * One for the layout (container for header, footer, content, menu ...),
 * another one for the HTML elements which are shown in the content areas.
 * This can easily be achieved via @import rules
 * 
 * @author     Ines Gesell
 * @copyright  Ines Gesell
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    1.0
 * @platform   Website Baker 2.8
 *
*/


/* Body und Sideholder */
body {
text-align : left;
margin : 10px 0 40px 0;
padding : 0;
font : 75% Verdana, Arial, sans-serif;
background : #aaaaaa;
color : #29468a;
}

.section_anchor {
display: none;
}

#main {
margin : 0 auto;
padding : 0 0 0 0;
width : 100%;
background : url(img/bg_main.jpg) repeat-x;
}

#sideholder {
margin : 0 auto;
padding : 0;
width : 977px;
background : #fff url(img/bg_sideholder.jpg) top center repeat-y;
}

#container {
padding : 0;
margin : 0;
}

/* Header */
#header {
text-align : right;
color : #29468a;
background : url(img/header.jpg) no-repeat bottom center;
width : 977px;
margin : 0;
padding : 0;
font-size: 0.9em;
}

#header_top {
text-align : right;
background : url(img/header_top.jpg) no-repeat top center;
height : 48px;
width : 977px;
margin : 0;
padding : 0;
}

#header_left {
float: left;
background : url(img/header_left.jpg) no-repeat top left;
height : 240px;
width : 287px;
margin : 0;
padding : 0;
}

#header_right {
float: right;
height : 240px;
width : 690px;
margin : 0;
padding : 0;
}

#header ul {
list-style : none;
height: 31px;
margin : 0 0 5px 0;
padding : 0 0 0 0;
}

#header li {
float: right;
margin-bottom: 5px;
padding: 0 15px 0 0;
}

#header li a {
text-align: center;
width: 113px;
height: 31px;
display : block;
font-size : 1.1em;
font-weight : bold;
text-decoration : none;
color : #fff;
padding : 7px 0 10px 0;
margin: 0 0 0 0;
background : url(img/header_li.jpg) no-repeat top center;
}

#header li a:hover {
background : url(img/header_li_hover.jpg) no-repeat top center;
color : #29468a;
}

#header .menu-current a {
background : url(img/header_li_hover.jpg) no-repeat top center;
color : #29468a;
}

/* Navi links */
#navi {
clear:both;
float: left;
text-align : left;
width : 273px;
margin : 0 0 10px 0;
padding : 0 0 0 15px;
}
#navi_add {
text-align : left;
font-size : 1.0em;
margin : 20px 0 0 0;
padding : 0 5px 0 0;
line-height: 1.4em;
}
#navi_add p {
margin : 10px 0 0 0;
padding : 0;
}
#navi_add a {
font-size : 10px;
}

#menu_haupt ul {
list-style : none;
width : 261px;
margin : 0 0 25px 0;
padding : 0 0 0 0;
}

#menu_haupt li {
margin: 0;
padding: 0;
}

#menu_haupt a {
font-size : 1.1em;
font-weight : bold;
text-decoration : none;
color : #fff;
background : url(img/navi_li.jpg) top left repeat-y;
height : 22px;
text-decoration : none;
display : block;
padding : 6px 0 0 35px;
border-bottom: 1px solid #fff;
}

#menu_haupt li a:hover {
background : url(img/navi_li_hover.jpg) top left repeat-x;
height : 22px;
text-decoration : none;
display : block;
padding : 6px 0 0 35px;
border-bottom: 1px solid #fff;
color: #29468a;
}

#menu_haupt a.current {
background : url(img/navi_li_hover.jpg) top left repeat-x;
height : 22px;
text-decoration : none;
display : block;
padding : 6px 0 0 35px;
border-bottom: 1px solid #fff;
color: #29468a;
}

#menu_haupt ul ul {
margin : 0 0 0 0;
font-size : 0.9em;
width : 261px;
}

#menu_haupt ul ul a {
font-size : 1.0em;
font-weight : bold;
text-decoration : none;
color : #fff;
background : url(img/navi_li.jpg) top left repeat-y;
height : 20px;
text-decoration : none;
display : block;
padding : 5px 0 0 55px;
border-bottom: 1px solid #fff;
}

#menu_haupt ul ul a:hover {
background : url(img/navi_li_hover.jpg) top left repeat-x;
border-bottom: 1px solid #fff;
color: #29468a;
height : 20px;
text-decoration : none;
display : block;
padding : 5px 0 0 55px;
}

#menu_haupt ul ul a.current {
background : url(img/navi_li_hover.jpg) top left repeat-x;
border-bottom: 1px solid #fff;
color: #29468a;
height : 20px;
text-decoration : none;
display : block;
padding : 5px 0 0 55px;
}

#menu_haupt .menu-current a {
background : url(img/navi_li_hover.jpg) top left repeat-x;
border-bottom: 1px solid #fff;
color: #29468a;
height : 20px;
text-decoration : none;
display : block;
padding : 5px 0 0 35px;
}

#navi h2 {
margin : 15px 0 10px 0;
padding : 0 0 0 0;
font-size: 20px;
line-height: 1.2em;
font-weight: bold;
color: #29468a;
}

/*Menu Login*/

#menu ul {
margin : 0 0 25px 0;
padding : 0 0 0 0;
list-style-type: none;
width : 261px;
}

#menu li a {
height : 22px;
display: block;
padding : 6px 0 0 35px;
border-bottom: 1px solid #fff;
background : url(img/navi_li.jpg) top left repeat-y;
color: #fff;
}

#menu li ul a {
background : url(img/navi_li.jpg) top left repeat-y;
padding : 5px 0 0 55px;
color : #fff;
}

#menu ul ul {
margin: 0;
}

#menu li ul ul a {
background-color: #ff0000;
width: 165px;
padding: 0 0 0 35px;
}

#menu ul ul a {
font-size : 0.9em;
}

#menu a:hover {
background-color: #25486d;
background : url(img/navi_li_hover.jpg) top left repeat-x;
color: #fff;
}

#menu  .menu-current {
background : url(img/navi_li_hover.jpg) top left repeat-x;
color: #fff;
font-weight: bold;
}
#menu  .menu-parent {
color : #fff;
background : url(img/navi_li.jpg) top left repeat-y;
}
#menu  .menu-sibling {
margin: 0;
}

/* Inhalt */
#contentwide {
width : 421px;
float : left;
padding : 0 10px 0px 0;
margin : 0;
line-height : 1.6em;
text-align : left;
font-size : 1.0em;
}

#contentwide h1 {
font-size : 17px;
font-weight : bold;
margin : 20px 5px 10px 10px;
padding : 0 0 0 0;
line-height : 1.2em;
color: #29468a;
}
#contentwide h2 {
font-size : 1.5em;
font-weight : bold;
margin : 10px 5px 10px 10px;
padding : 0;
line-height : 1.5em;
color: #29468a;
}
#contentwide h3 {
font-size: 1.1em;
font-weight : bold;
margin : 10px 5px 5px 10px;
padding : 0;
color: #29468a;
}
#contentwide h4 {
font-size : 1.0em;
font-weight : bold;
margin : 10px 0 5px 10px;
padding : 0;
color: #29468a;
}
#contentwide h5 {
font-size : 0.9em;
font-weight : bold;
margin : 10px 0 5px 10px;
padding : 0;
color: #29468a;
}
#contentwide h6 {
font-size : 1.2em;
font-weight : bold;
margin : 10px 0 0 10px;
padding : 0;
color: #29468a;
}
#contentwide ul, #contentwide ol {
margin : 10px 0 16px 0;
padding : 0;
}
#contentwide ul ul, #contentwide ol ol {
margin : 5px 0 2px 0;
}
#contentwide li {
background: url(img/li.jpg) 0 4px no-repeat;
margin:0 0 5px 30px;
padding:0 0 0 20px;
list-style: none;
}
#contentwide p {
margin : 0 0 15px 10px;
padding : 0;
}

#contentwide a {
color: #29468a;
font-size: 0.9em;
border: none;
}

#contentwide a:hover {
color: #fcac00;
}

#contentwide hr {
border-style : dashed;
color : #d1ddfe;
margin : 20px 10px 20px 0;
}

/*  Boxen Startseite */
#box_1 {
float: left;
width: 195px;
height: 225px;
background: #f4f7ff;
border: 1px solid #99b4fc;
margin: 5px 10px 5px 10px;
padding: 0;
font-size: 0.9em;
line-height: 1.1em;
}

#box_2 {
float: right;
width: 195px;
height: 225px;
background: #f4f7ff;
border: 1px solid #99b4fc;
margin: 5px 0 5px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.1em;
}

#box_1 h2, #box_2 h2 {
font-size : 15px;
letter-spacing: -1px;
font-weight : bold;
margin : 0 5px 0 0;
padding : 5px 0 4px 7px;
line-height: 1.5em;
color: #29468a;
border-left: 10px solid #6c8cd7;
}

#box_1 img, #box_2 img {
margin: 8px 0 0 9px;
padding: 0;
border: 1px solid #29468a;
}

#box_1 p, #box_2 p {
margin: 8px 12px 8px 12px;
padding: 0;
}

#box_1 a , #box_2 a{
font-weight : bold;
text-decoration : none;
background : url(img/box_link.jpg) 100% 100% no-repeat;
text-decoration : none;
padding : 3px 20px 0 0;
}

#box_1 a:hover , #box_2 a:hover {
font-weight : bold;
text-decoration : none;
background : url(img/box_link_hover.jpg) 100% 100% no-repeat;
text-decoration : none;
padding : 3px 20px 0 0;
color: #fcac00;
}

.td{
padding : 0 0 15px 10px;
margin : 0;
}


/* Right box */
#right_box {
float:right;
width: 240px;
}

#right_box h1 {
font-size : 17px;
font-weight : bold;
margin : 20px 5px 15px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #29468a;
}

#right_box h2 {
font-size : 17px;
font-weight : bold;
margin : 0 5px 15px 0;
padding : 0 0 0 0;
line-height : 1.2em;
color: #29468a;
}

/* Iframe */

#iframe{
width: 415px;
height: 415px;
text-align: center;
padding: 2px;
border: 1px solid #aebbc3;
}

/* Footer */
#footer {
clear : both;
text-align: center;
background : url(img/footer.jpg) top center no-repeat;
height : 53px;
width : 977px;
padding: 0 0 0 0;
}

#footer p{
padding: 0 0 0 0;
color: #fff;
font-weight: bold;
}

#footer_w3c {
float: left;
text-align: left;
margin: 0;
padding: 7px 0 0 35px;
height : 53px;
width: 225px;
}

#footer_copy {
float: right;
text-align: left;
height : 53px;
width: 690px;
margin: 0;
padding: 0;
padding: 7px 0 0 10px;
}

/* Links */
a {
text-decoration : none;
color : #29468a;
font-weight : bold;
border : none;
}
a img {
border : 0 none;
}

a:hover {
color : #9baaba;
font-weight : bold;
}

a:active {
color : #9baaba;
font-weight : bold;
}

/*  Formulare */
.button {
border : none;
margin : 0 0 10px 0;
color : #fff;
background : #6c8cd7;
border: 1px solid #29468a;
font-weight : bold;
padding : 3px;
width : 142px;
height : 28px;
}
.required {
color : #ff0000;
font-weight: bold;
}
.required_captcha {
color : #ff0000;
font-size : 1.0em;
}
.field_title {
font-size : 1em;
padding: 0 20px 15px 10px;
width : 145px;
vertical-align : top;
text-align : left;
font-weight : normal;
color: #29468a;
}
.textfield {
width : 240px;
border : 1px solid #29468a;
background-color : #fff;
color : #29468a;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
}
.textarea {
border : 1px solid #29468a;
background-color : #fff;
color : #29468a;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
width : 240px;
height : 130px;
overflow: auto;
}
.field_heading {
font-weight : bold;
padding: 0 0 10px 10px;
color: #29468a;
font-size: 1.0em;
}

.select {
border : 1px solid #29468a;
background-color : #fff;
color : #29468a;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 1px;
}
.checkbox_label {
font-size : 1em;
cursor : pointer;
}
.radio_label {
font-size : 1em;
cursor : pointer;
}
.email {
width : 240px;
border : 1px solid #29468a;
background-color : #fff;
color : #29468a;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
}
.captcha {
width : 80px;
border : 1px solid #29468a;
background-color : #fff;
color : #29468a;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 4px;
}

/*  Login */
.login {
width:240px;
margin: 0 0 0 0;
padding: 0 0 0 5px;
font-size: 0.9em;
}

.login  p {
font-size: 0.9em;
}

.login fieldset {
width:200px; 
margin:0 0 5px 0; 
padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; 
padding:0.2em 0 0.3em 0 /*IE6*/; 
border:none; 
font-family:verdana,arial,sans-serif; 
}

.login_button {
border : none;
margin : 10px 0 0 0;
color : #fff;
background : #6c8cd7;
border: 1px solid #29468a;
font-weight : bold;
font-size: 1.0em;
padding : 0;
width : 90px;
height : 25px;
}

.login_button_large {
border : none;
margin : 10px 0 0 0;
color : #fff;
background : #6c8cd7;
border: 1px solid #29468a;
font-weight : bold;
font-size: 1.0em;
padding : 0;
width : 140px;
height : 25px;
}

.login_field {
width : 190px;
border : 1px solid #29468a;
background-color : #fff;
color : #29468a;
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 1em;
font-weight : normal;
margin : 5px 0 5px 0;
padding : 3px;
}

/* SearchBox */
#searchbox {
padding : 15px 0 15px 33px;
margin : 0 20px 0 0;
background : url(img/navi_li.jpg) top left repeat-y;
width: 261px;
border-bottom: 1px solid #fff;
}
#searchform {
background : #fff;
border : 1px solid #fff;
color : #29468a;
font-weight: bold;
font-size: 1.0em;
padding : 5px;
width : 170px;
}
.searchfield {
background : #fff;
border : 1px solid #29468a;
color : #29468a;
font-weight: bold;
font-size: 1.2em;
padding : 5px;
width : 240px;
}

#searchbox label {
display : none;
}
.search_button {
background : url(img/bg_search.jpg) no-repeat top left;
margin : 0 0 0 5px;
color : #29468a;
border : none;
font-weight : bold;
padding : 4px;
width : 28px;
height : 28px;
}

.search_button_search {
background : url(img/bg_search_1.jpg) no-repeat top left;
margin : 0 0 0 5px;
color : #29468a;
border : none;
font-weight : bold;
padding : 4px;
width : 28px;
height : 28px;
}

#search_result a {
background-color: #d1ddfe;
padding: 5px 10px 5px 10px;
margin-top: 10px;
display: block;
}

#search_result a:hover {
color: #febf00;
background-color: #fff9e8;
padding: 5px 10px 5px 10px;
}

/* Schriften */

.fett {
font-weight : bold;
color: #29468a;
}

.gross {
font-weight : bold;
color: #29468a;
font-size: 1.3em;
}


.rot {
font-weight : bold;
color: #ff0000;
}

.kursiv {
font-style: italic;
text-align: center;
}
.hide {
display : none;
}

/* Images */
.rechts_ohne_Rahmen {
margin : 2px 0 5px 10px;
float : right;
}
.links_ohne_Rahmen {
margin : 2px 10px 5px 8px;
float : left;
border : none;
}
.rechts {
margin : 2px 0 5px 10px;
float : right;
border: 1px solid #99b4fc;
padding: 2px;
}
.links {
margin : 2px 10px 5px 0;
float : left;
border: 1px solid #99b4fc;
padding: 2px;
}
.bild {
margin : 0 5px 10px 0;
border: 1px solid #99b4fc;
padding: 2px;
}

.icon {
margin : 0 10px 0 0;
padding: 0 0 0 0;
}

  /* Download Gallery */
  
#dl {
margin-top: -25px;
margin-left: 10px;
}

.dl_next {
margin-top: 20px;
}

.line, .line_rightalign {
vertical-align: bottom;
padding: 5px 0 5px 0;
border-bottom: 1px dashed #aeb191;
}

.line {
width: 370px;
line-height: 1.3em;
padding-right: 25px;
margin-left: 20px;
}
.line_rightalign { 
	text-align: left;
	white-space: nowrap;
	font-size: 10px;
}
.line_text {
	padding: 0px 0px 0px 0px;
}

.line img {
	float:left;
	margin-right: 15px;
}
.dgheader {
	font-size: 14px;
	font-weight: bold;
	padding: 25px 0px 4px 0px;
}

#counter {
display : none;
}