/*********************************************************************************

	Project		:	Fintosch| fintosch.com
	Copyright	:	B3-Media GbR  
	Based on	:	undo/reset/html/body/ hundertmorgen - www.hundertmorgen.de	
**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background: url('fin_bg_complete.jpg') no-repeat top center;
	color: #272727;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 0.825em;
	width:100%;
	}
	
#bg_body {
	background-color: #FFF;
}

.clearer, .hide {
	display:block;
	clear:both;
	line-height:0;
	height:0px;
	font-size:0;
	margin: 0;
	padding: 0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#F00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
position: relative;
margin: auto;
padding: 0;
width: 990px;
}

.bg_site-content {
}


/* ### Header ##################################################################### */

#header {
height: 247px;
width: 990px;
}

#header img {
margin: 17px 0 0 22px;
}

#header_print {
display:none;
}

ul#lang {
float:right;
padding: 2px;
}

ul#lang li{
float:left;
padding: 0 5px;
}

ul#lang li a{
color: #0085CD;
display:block;
font-weight: bold;
float:left;
}

ul#lang li a:hover{
color: #00519E;
text-decoration:underline;
}


/* ### Navigation ####################################################################### */

#navi {
height: 27px;
}

#navi ul {
padding-left: 45px;
}

#navi ul li {
border-left: 1px solid #006AA4;
border-right: 1px solid #90C6E4;
float:left;
font-size: 1em;
}

#navi ul li a{
color: #FFF;
display:block;
float:left;
height: 27px;
line-height: 27px;
padding: 0 11px;
}

#navi ul li a:active,
#navi ul li a:hover,
#navi ul li a.rex-active,
#navi ul li a.rex-current,
#navi ul li a.active {
background: url('') no-repeat top center #99CEEB;
color: #00476E;
}

#navi ul li a.rex-current {
color: #00476E;
/*font-weight:bold;*/
}

#navi ul li a:hover{
text-decoration:underline;
}

/* ### 2nd-Navigation ####################################################################### */

#subnavi {
float:right;
}

#subnavi ul {
background-color: #99CEEB;
border: 1px solid #006AA4;
border-bottom:none;
width: 200px;
}

#subnavi ul li {
border-bottom: 1px solid #006AA4;
font-size: 1em;
line-height: 2em;
}

#subnavi ul li a{
color: #00476E;
display:block;
padding: 0 5px;
}

#subnavi ul li a:active,
#subnavi ul li a:hover,
#subnavi ul li a.rex-active,
#subnavi ul li a.rex-current,
#subnavi ul li a.active {
background: url('') no-repeat top center #0085CD;
/*color: #00476E;*/
color: #FFF;
}

#subnavi ul li a.rex-current {
/*color: #00476E;*/
color: #FFF;
/*font-weight:bold;*/
}

#subnavi ul li a:hover{
text-decoration:underline;
}

/*3. ebene*/

#subnavi ul ul {
background-color: #FAD4AB;
border: 1px solid #006AA4;
border-bottom:none;
width: 198px;
}

#subnavi ul li ul li{
border-bottom: 1px solid #006AA4;
font-size: 1em;
line-height: 2em;
}

#subnavi ul li ul li a{
color: #00476E;
display:block;
padding: 0 5px;
}

#subnavi ul li ul li a:active,
#subnavi ul li ul li a:hover,
#subnavi ul li ul li a.rex-active,
#subnavi ul li ul li a.rex-current,
#subnavi ul li ul li a.active {
background: url('') no-repeat top center #F07C00;
color: #00476E;
}

#subnavi ul li ul li a.rex-current {
color: #00476E;
/*font-weight:bold;*/
}

#subnavi ul li ul li a:hover{
text-decoration:underline;
}


/* ### Extra sidebar-Navigation ####################################################################### */

#sidebar_navi {
float:right;
margin: 15px 0 30px 0;
}

#sidebar_navi ul {
background-color: #99CEEB;
border: 1px solid #006AA4;
border-bottom:none;
width: 200px;
}

#sidebar_navi ul li {
border-bottom: 1px solid #006AA4;
font-size: 1em;
line-height: 2em;
}

#sidebar_navi ul li a{
color: #00476E;
display:block;
padding: 0 5px;
}

#sidebar_navi ul li a:active,
#sidebar_navi ul li a:hover,
#sidebar_navi ul li a.rex-active,
#sidebar_navi ul li a.rex-current,
#sidebar_navi ul li a.active {
background: url('') no-repeat top center #0085CD;
/*color: #00476E;*/
color: #FFF;
}

