html{overflow-y:scroll;}
body { margin:0px 0; padding:0; margin-top:0px; color:#777777; background:#F0F0F0; font-style:normal; font-variant:normal; font-weight:normal; font-size:100%; font-family:Arial, Sans-Serif; }
body{margin:0; padding:0; }
body.boxed{color:#919191; background-color:#000000;}



.clear{display:block; clear:both;}
.clear:after{display:block; visibility:hidden; height:0; clear:both; font-size:0; content:"";}



#header, #topnav, #intro, #conta, #footer, #copyright{margin:0 auto;}

#header{padding:0px 0;}

#header hgroup{display:block; float:left; width:auto; clear:right;}
#header hgroup h1, #header hgroup h2{margin:0; font-weight:normal; text-transform:none;}
#header hgroup h1{font-size:2em;}
#header hgroup h2{font-size:1em;}

#header #header-contact{display:block; float:right; width:auto; clear:right;}
#header #header-contact ul{margin-top:15px;}
#header #header-contact li{display:inline; margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #C0BAB6;}
#header #header-contact li:first-child{margin:0; padding:0; border:none;}

#conta{padding:2px 0; clear:both; font-size:1em; line-height:1.4em; background-color: #FFFFFF;} 
#conta section{margin-bottom:50px;}
#conta section.last{margin-bottom:0;}

.emphasise, #conta .emphasise{font-size:2.8em; line-height:1.4em;}

.font-small, #conta .font-small{font-size:1em;}
.font-medium, #conta .font-medium{font-size:1.2em;}
.font-large, #conta .font-large{font-size:1.4em;}
.font-xl, #conta .xl-large{font-size:4em; line-height:1.2em;}
.font-xxl, #conta .xxl-large{font-size:6em; font-weight:normal; line-height:1.2em;}


#footer{padding:30px 0;}
#footer .footer_title{font-size:1.2em; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #919191;}
#footer div{margin-bottom:0;}
#footer .tweet-conta li{margin-top:18px; padding-top:18px; border-top:1px solid #333333;}
#footer .tweet-conta li:first-child{margin-top:0; padding-top:0; border-top:none;}
#footer .tweet-conta li .tweet_time{font-size:.8em;}



#footer #ft_gallery.spacing li{margin-bottom:15px;}

#footer form label{display:block; width:100%; margin:0 0 18px 0;}
#footer form label input{margin-top:5px;}
#footer form label input, #footer form textarea{color:#FFFFFF; background-color:#333333; border-color:#666666;}
#footer form textarea{height:120px;}

a.footerlink:link, a.footerlink:visited ,a.footerlink:active, a.footerlink:hover { text-decoration:none; color: #000000; font-size: 17px; }

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

a.maplink:link, a.maplink:visited, a.maplink:active, a.maplink:hover { text-decoration:underline; color: #0000FF; font-size: 14px; font-weight : bold; }

a.maplink:hover { color: #000000; }


.hr1{ border: thin keine #808080; margin: 15px 0;}
.mybo { margin-left: 5px; margin-right: 5px; }

#topnav{padding:0; color:#000000; background-color:#F0F0F0; clear:both; word-wrap:normal; white-space:nowrap; min-height: 15px;}
#topnav ul{margin:0; padding:0; list-style:none; font-size:12px; background-color:#F0F0F0;}
#topnav ul ul{z-index:9999; position:absolute; width:190px; text-transform:none;}
#topnav ul ul ul, #topnav ul ul ul ul{left:190px; top:0;}
#topnav ul:first-child li:last-child > ul{right:0;}
#topnav ul:first-child > li:last-child li > ul{left:-190px;}
#topnav li{position:relative; display:block; float:left; margin:0 10px 0 0; padding:0;}
#topnav li:first-child{}
#topnav ul:first-child li:last-child{margin-right:0;}
#topnav li li{width:100%; margin:0;}
#topnav li a{display:block; padding:5px 10px; background: url('dot.gif') no-repeat 0px 6px #F0F0F0; background-position:left center; white-space: nowrap; text-decoration:none; FONT-SIZE: 13px;}
#topnav li li a{display:block; margin:0; padding:10px 15px;}
#topnav ul li:hover > ul{display:block;}
#topnav a{color:#000000; background-color:#F0F0F0; font-weight:bold;  }
#topnav li li a, #topnav li.active li a{color:#000000; background:#FFFFFF; margin-left: 2px; font-weight:normal; background: url('dot2.gif') no-repeat 15px 6px #FFFFFF; background-position:left center; white-space: normal; text-decoration:none;}
#topnav ul ul{display:none;}
#topnav li.active a, #topnav a:hover{color:#000000; background-color:#CCCCCC; }
#topnav ul li li:hover > a{color:#000000; background-color:#FCFCFC;}

#topnav form{display:block; height:10px; margin:0 auto; padding:7px 0 35px 0;}
#topnav form select{display:block; width:100%; padding:8px; color:#000000; background-color:#F0F0F0; border:1px solid #000000; cursor:pointer; outline:none;}
#topnav form select option{display:block; margin:10px; padding:0; cursor:pointer; outline:none; border:none;}


.footer_nav{margin:0; padding:0;}
.footer_nav ul li{margin-top:12px; padding-top:12px; border-top:1px solid #333333;}
.footer_nav ul li:first-child{margin-top:0; padding-top:0; border-top:none;}



/* 240 + 320px */
@media screen and (min-width:180px) and (max-width:360px) {
	#header, #topnav, #intro, #conta, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#topnav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 1% 5% 1%; padding:0;}

	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #header-contact{margin:30px 0 0 0;}
	#header #header-contact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
	#header #header-contact li:first-child{margin:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	.calltoaction.opt4{font-size:1.5em;}

	#blog-post #comment-count div{float:none; margin-top:10px; text-align:center;}
	#blog-post #comment-count div:first-child{margin-top:0;}
	#blog-post .list.block li > ul, #blog-post .list.block li > ol{margin:0; padding:0; list-style:none; border:none;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	#footer #ft_gallery li img{}
	
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
}

/* 480px */
@media screen and (min-width:361px) and (max-width:615px) {
	#header, #topnav, #intro, #conta, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#topnav ul{display:none;}
	#back-top{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 1% 5% 1%; padding:0;}
	
	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header #header-contact{margin:30px 0 0 0;}
	
	#sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
	#sidebar_2 ul.nospace li:first-child{margin-left:0;}
	
	#contact .contact_details > div{display:block; float:none; margin-left:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
}

/* 768px */
@media screen and (min-width:616px) and (max-width:800px) {
	#header, #topnav, #intro, #conta, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#topnav ul{display:none;}
	#back-top{display:none;}	
	form input[type="submit"]{margin-bottom:10px;}
	
	.calltoaction.opt4 div{display:block; float:none; width:100%; margin:30px 0 0 0;}
	.calltoaction.opt4 div:first-child{margin-top:0; text-align:center;}
	.calltoaction.opt4{font-size:1.5em;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin-top:0; font-size:12em;}
	#fof h2{margin-top:0;}
}

/* 985px */
@media screen and (min-width:985px) {
	#header, #topnav, #intro, #conta, #footer, #copyright{max-width:985px; margin:0 auto;}
	.row1 { margin-top:0px !important;}
}

/* Hide The Jquery Generated Navigation Form from 801px upwards */
@media screen and (min-width:801px) and (max-width:10000px) {
	#topnav form{display:none;}
}

/* Resize Extended Box */
@media screen and (min-width:1501px) {
	body.boxed .aper .stretched{margin-left:-2.6%; margin-right:-2.6%;}
}
#topnav { width: 985px; }
#conta li { list-style-position: inside; }