/* 
GROUP:	BASIC HTML ELEMENTS
*/

html {
background-color: #FFFFFF;
height: 100%;
}

body {
background-color: #FFFFFF;
font-size: 16px;
font-family: Tahoma, Arial;
margin: 0;
padding: 0;
text-align: left;
color: #000;
height: 100%;
}

div {
margin: 0;
padding: 0;
vertical-align: top;
}

img, a img {
border: 0;
}

p {
font-size: 1em;
margin: 0;
}

h1 {
font-size: 1em;
color: #00682f;
}

h1, h2, h3 {
margin: 0;
padding: 1em 0 0 0;
}

h2 {
font-size: 0.8em;
}

h4 {
padding: 0 0 1em 0;
margin: 0;
font-size: 0.9em;
}

a {
text-decoration: none;
color: #ee7100;
}

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

a.active {
color: #ee7100;
text-decoration: underline;
}

a.active:hover {
text-decoration: underline;
color: #ee7100;
}

a img {
color: #ee7100;
}

.left {
float: left;
}

.right {
float: right;
}

.fett {
font-weight: bold;
}

button {
border: 0;
margin: 0;
padding: 0; 
}

button:hover {
cursor: pointer;
}

#staticheader {
width: 43.75em;
height: 7em;
position: absolute;
right: 1em;
top: 0;
overflow: hidden;
}

#slideshow {
width: 34.375em;
height: 18.75em;
overflow: hidden;
position: relative;
margin-left: 0;
}

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

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

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

div.scrollWrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

div.scrollableArea {
position: relative;
width: auto;
height: 100%;
}

div.scrollableArea img {
height: 4em !important;
position: relative;
display: block;
float: left;
padding: 0;
margin: 0.5em 2em 0 0;
}

.form {
border: 0;
}

div#container_content_cms {
width: 60.5em;
margin: 1em auto 0 auto;
padding: 1em;
border: 1px dotted black;

}

div.news_overview_backlink {
margin: 0 0 1em 0;
}

div.news_overview_backlink p {
font-size: 0.9em;
}

div#admin_leiste {
width: 62.5em;
margin: 0 auto;
background-color:  #ee7100;
border-bottom: 1px solid white;
position: relative;
}

div#admin_leiste table {
width: 100%;
height: 1.6em;
border: 0;
}

div#admin_leiste table tr td {
vertical-align: center;
text-align: left;
font-size: 0.8em;
width: 33%;
color: #fff;
}

div#admin_leiste table tr td#adminleiste_1 {
padding-left: 1em;
}

div#admin_leiste table tr td#adminleiste_2 {
width: 34%;
text-align: center;
}

div#admin_leiste table tr td#adminleiste_3 {
text-align: right;
padding-right: 1em;
}

div#admin_leiste table tr td  a {
color: #FFF;
font-weight: bold;
}

div#admin_leiste table tr td  a:hover {
color: #fff;
}

img.adminsymbols {
width: 1em;
height: 1em;
border: 0;
margin-right: 0.35em;
}

fieldset.form {
list-style: none;
padding: 0 0 2em 0;
border: 0;
}

fieldset.form label {
display: block;
float: left;
margin: 1em 0 0.5em 0;
font-size: 0.8em;
width: 100%;
}

fieldset.form label.greenbg {
display: block;
float: left;
vertical-align: top;
color: #50473D;
font-weight: bold;
}

fieldset.form label.normal {
display: block;
float: left;
width: 100%;
vertical-align: top;
}

label.label_error {
font-weight: bold;
color: red;
}

fieldset.form br {
clear: left;
}

fieldset.form input, fieldset.form  select, fieldset.form  textarea {
width: 100%;
margin: 0 0 0.5em 0;
border: 1px solid #737a7e;
}

fieldset.form input {
height: 1.385em;
}

fieldset.form select {
width: 100%;
border: 1px solid #737a7e;
}

