/*******************************************************************************
********************************************************************************
	Projekt		: BKK Victoria DAS
						: blumbeet - web.studio
							Thomas Blum
							www.blumbeet.com
********************************************************************************
*******************************************************************************/

/************************************* Reset allgemein - NICHTS VERAENDERN *****
*******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}


/*********************************************** Reset - NICHTS VERAENDERN *****
*******************************************************************************/
a {
	text-decoration:none;
}
img, iframe, object, embed {
	vertical-align: bottom;
}
strong {
	font-weight: bold;
}
input, textarea, select {
	font-size: 1em;
}
html {
	height: 100.01%;
	margin-bottom: -1px;
}
body {
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align: left;
}


/******************************************** Standard - NICHTS VERAENDERN *****
*******************************************************************************/

.nospace {
	margin: 0;
	padding: 0;
}

.rvrs {
	unicode-bidi: bidi-override; 
	direction: rtl;
}

body, div, 
h1, h2, h3, h4, h5, h6, p, 
a, span,  
li {
	background-repeat:no-repeat;
}

.fl-lft { 
	float: left;
	margin: 0 20px 0 0;
}

.fl-rght { 
	float: right;
	margin: 0 0 0 20px;
}

.algn-lft { 
	text-align: left;
}

.algn-rght { 
	text-align: right;
}

.algn-cntr { 
	text-align: center;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

dfn, 
.hidden {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}




/*********************************************************** Hintergruende *****
*******************************************************************************/



/************************************************************* Text-Farben *****
*******************************************************************************/

/*	Weiss */
table th, 
.box-hdl, 
.f-wrapper .box-hdl a {
	color: #fff;
}

/*	Grau */
#navi-service, 
#navi-service li a, 
#navi-main li a, 
#form-search input.form-submit {
	color: #999;
}
body, 
.box2 .box-hdl {
	color: #4f4f4f;
}
#navi-main li li a {
	color: #444;
}
/*	Schwarz */
#navi-main {
	color: #000;
}

/*	Blau */
#navi-service li a:hover, 
#navi-main li a:hover, 
#navi-main li a.active, 
#navi-main li a.current,
.f-wrapper a  {
	color: #458bd2;
}
/*	Rot */
.search-word {
	color: #B00;
}
/*************************************************************** Schriften *****
*******************************************************************************/
body, input, textarea {
	font-family: Verdana, Arial, sans-serif;
}


/********************************************************* Schriftgroessen *****
*******************************************************************************/
#website {
	font-size: .75em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6, h3.search-link {
	font-size: 1em;
}
.box-hdl {
	font-size: 1em;
}
#footer, 
p.img span.caption {
	font-size: .85em;
}

/************************************************************* Zeilenhoehe *****
*******************************************************************************/
.f-wrapper p, 
.f-wrapper dl, 
.f-wrapper ol, 
.f-wrapper ul, 
.f-wrapper table, 
#footer {
	line-height: 1.6;
}
#navi-main .content ul {
	line-height: 1.1;
}

/************************************************************* Allgemeines *****
*******************************************************************************/
h2, h3 {
	font-weight: normal;
}
h4, h5, h6 {
	font-weight: bold;
}

#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6 {
	margin-bottom: .5em;
}
.content p, 
.content dl, 
.content ol, 
.content ul {
	margin-bottom: 1em;
}
.content table {
	margin-bottom: 3em;
}
#navi-main .content ul, 
#footer .content p {
	margin-bottom: 0;
}

#content a:hover, 
#sidebar a:hover {
	text-decoration: underline;
}
/********************************************************** Seitenstruktur *****
*******************************************************************************/
body {
	background-image: url(/layout/css/body_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}

#website {
	width: 95%;
	margin: 0 auto;
	padding-top: .5em;
	text-align: left;
}
#wrapper, 
#footer {
	clear: both;
	float: left;
	width: 100%;
}
.f-left {
	float: left;
	width: 17em;
	margin: 0 0.5em 0 -100%;
}
.f-content {
	float: left;
	width: 100%;
}
.f-content .content {
	margin: 0 17.5em 1em 17.5em;
}
#content .content {
	border: 1px solid #DFDFDE;
	border-top: 0;
}
.f-right {
	float: left;
	width: 17em;
	margin: 0 0 0.2em -17em;
}


