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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

html, body{
color: #666;
font-family: "Trebuchet MS", Helvetica,Arial,Verdana,sans-serif;
text-align: center;
}

#languages{
margin: 20px 30px 20px 30px !important;
font-size: 0.65em;
text-align: right;
color: #9f9f9f !important;
}

#languages a:link,
#languages a:active,
#languages a:visited{
text-decoration: none;
color: #9f9f9f !important;
outline: none;
}

#languages a:hover{
text-decoration: none;
color: #FFA81F;
outline: none;
}

#head{
text-align: left;
margin: 0px 30px 0px 30px !important;
padding: 0 0 0 0;
}

#head_left h1{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
font-size: 1.3em !important;
line-height: 1.3em !important;
float: left;
font-family: Helvetica,Arial,Verdana,sans-serif;
}

#head_left a:link,
#head_left a:active,
#head_left a:visited,
#head_left a:hover{
text-decoration: none;
color: #666;
outline: none;
}

/*NAVIGATION*/

#head_right{
float: right;
font-size: 0.8em;
}

#head_right ul{
margin: 0 !important;
padding: 0 !important;
}

#head_right ul li {
float: left;
list-style-type: none;
margin-left: 10px;	
}

#head_right ul li a:link,
#head_right ul li a:active,
#head_right ul li a:visited{
text-decoration: none;
color: #666;
outline: none;
}

#head_right ul li a:hover{
text-decoration: none;
color: #FFA81F;
outline: none;
}

#head_right ul li a:link.orange,
#head_right ul li a:active.orange,
#head_right ul li a:visited.orange,
#head_right ul li a:hover.orange{
text-decoration: none;
color: #FFA81F;
outline: none;
}

/*NAVIGATION*/

/*SUB_NAVIGATION*/

#subnavigation{
margin: 0px 30px 0px 30px !important;
float: right;
font-size: 0.70em;
height: 30px !important;
line-height: 30px;
}

#subnavigation ul{
margin: 0 !important;
padding: 0 !important;
}

#subnavigation ul li {
float: left;
list-style-type: none;
margin-left: 5px;	
}

#subnavigation ul li a:link,
#subnavigation ul li a:active,
#subnavigation ul li a:visited{
text-decoration: none;
color: #666;
outline: none;
}

#subnavigation ul li a:hover{
text-decoration: none;
color: #FFA81F;
outline: none;
}

#subnavigation ul li a:link.orange,
#subnavigation ul li a:active.orange,
#subnavigation ul li a:visited.orange,
#subnavigation ul li a:hover.orange{
text-decoration: none;
color: #FFA81F;
outline: none;
}

/*SUB_NAVIGATION*/

#content{
margin: 15px 30px 15px 30px !important;
}

#content_gal{
clear: both;
margin: 35px 30px 15px 30px !important;
}

#inner_content{
font-size: 0.85em;
text-align: left;
font-family: "Trebuchet MS", Helvetica,Arial,Verdana,sans-serif;
line-height: 140%;
}

#inner_content_gal{
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}

#inner_content p{
margin: 0 0 10px 0 !important;
padding: 0 0 0 0 !important;
}

#inner_content ul{
margin: 10px 0 10px 25px !important;
padding: 0 0 0 0 !important;
}

#inner_content ul li{
list-style-type: square;
line-height: 150%;
padding: 0 0 0 0 !important;
}

#inner_content h1{
margin-top: 5px;
font-size: 1.5em;
font-family: "Trebuchet MS", Helvetica,Arial,Verdana,sans-serif;
font-weight: 100;
line-height: 2.0em;
}

#inner_content h2{
font-size: 1.5em;
font-family: "Trebuchet MS", Helvetica,Arial,Verdana,sans-serif;
font-weight: 100;
line-height: 2.0em;
}

#inner_content a:link,
#inner_content a:active,
#inner_content a:visited,
#inner_content a:hover{
text-decoration: none;
color: #FFA81F;
}

#footer{
margin: 25px 30px 55px 30px !important;
}

#inner_footer{
text-align: left;
font-size: 0.65em;
}

#inner_footer a:link,
#inner_footer a:active,
#inner_footer a:visited,
#inner_footer a:hover{
text-decoration: none;
color: #666;
}

#inner_footer ul{
margin: 0 !important;
padding: 0 !important;
}

#inner_footer li {
float: left;
list-style-type: none;
margin-right: 5px;	
}

#inner_footer ul li a:link,
#inner_footer ul li a:active,
#inner_footer ul li a:visited{
text-decoration: none;
color: #666;
outline: none;
}

#inner_footer ul li a:hover{
text-decoration: none;
color: #FFA81F;
outline: none;
}

#inner_footer ul li a:link.orange,
#inner_footer ul li a:active.orange,
#inner_footer ul li a:visited.orange,
#inner_footer ul li a:hover.orange{
text-decoration: none;
color: #FFA81F;
outline: none;
}

.orange{
color: #FFA81F;
}

.blue{
color: #29D0F4;
}

.clear{
clear: both;
height: 10px;
}

.clear_left{
clear: left;
height: 10px;
}

.clear_right{
clear: right;
height: 10px;
}

#center_image{
clear: both;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
height: 300px;
overflow: hidden;
border: 1px solid #afafaf;
}

.phazizSlider{
clear: both !important;
margin-top: 15px !important;
margin-left: auto;
margin-right: auto;
display:block;
width:960px;
height:300px;
overflow:hidden;
border: 5px solid #afafaf;
}

#map{
clear: both !important;
margin-top: 15px !important;
margin-left: auto;
margin-right: auto;
display:block;
width:960px;
height:300px;
overflow:hidden;
border: 5px solid #afafaf;
}


.phaziz{
	color: #dfdfdf;
}

.phaziz a:link,
.phaziz a:active,
.phaziz a:visited,
.phaziz a:hover{
color: #afafaf;
text-decoration: none;
}

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://typo3.dirk-beumer.de/fileadmin/dirk_beumer_fotografie/data/js/totop/img/ui.totop.png) no-repeat left top;
}

#toTopHover {
background:url(http://typo3.dirk-beumer.de/fileadmin/dirk_beumer_fotografie/data/js/totop/img/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
outline:none;
}

#content_gal{
margin: 25px 30px 25px 30px !important;
}

img.masonry-brick:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
} 

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}