#sidebar_navi ul li a.rex-current {
/*color: #00476E;*/
color: #FFF;
font-weight:bold;
}

#sidebar_navi ul li a:hover{
text-decoration:underline;
}





/* ### Content ####################################################################### */

/*Hier liegt auch die Navigation drinne*/
#content_wrapper {
margin-top: 30px;
}

#content {
float:left;
padding: 20px 50px;
min-height: 480px; /*Reihenfolge der height muss so bleiben */
height: auto !important;
height: 480px;
width: 510px;
}

#content h1{
color: #0085CD;
font-size: 0.8em;
font-weight: bold;
margin: 0.5em 0;
}

#content h2 {
color: #F07C00;
font-size: 1.4em;
font-weight: bold;
margin: 1em 0;
}

#content h3,  #content h4, #content h5, #content h6 {
color: #0085CD;
font-size: 1.05em;
font-weight: bold;
padding: 5px 0;
margin-top: 1em;
}

#content a {
color: #0085CD;
font-weight: bold;
}

#content a:hover {
color: #00519E;
text-decoration:underline;
}

#content a.link-intern {
margin-top: 1em;
padding: 0.2em 0;
}

#content a.link-extern:after {
content:url('icon_externlink.png');		
}

#content strong {
color: #0085CD;
}

#content dl.img {
padding: 5px 0;
}

#content p {
line-height: 150%;
padding: 5px 0;
}

#content ul {
list-style-image:url('smiley.gif');
/*margin: 0 0 0 13px;*/
padding: 0 0 0 13px;
}


#content li {
line-height: 150%;
margin-left: 17px;
padding: 5px 0;
}

.containerbrd {
border-bottom: 1px solid #00519E;
margin: 0.5em 0;
}


#content dl.floatLeft {
margin-right: 20px;
padding: 5px 0 0 0;
}

#content dl.floatRight {
margin-left: 20px;
padding: 5px 0 0 0;
}

#content table {
border: 1px solid #006AA4;
margin: 15px 0; 
width: 520px;
}

#content table th {
background-color: #0085CD;
border: 1px solid #006AA4;
border-bottom: none;
color: #FFF;
line-height: 2em;
}

#content table td {
background-color: #BEE0F2;
border: 1px solid #006AA4;
line-height: 2em;
padding: 0 2px;
text-align: center;
}

#content iframe {
margin: 5px 0;
}

#content blockquote {
color: #407DB6;
font-weight:bold;
font-style: italic;
font-size: 1.2em;
margin: 10px;
text-align:center;
}

/*Message*/
#content .message {
background-color: #95D6F2;
color: #00519E;
font-weight: bold;
margin: 5px 0;
padding: 5px;
text-align:left;
}

/*Google Maps*/
div#map_canvas {
height: 300px;
width: 450px;
}



/* ### Sitemap ####################################################################### */

#sitemap ul {
margin: 3px;
padding: 0 13px;
}

#sitemap ul li{
list-style: disc;
padding: 3px 5px ;
}

#sitemap ul ul{
margin: 3px 5px;
}


ul.sitemap {
list-style-type: disc;
padding: 5px;
}

ul.sitemap li {
margin-left: 10px;
padding: 5px;
}


/* ### Sidebar ####################################################################### */
#sidebar_wrapper {
float:left;
margin: 0px 0 0 50px;
text-align:right;
width: 330px;
}

#sidebar {
float:right;
}

#sidebar h4 {
background-color: #0085CD;
border: 1px solid #006AA4;
border-bottom: none;
color: #FFF;
font-weight: bold;
padding: 5px;
margin-top: 1em;
}


#sidebar a {
color: #4F4F4F;
}

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

#sidebar a.link-extern:after {
content:url('icon_externlink.gif');		
}

#sidebar p {
background-color: #BEE0F2;
border: 1px solid #006AA4;
border-top: none;
padding: 5px;
}

#sidebar ul, #sidebar dl {
border-bottom: 1px solid #00519E;
list-style: none;
margin: 15px 20px;
padding: 0px 0;
}

#sidebar dl dt a{
color: #00519E;
font-size: 1.05em;
font-weight: bold;
}

#sidebar dl a:hover{
color: #00519E;
text-decoration: underline;
}


#sidebar ul li, #sidebar dl dd {
padding: 10px 0 15px 0;
}