.f-content-left, 
.f-content-right {
	float: left;
	width: 49%;
}
.f-content-right {
	float: right;
}

/****************************************************************** Header *****
*******************************************************************************/
#logo {
	float: left;
	width: 17em;
	height: 8.05em;
	background-image: url(/layout/css/bkklogo.gif);
	background-position: 50% 50%;
}
#logo-2 {
	float: right;
	width: 17em;
	margin: 12px 0 7px 0;
	background-image: url(/layout/css/daslogo.gif);
	background-position: 50% 0px;
}
#logo-3 {
	height: 17px;
	margin: 58px 17.5em 7px 17.5em;
	background-color: #7b7b7b;
	background-image: url(/layout/css/victorialogo.gif);
}
#logo p a {
	display: block;
	width: 12.4em;
	height: 8.05em;
	text-indent: -1000em;
}
#logo-2 p span, 
#logo-3 p span {
	display: block;
	text-indent: -1000em;
}
#logo-2 p span {
	height: 63px;
}

/****************************************************************** Footer *****
*******************************************************************************/
#footer {
	margin-bottom: 1em;
}
#footer .content {
	padding: .5em;
	border: 1px solid #dfdfde;
	text-align: center;
}

/************************************************************ Navigationen *****
*******************************************************************************/
#path {
	padding: 1em;
}
#navi-service {
	margin-left: 17.5em;
	background-color: #dfdfde;
	border-bottom: 1px solid #9fb1bc;
	line-height: 2;
	text-align: right;
}
#navi-service li {
	display: inline;
}
#navi-service li a:hover {
	padding-bottom: 4px;
	background-image: url(/layout/css/servicepoint.gif);
	background-position: center bottom;
	text-align: right;
}



#navi-main li, 
#navi-main li a {
	display: block;
}
#navi-main li a {
	padding: 6px 14px;
	border-bottom: 1px solid #dfdfde;
}
#navi-main li li a {
	background-color: #e1e7ea;
}
#navi-main li li li a {
	background-color: #c4c9cb;
}
#navi-main li li li li a {
	background-color: #f4dc58;
}


#navi-letter li {
	display: inline;
	padding: 0 10px 0 0;
	background: none;
}

dl.dictionary dt {
	display: block;
	font-weight: bold;
}
dl.dictionary dd {
	display: block;
	margin-bottom: 2em;
}

.f-wrapper ul.letter li {
	display: inline;
	padding: 0px;
	padding-right: 10px;
	background: none;
	font-weight: bold;
}
/****************************************************************** Module *****
*******************************************************************************/
abbr {
	border-bottom: 1px dashed #3888D9;
}
table {
	border: 1px solid #DFDFDE;
}
table tr:nth-child(2n+1) {
	background-color: #eee;
}
table th, 
table td {
	border: 1px solid #DFDFDE;
}
table th {
	padding-right: 10px;
	padding-left: 10px;
}
table th.fx25 {
	width: 25%;
}
table th.fx50 {
	width: 50%;
}
table th.fx75 {
	width: 75%;
}
table td {
	padding: .2em 10px;
}

p.img span.caption {
	display: block;
}

.box-hdl, 
.box2 .box-hdl, 
table th {
	padding-top: .2em;
	background-color: #4f4f4f;
	background-image: url(/layout/css/box_hdl.gif);
	background-repeat: repeat-x;
	border: 1px solid #4f4f4f;
	font-weight: normal;
}
.box2 .box-hdl {
	background-color: #f7cf19;
	background-image: url(/layout/css/box2_hdl.gif);
	border-color: #d5b312;
}
.box-hdl span, 
.box2 .box-hdl span {
	display: block;
	padding: .3em .5em .5em 24px;
	background-image: url(/layout/css/box_hdl_ic.gif);
	background-position: 10px 50%;
}
.f-wrapper .box-content {
	margin-bottom: 2em;
	padding: 1em;
	border: 1px solid #DFDFDE;
}
#navi-main .box-content {
	padding: 1em 0 0 0;
}
#sidebar .box-content p.img {
	text-align: center;
}


