#logo a{background-position: 20px 0; }
#caption{color: white; font-size: 200%; font-weight: 600; left: 32px; position: absolute; text-align: center; top: 71px; width: 190px;}
#caption-title{bottom: 36px; color: white; font-size: 180%; height: auto; left: 260px; position: absolute; width: 300px;}
#nav-primary {width: 100%}
.main {margin-top: 40px;}

@media handheld, only screen and (min-width: 0px) and (max-width: 579px) {
	.container, #main {width:100%;}
    #logo span{background-position: -70px 0; margin-left: 0px !important;}
    #header #claim {background-color: transparent; color: white; top: 0}
    #header #menutoggle {display: block}
    #header .language-switch {top: 154px}
    #caption {left: 0px; width: 118px; font-size: 150%}
    #caption-title{left: 168px; width: auto; font-size: 130%}
	#content {width: auto; float: none; padding: 0 20px 20px}
	#sidebar {width: auto; float: none; padding: 20px;}
    #nav-primary .menu {display: none}
    #nav-primary .menu ul li {display: block; float: none; border: none; padding: 0; margin: 0; border-top: #ccc dotted 1px; border-left: none; border-right: none; }
    #nav-primary .menu ul li a {color: black; display: block; margin: 0; padding: 10px 0;}
    #nav-primary .menu ul li ul {display: block; position: static; box-shadow: none; padding:0; text-indent: 23px;}
}

@media handheld, only screen and (min-width: 580px) and (max-width: 811px) {
	.container, #main {width:100%;}
    #header #claim {background-color: transparent; text-shadow: 1px 1px 0 white}
	#content {width:60%; float: left; padding: 0 3% 3%}
	#sidebar {width: 27%; float: right; padding: 3%; border-left: 1px dotted #6D6E71}
	.menu li { padding: 5px 8px !important;}
}

@media handheld, only screen and (min-width: 812px) and (max-width: 1023px) {
	.container, #main {width:812px;	padding:0 auto;	}
	#content {width:500px; float: left; padding: 0 20px 20px}
	#sidebar {width: 230px; float: right; padding: 20px; border-left: 1px dotted #6D6E71}
}

@media handheld, only screen and (min-width: 1024px) {
	.container, #main {width:960px;	padding:0 auto;	}
	#content {width:60%; float: left; padding: 0 20px 20px}
	#sidebar {width: 30%; float: right; padding: 20px; border-left: 1px dotted #6D6E71 }
	#sidebar .sidebar-border {padding:  0px 30px;}
}