fieldset.form  textarea {
font-family: Arial;
width: 100%;
height: 4em;
border: 1px solid #737a7e;
font-size: 0.8em;
}

fieldset.form textarea#nachricht {
height: 10em;
}

fieldset.form input.checkbox {
width: auto;
border: 0;
margin-right: 0.5em;
}

fieldset.form input.firmennummer_field_1 {
width: 2.730em;
margin-right: 0.5em;
}

fieldset.form input.firmennummer_field_2 {
width: 16.0em;
}

fieldset.form input.submitform {
height: 2em;
vertical-align: middle;
border: 1px solid #737a7e;
color: black;	
font-family: Arial;
}

.input_full_editor {
height: 2em;
vertical-align: middle;
border: 1px solid #737a7e;
color: black;	
font-family: Arial;
width: 100%;
}

fieldset.form input.submitform:hover {
color: #737a7e;
}

span.error, p.error {
color: red;
font-size: 0.8em;
}

span.italic {
text-transform: italic;
}

p.startcms {
display: block;
width: 100%;
height: 2em;
line-height: 2em;
background-color: #EE7100;
margin: 0 auto !important;
text-align: center;
padding: 0 !important;
border-bottom: 1px dotted white;
}

p.startcms a {
color: #fff !important;
font-size: 0.9em !important;
font-weight: bold;
padding: 0 0 0 1em;
}

p.startcms a:hover {
color: #fff !important;
}

table.adminfunction {
width: 100%;
}

table.adminfunction tr td {
vertical-align: top;
padding-bottom: 10px;
}

table.adminfunction tr td span {
font-size: 0.8em;
display: block;
padding-top: 0.1em;
}

table.adminfunction tr td input, table.adminfunction tr td select {
width: 20em;
font-size: 0.8em;
border: 1px solid black;
}

input.autosize {
width: auto !important;
}

ul.sitemap {
margin: 0;
padding: 0;
}

ul.sitemap li {
list-style-type: none;
font-size: 0.8em;
padding: 0 0 0.25em 0;
}

#container_outside {
width: 62.5em;
min-height: 100%;
height:auto !important;
height:100%;
/*overflow: hidden !important;*/
margin: 0 auto;
background-color: #fff;
position: relative;
padding-bottom: 2em !important;
}

#container_top {
width: 62.5em;
height: 10.938em;
background-color: #fff;
position: relative;
}

.img_top_logo {
position: absolute;
top: 0.438em;
left: 1.8em;
}

.img_top_mood {
position: absolute;
top: 0;
right: 0;
}

.margintop015 {
margin: 0.15em 0 0 0;
}

.margintop025 {
margin: 0 0 0 0;
}

.container_mainnav {
width: 62.5em;
height: 1.5em;
background-color: #ee7100;
position: relative;
margin: 0.25em 0;
}

.container_mainnav ul {
display: table;
height: 1.5em;
width: 62.5em;
margin: 0;
padding: 0;
}

.container_mainnav ul li {
display: table-cell;  
table-layout: fixed;
font-size: 0.8em;
text-align: center;
border-spacing: 4px;
vertical-align: middle;
border-right: 1px dotted black;
}

.container_mainnav ul li#mainnav_id_last {
border-right: none;
}

.container_mainnav  a {
color: white;
text-decoration: none;
}

.container_mainnav  li:hover {
background-color: #ccc;
}

.container_mainnav  li:hover a {
text-decoration: none;
color: black;
}

.container_mainnav  li.active {
background-color: #ccc;
color: white;
}

.container_mainnav  li.active a {
text-decoration: none;
color:black;
font-weight: normal;
}

.container_mainnav span {
padding: 0 1em;
}

#container_languagenav {
width: 62.5em;
height: 2em;
text-align: right;
position: relative;
}

#container_languagenav ul {
list-style-type: none;
margin: 0;
position: absolute;
height: 1.25em;
line-height: 1.25em;
right: 1em;
}