.f-wrapper ol {
	margin-left: 20px;
}
.f-wrapper ol li {
	list-style-type: decimal;
}
.f-wrapper ul li {
	padding-left: 13px;
	background-image: url(/layout/css/box_hdl_ic.gif);
	background-position: 0px .6em;
}
#navi-main ul li, 
.f-wrapper ul.download li, 
.f-right ul.list-vote li {
	padding-left: 0;
	background: none;
}
.f-right ul.list-vote li {
	padding-top: 5px;
	line-height: 1.1em;
}
#sidebar ul.list-vote li img {
	vertical-align: middle;
}




.slice, 
.distance {
	padding: 1em;
}


.content ul.download {
	margin-bottom: 0;
}
ul.download li {
	padding-bottom: .3em;
}
ul.download li a {
	display: block;
	padding-left: 45px;
	line-height: 35px;
}
p.download {
	padding-left: 45px;
	font-size: .95em;
	font-style: italic;
}


/************************************************************ Suchformular *****
*******************************************************************************/
#form-search, 
#form-search fieldset {
	display: inline;
	vertical-align: bottom;
}
#form-search label {
	vertical-align: top;
}
#form-search input {
	border: 0;
}
#form-search input.form-submit {
	background: none;
}



/*************************************************************** Formulare *****
*******************************************************************************/

#content form fieldset {
	margin-bottom: 2em;
	padding: 20px;
	border: 1px solid #999;
}
#content form legend {
	padding: 0 10px;
	font-weight: bold;
}
#content .form-test form p {
	clear: both;
}
#content form label,
#content .formblock label {
	float: left;
	width: 30%;
}
#content form label.checkbox, 
#content form input.formcheck,
#content .form-test form p.fradio label {
	width: 80%;
}
#content form input, 
#content form textarea {
	width: 60%;
	margin-bottom: 5px;
}
#content form input.checkbox, 
#content form input.formcheck,
#content form input.schaltflaeche, 
#content .form-test form p.fradio input, 
#content .form-test form p.fsbmt input {
	width: auto;
}
#content form input.checkbox, 
#content form input.formcheck,
#content .form-test form p.fradio input {
	clear: both;
	float: left;
	margin-right: 5px;
}
#content form input#plz {
	width: 80px;
}
#content form input.schaltflaeche {
	margin-left: 30%;
}
#content form textarea {
	height: 150px;
}

#content .formblock {
	clear: both;
	float: left;
	width:90%;
}



#content form input.formcheck {
	clear: both;
	float: left;
	margin-right: 5px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
height: 25px;
width: 20px;
}

#content .formblock label {
width: 95%;
line-height: auto;
font-size: 0.9em;
margin-left: 5px;

padding-top: 7px;
}



#content form input.formsubmit {
	clear: both;
	float: left;
	margin-right: 5px;
width: 120px;
}



/****************************************************************** hidden *****
*******************************************************************************/
#form-search label {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}

#page-start #content .content {
	background-image: url(/layout/css/startseitenmotiv.jpg);
	background-position: 100% 100%;
}




iframe {
	width: 100%;
	height: 600px;
}



.rexpoll {
	padding: 20px 1em;
}
.rexpoll h2 {
	color: #458BD2;
}
#content .rexpoll form label {
	float: none;
}
#content .rexpoll form input {
	width: auto;
}
#content .rexpoll form input.submit, 
#content .rexpoll form p.result a {
	margin-top: 1em;
	background-color: #fff;
	border: 1px solid #383737;
}
#content .rexpoll form p.voted {
	font-weight: bold;
}
#content .rexpoll form p.result {
	margin-top: 1em;
}
#content .rexpoll form p.result a {
	padding: .5em 1em;
}

.rexpoll table {
	width: 400px;
}
.rexpoll table tr:nth-child(2n+1) {
	background: none;
}
.rexpoll table th, 
.rexpoll table td {
	background: none;
	border: 1px solid #e8e9e9;
	color: #4F4F4F;
}
.rexpoll table th {
	width: 300px;
}