/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


.container {
	padding-left: 20px;
	padding-right: 20px;
}

.row {
	width: 100%;
	max-width: 969px;
	min-width: 969px;
	margin: 0 auto;
	overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	float: left;
	min-height: 1px;
}

.row .onecol {
width: 8.33%;
}

.row .twocol {
width: 16.66%;
}

.row .threecol {
width: 25%;
}

.row .fourcol {
width: 33.33%;
}

.row .fivecol {
width: 41.66%;
}

.row .sixcol {
width: 50%;
}

.row .sevencol {
width: 58.33%;
}

.row .eightcol {
width: 66.66%;
}

.row .ninecol {
width: 75%;
}

.row .tencol {
width: 83.33%;
}

.row .elevencol {
width: 91.66%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}

.row .ninecoltop { 
	width: 75%;
}

.row .threecoltop {
	width: 25%;
}

/* responsive won't work without a min-width, but any at all seems to be fine, so this replaces the min-height: 755px from above */
.row {
	min-width: 10em;
}
/* end custom */


/* Smaller screens */

/* from here on: customized to fit 800px screens and 320px screens */
/*@media only screen and (max-width: 1023px) {
	body {
		font-size: 0.8em;
		line-height: 1.5em;
	}
}*/


/* Mobile */

/*@media handheld, only screen and (max-width: 1027px) {
}*/

/*@media handheld, only screen and (max-width: 965px) {*/
@media handheld, only screen and (max-width: 1010px) {
	/*#content {
		width: 100%;
	}*/
	#content.startpage {
		width: 100%;
	}
	/*#sidebar {
		*//*width: auto;*//*
		width: 100%;
	}*/
	#sidebar > .sidebarContent {
		float: none;
		/*width: 20.5%;*/
		width: 27.5%;
		margin: 0.5%;
		padding: 0.6em;
		display: inline-block;
		vertical-align: top;
	}
	#sidebar > .sidebarContent:first-child {
		/*margin-left: 0em;*/
	}
}

@media handheld, only screen and (max-width: 800px) {
}

@media handheld, only screen and (max-width: 679px) {
}

@media handheld, only screen and (max-width: 510px) {
	body {
		-webkit-text-size-adjust: none;
	}

	.row, body, .container {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* custom
			TODO: in eigenes file damit
		*/
	#content {
		margin: 0;
		padding: 0;
	}

	#contentBottomItems {
		/*font-size: 3px !important;*/
		height: 11em;
	}
	#contentBottomItems img {
		display: none;
	}

	#menusub {
		display: none;
	}

	#sidebar {
		padding: 0em;
	}

	#sidebar > .sidebarContent {
		float: none;
		width: 93.5%;
		display: block;
		margin: 0.6em;
		padding: 0.6em;
	}
}