#container_languagenav ul li {
display: block;
float: left;
padding-left: 0.5em;
}

#container_languagenav  a {
color: #777;
text-decoration: none;
font-size: 0.75em;
text-transform: uppercase;
}

#container_languagenav  li:hover a {
text-decoration: none;
color: black;
}

#container_languagenav  li.active {
color: black;
}

#container_languagenav  li.active a {
text-decoration: none;
color:black;
font-weight: normal;
}

#container_content {
width: 62.5em;
height: 35em;
margin-top: 0;
padding-top: 0;
display: table;
border-collapse: collapse;
}

#container_content_row {
display: table-row;
height: 100%;
}

#container_content_left {
width: 13.6em;
float: left;
margin-right: 1em;
display: table-cell;
}

#container_content_middle {
width: 34.4em;
float: left;
margin: 0 1em 0 0;
display: table-cell;
}

#container_content_middle_full {
width: 47.9em;
float: left;
margin: 0;
display: table-cell;
}

#container_content_right {
width: 12.5em;
height: 100%;
background-color: #fff;
float: right;
margin-top: 0;
display: table-cell;
}

#container_content_right_content p {
font-size: 0.75em;
padding: 0 !important;
margin: 0 !important;
}

#container_search {
width: 13.6em;
height: 2.75em;
position: relative;
background-color: #fff;
margin-bottom: 1em;
position: relative;
}

#container_search_name {
width: 3em;
height: 2.75em;
position: absolute;
left: 1em;
}

#container_search_name p {
font-size: 0.8em;
color: #666;
display: block;
margin-top: 1.1em;
}

#container_search_field {
width: 7em;
height: 2.75em;
position: absolute;
left: 4em;
}

#container_search_field  input{
display: block;
margin-top: 1.12em;
width: 9.5em;
font-size: 0.7em;
}

#container_search_arrow {
width: 1em;
height: 1em;
position: absolute;
left: 11.15em;
top: 0.95em;
}

#container_navigation_rootline {
width: 100%;
height: 1.5em;
border-bottom: 1px dotted #000;
margin-bottom: 0.5em;
}

#container_navigation_rootline p {
font-size: 0.75em;
}

#container_navigation_rootline p a {
color: #000;
}

#container_subnav {
width: 13.6em;
position: relative;
}

#container_subnav ul {
width: 13.6em;
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
background-color: #fff;
}

#container_subnav ul li {
display: block;
height: auto;
margin: 0 0 0.3em 0;
background-color: #fff;
}

#container_subnav ul li.firstsubitem {
margin-top: 0 !important;
}

#container_subnav  ul li span  {
padding: 0.25em 0 0.25em 0.5em !important;
display: block;
}

#container_subnav  ul li a {
color: #666;
text-decoration: none;
font-size: 0.8em;
}

#container_subnav  ul li:hover a  span {
color: #666;
text-decoration: none;
background-color: #ccc;
}


#container_subnav  ul li.active a span {
background-color: #ccc;
color: #000;
}

#container_subnav  ul li.active a {
text-decoration: none;
color: black;
font-weight: normal;
}

#container_subnav ul li.layout_spacer {
height: 1px !important;
line-height: 1px !important;
background-color: white !important;
margin: 0 0 0.35em 0 !important;
padding: 0 !important;
}

#container_subnav ul li ul {
width: 12.6em;
margin: 0 0 0 1em;
padding: 0.25em 0 0 0;
list-style-type: none;
background-color: #fff;
}

#container_subnav  ul li ul li a span {
color: #666;
text-decoration: none;
background-color: #fff !important;
}

#container_subnav  ul li ul li:hover a  span {
color: #666;
text-decoration: none;
background-color: #ccc !important;
}

#container_subnav  ul li.active ul li.active a span {
color: #000 !important;
background-color: #ccc !important;
}

hr {
border: 0;
border-bottom: 1px dotted #000;
padding: 0;
margin: 0;
}

