/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin:2% auto;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: none rgba(255,255,255,1) repeat top center;
	color : rgba(0,0,0,1);
	text-align: center;
	font: 100 16px/1.5 Arial, Helvetica, sans-serif;	
}

#inhalt {
	width:90%;
	background:none no-repeat scroll center top transparent;
	border: 0px;
	padding: 0px;
    margin: 2em auto;
    position:relative; /* hebt den Inhalt vor den Space  */
	clear:both; /* hebt das floating vom Space auf  */
	text-align:center;
}

#inhalt a {
	height:100%;
	width:100%;
	text-decoration: none;
}

#rahmen {
width:90%;
height:640px;
margin:0px auto;
}

.tab {
  float: left;
  width: 2.15em;
}

img.flexible {
	height: auto;
	max-width: 100%;
}


/*BILDER*/

IMG, IMG A {
	border: none;
	margin: 0 auto;
}


/*LINKS*/

.link {
	color: rgba(0,137,168,1);
	text-decoration: none;
 }

.link:hover {
 	color: #002F79;
	text-docoration: none;
 }
 
a:link, a:visited {
	text-decoration : none;
	color: rgba(0, 137, 168, 1);
}

a:hover, a:focus, a:active {
	color: rgba(128, 196, 211, 1);
	text-decoration: none;
	outline : 0;
}
	
sub {
	bottom : -0.25em;
}

sup {
	top : -0.5em;
}

sub, sup {
	position : relative;
	vertical-align : baseline;
	font-size : 75%;
	line-height : 0;
}

form {
	margin : 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 0;
}

strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font : 100 16px/1.2 Arial, Helvetica, sans-serif;
	color: rgba(0, 0, 0, 1);
	margin: 0 0 0.5em;
	text-align: left;
}

h5 {
	font-style: italic;
}

h4 {
	font-size : 1.25em;
	font-style: italic;
	text-transform : uppercase;
}

h3, dt {
	font-size : 1.5em;
}

h2 {
	font-size : 1.75em;
}

h1 {
	font-size : 2em;
	text-transform : uppercase;
	text-align: center;
}

.tab {
	float : left;
	width : 3em;
}

p {
	font : 100 16px/1.5 Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	text-align: left;
	color:#000;
}

ul, ol, dd {
	margin : 0 0 1em 1em;
	list-style-type : none;
	list-style-image : none;
	list-style : none;
}

ul li {
	margin : 0 0 0.5em 0.1em;
	padding : 0;
	list-style-type : disc;
	text-align: left;
}

ol li {
	margin : 0 0 0.5em 0;
	padding : 0;
	list-style-type : decimal;
	text-align: left;
}

* {
	margin:0;
	padding:0;
	border:0px none;
	outline: 0 none;
}

.center {
	text-align: center;
	margin: 0 auto;
	float: none;
	clear: both;
}


/*  GO FULL WIDTH AT LESS THAN 760 PIXELS */

@media only screen and (max-width: 760px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}