#sidebar_content .gap {
height: 150px;
}



/* Slideshow*/

#slideshow {
	/*background: url('fin_bg_mediabox.jpg') top left no-repeat;*/
	background-color: #B6CFEC;
	border: 3px solid #008FD4;
    height: 345px;
	margin: 25px 0 0 25px;
	overflow: hidden;
    position:relative;

}

#slideshow img {
    position:absolute;
    top:40px;
    left:40px;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}


/* ########### Teaser ##############################################*/

dl.teaser {
	background: #99CEEB;
	border: 1px solid #F58220;
	height: 130px;
	margin:3px;
	margin: 10px 3px ;
	overflow:hidden;
	float: left;
	text-align:center;
	width: 160px;
	
}
/*
dl.teaser dt {
	background: #FFF;
}

dl.teaser dd {
	padding: 5px;
	text-align:justify;
}
*/
dl.teaser dd a{
	color: #00476E;
	text-align:center;
}


dl.teaser a.teaser {
	color: #00476E;
	font-size: 1.05em;
	line-height: 2em; 
}



/* ### Footer ####################################################################### */

#footer {
background: url('fin_bg_footer.jpg') repeat-x top center #0888CE;
color: #FFF;
font-size: 0.8em;
height: 175px;
padding-top: 155px;
text-align: center;
width: 100%;
}

#footer p {
margin: 0 auto;
width: 990px;
}

#footer a{
color: #CECECE;
}

#footer a:hover{
color: #99CEEB;
text-decoration:underline;
}


/* ### Allgemeine Formular-Eigenschaften XFORM ############################ */

div#rex-xform {
}

#form_formular legend{
display: block;
color: #F07C00;
font-weight: bold;
padding: 15px 0;
}

form#form_formular
{
margin: 5px 0;
width: 475px;
line-height : 120%;
}

/* Was passiert wenn auf das Label geklickt wird? */
#form_formular label,
#form_formular select,
#form_formular input[type=checkbox],
#form_formular input[type=radio],
#form_formular input[type=button],
#form_formular input[type=submit]
{
cursor : pointer;
}


#form_formular p.formcheckbox {}
#form_formular input.checkbox {}
#form_formular label.checkbox {}

#form_formular p.formtext {
padding-top: 5px;

}

#form_formular p.standalone {
clear:left;
}

#form_formular p.radio {
float: left;
margin:0;
padding: 0;
width: 175px;
}

#form_formular label.radio {
float: left;
height: 20px;
width: 150px;
}

#form_formular div.formradio {
clear:left;
}

#form_formular span.formradio input {
float:left;
margin: 2px;
}

#form_formular input.text {
border: 1px solid #BBB;
width: 270px;
}

#form_formular label.captcha,
#form_formular label.hidden,
#form_formular label.text,
#form_formular label.textarea,
#form_formular label.select,
#form_formular label.password {
clear: left;
float: left;
height: 20px;
width: 150px;
}

#form_formular label.radio {
padding-left: 0.3em;
}

#form_formular label.captcha {
text-align: left;
width: 150px;
}


#form_formular p.formtextarea {}
/*#form_formular label.textarea {}*/
#form_formular textarea.textarea {
border: 1px solid #BBB;	
width: 270px;
height: 150px;
}

#form_formular p.formcaptcha {
padding-top: 5px;
height: 32px;
}


#form_formular label.captcha img {
border: 2px solid #990000;
}

#form_formular p.formcaptcha input {
width: 75px;
}

#form_formular p.formsubmit {
padding: 5px 0;
text-align:center;
}
#form_formular input.submit {
background-color: #99CEEB;
border: 1px solid #BBB;
height: 2em;
text-align: center;
width: 400px;
}
#form_formular input.submit:hover {
background-color: #00476E;
color: #FFF;
font-weight: bold;

}

#form_formular input:focus, #form_formular input:hover,
#form_formular select:focus, #form_formular select:hover, 
#form_formular textarea:focus, #form_formular textarea:hover,
#form_formular input:focus,  #form_formular input:hover {
border: 1px solid #F58220;
color: #008FD4;
}


#form_formular p.answertext {
width: 400px;
}
#form_formular ul.form_warning {
color: #F00;
}
#form_formular ul.form_warning li {
list-style: disc;
}

p.answertext {
color: #F00;
font-style: italic; 
font-weight: bold;
}

#form_formular fieldset {
margin: 3px 0 15px 0;
padding: 0 3px;
}