#container_appendixnav {
clear: both;
width: 34.4em;
margin-left: 14.4em;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
margin-top: 2em !important;
}

.fullappendix {
width: 47.9em !important; 
}

#container_appendixnav_left {
width: 17.2em;
height: 2em;
display: table-cell;  
table-layout: fixed;
}

#container_appendixnav_right {
width: 17.2em;
height: 2em;
display: table-cell;  
table-layout: fixed;
}

div.fullappendix #container_appendixnav_right {
width: 30.7em !important;
}

a#sitetop {
background-image: url(/media/gfx/pfeil_oben.png);
background-repeat: no-repeat;
background-position: 0 0.4em;
padding-left: 1.25em;
}

#container_appendixnav_right ul {
width: 100% !important;
text-align: right !important;
}

#container_appendixnav_right ul  li{
padding-right: 0 !important;
}

#container_appendixnav ul {
display: table;
height: 2em;
width: auto;
margin: 0;
padding: 0;
}

#container_appendixnav ul li {
display: table-cell;  
table-layout: fixed;
vertical-align: middle;
padding-right: 1em;
}

#container_appendixnav  a {
color: #777;
text-decoration: none;
font-size: 0.9em;
}

#container_appendixnav  li:hover a {
text-decoration: none;
color: black;
}

#container_appendixnav  li.active {
background-color: #ccc;
color: white;
}

#container_appendixnav  li.active a {
text-decoration: none;
color:black;
font-weight: normal;
}

#container_appendixnav span {
padding: 0 1em;
}

#container_content_middle_content p, #container_content_left_content p, #container_content_middle_content_full p {
font-size: 0.813em;
}

#container_content_middle_content li, #container_content_left_content li, #container_content_middle_content_full li {
font-size: 1em;
}

#container_content_middle_content td, #container_content_left_content td, #container_content_middle_content_full td {
font-size: 0.813em;
vertical-align: top;
}

#container_content_middle_content td table td, #container_content_left_content td table td, #container_content_middle_content_full td table td {
font-size: 1em;
vertical-align: top !important;
}

#container_content_middle_content td, #container_content_left_content td img {
padding-top: 14px;
}

#container_content_middle_content h2, #container_content_left_content h2, #container_content_middle_content_full h2 {
color: #00652B;
font-size: 1.1em;
font-weight: normal;
line-height: 1em;
margin: 0;
padding: 0;
margin-bottom: 0.83em;
}


#container_content_middle_content_cms p {
font-size: 0.75em;
line-height: 1.35em;
}

#container_content_middle_content_cms ul li {
font-size: 0.813em;
list-style-type: none;
background-image: url('../media/gfx/Bullet_orange.jpg');
background-position: 0 0.25em;
padding-left: 1.15em;
background-repeat: no-repeat;
}

#container_content_middle_content_cms li {
font-size: 0.813em;
}

#container_content_middle_content_cms td {
padding: 0.25em 0;
}

#container_content_middle_content_cms h2 {
font-size: 1.5em;
font-weight: normal;
padding:  0.8em 0 0.55em 0 !important;
margin: 0;
}


div.teaserbox hr {
padding-top: 0.75em;
margin-bottom: 0.75em;
}

div.teaserbox p {
padding: 0;
margin: 0;
font-size: 0.8em !Important;
}

div.teaserbox img.logo {
margin-bottom: 10px;
}

div#container_content_middle_random_image {
width: 34.375em;
position: relative;
}

div#container_content_middle_random_image_hint {
position: absolute;
bottom: 1.625em;
right: 0;
width: 11em;
height: 1.625em;
}

div#container_content_middle_random_image_hint p {
font-size: 0.8em;
}

div#container_content_middle_marquee {
width: 34.4em;
margin: 1em 0;
}

div#container_content_middle_marquee div {
font-size: 0.8em;
padding: 0.5em 0;
}

a.classic {
color: #666;
text-decoration: none;
}

