/* RESET - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* WEBSITE-STYLE */
header div.container,
div.content div.container,
footer div.container {  
	max-width: 1024px;
	margin: 0 auto;
	height: 100%;
 	}

/* Bild Höhe automatisch anpassen */
img#rrlogo {width: 100%; height: auto; max-width: 350px;}
img#rrtitelbild {width: 100%; height: auto;}


/* Logo zentrieren */
div.logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 283 px;
	}

header {padding-top: 25px; padding-bottom: 25px;}
div.grey{background-color:#6f6f6e;}
div.content {padding-top: 35px; padding-bottom: 35px;}

/* SPALTEN */
.zweispaltiger_inhalt,
.zweispaltiger_inhalt_1,
.zweispaltiger_inhalt_2
 { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.zweispaltiger_inhalt {
	width: 100%; 
	}
.zweispaltiger_inhalt_1,
.zweispaltiger_inhalt_2 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: left;
    margin-top:0px;
	}	
.zweispaltiger_inhalt_1 {width: 45%; margin-right:3%;}
.zweispaltiger_inhalt_2 {width: 45%;}


.abstandnach7 {margin-bottom: 7px;}
.abstandnach15 {margin-bottom: 15px;}


/* MEDIAQUERIES */	

@media only screen and (max-width: 1025px) {
	header div.container,
div.content div.container,
footer div.container {padding-left: 25px; padding-right: 25px;}
}

@media only screen and (max-width: 340px) {
	header div.container,
div.content div.container,
footer div.container {padding-left: 10px; padding-right: 10px;}
}


@media only screen and (max-width: 700px) {

.zweispaltiger_inhalt_1,
.zweispaltiger_inhalt_2 {display: block; vertical-align: middle; width: 100%; margin-top:25px;}