a.classic:hover {
text-decoration: underline;
}

#container_bottom_foerderung {
width: 33.4em;
height: 56px;
margin: 10px auto 0 auto;	
}

#container_bottom_foerderung span {
font-size: 0.6em;
display: block;
padding-top: 13px;
}

/*
Übernommene CSS Styles aus vorheriger Version
ToDo: Optimieren
*/

ul.sitemap li {
font-size: 0.9em !important;
}

table tr td ul {
margin-left: 0;
padding-left: 2em;
}

table tr td p {
font-size: 1em !important;
}

.kastengrau {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.kastenorange {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color:#FFC4A1;
}

.kastenenplus {
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
	background-image: url(/banner/banner-hg-klein.gif);
	background-position: 0px 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

.tabelle-headline {
	color: #000000;
	font-weight: bold;
}
.tabelle {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle1 {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle1-diagonal {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle2 {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle3 {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle4 {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle1unten {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle2unten {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle3unten {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle4unten {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle-linksnichts {
	padding-top: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabelle-rechtsnichts {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tabellegrauerkasten {
	border: 1px dotted #000;
	left: 10px;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.pelletschrift {
	background-color: #CCCCCC;
	height: 15px;
	width: 15px;
	color: #333333;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-decoration: none;
}

a:link.pelletschrift {
	background-color: #EC7404;
	height: 15px;
	width: 15px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-decoration: underline;
}
a:visited.pelletschrift {
	background-color: #EC7404;
	height: 15px;
	width: 15px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-decoration: underline;
}
a:hover.pelletschrift {
	background-color: #EC7404;
	height: 15px;
	width: 15px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-decoration: none;
}
a:active.pelletschrift, a.pelletschriftaktiv {
	background-color: #EC7404;
	height: 15px;
	width: 15px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-decoration: underline;
}

.pelletschrift-o {
	background-color: #EC7404;
	height: 15px;
	width: 15px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#weitereBegriffe {
	width:163px;
	height:105px;
	background-color: #D6D6D6;
	padding: 15px;
}

.Stil5 {	
	color: #EE7F01;
	font-style: italic;
}

.headline {
	font-size: 15px;
	color: #00652b;
	line-height: 16px;
}

#Rechner {
	width:208px;
	min-height:208px;
	background-color: #EC7404;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
}

#Rechner span {
font-size: 12px;
color: #000;
}

.white {
color: #fff !important;
}

table.downloads h2 {
margin-bottom: 0 !important;
line-height: 1.1em !important;
}

/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align: top;
padding: 0;
margin: 0;
}

.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 1002;
}

.fancybox-outer {
position: relative;
padding: 0;
margin: 0;
background: #cccccc;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
border-radius: 4px;
}

.fancybox-opened {
z-index: 1003;
}

.fancybox-opened .fancybox-outer {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
position: relative;
outline: none;
overflow: hidden;
}

.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 10px;
}

.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
}

.fancybox-image {
max-width: 100%;
max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../media/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 1010;
}

#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../media/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 1004;
}

.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
background: transparent url('../media/fancybox/blank.gif'); /* helps IE */
z-index: 1003;
}

.fancybox-prev {
left: 0;
}

.fancybox-next {
right: 0;
}

.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 36px;
margin-top: -18px;
cursor: pointer;
z-index: 1003;
visibility: hidden;
}

.fancybox-prev span {
left: 20px;
background-position: 0 -36px;
}

.fancybox-next span {
right: 20px;
background-position: 0 -72px;
}

.fancybox-nav:hover span {
visibility: visible;
}

.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
padding: 0;
overflow: visible;
visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 1001;
background: #000;
}

/* Title helper */

.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 1005;
}

.fancybox-opened .fancybox-title {
visibility: visible;
}

.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 1003;
text-align: center;
}

.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}

.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}

.fancybox-title-inside-wrap {
margin-top: 10px;
}

.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}