@charset "utf-8";
html { height: 100%; margin-bottom: 1px;}

body {
background:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;

list-style:none;
margin:0;
padding:0;
background:url(/images/rono/body-bg.gif) repeat-x top left;
}

.mceContentBody{
	background: #fff !important;
	padding: 20px;
	width: 530px;
}

a {
color:#0099a9;
font-weight:700;
text-decoration:none;
}

a:hover,.footer a:hover,.breadcrumb a:hover {
text-decoration:underline;
}

h1 {
color:#212121;
font-size:24px;
font-weight:100;
line-height: 1em;
letter-spacing: -1px;
margin:0 0 .8em;
padding:0;
font-family: Arial, Helvetica, sans-serif;
}

h2 {
color:#212121;
font-size:18px;
font-weight:600;
line-height:24px;
margin:10px 0;
padding:0;
}

h3 {
color:#212121;
font-size:12px;
font-weight:600;
line-height:24px;
margin:4px 0;
padding:0;
}

li {
line-height:1.5;
}

p {
color:#212121;
line-height:1.5;
}

td {
border-bottom:1px solid #EBEBEB;
height:24px;
}

ul {
list-style:square outside;
margin:0;
padding:0 0 0 1.2em;
}

hr{display: block; height: 1px; border: 1px solid #f4f4f4; clear: both;}

.logo{
display:block;
height: 70px
}
.container {
margin:0 auto;
padding:0;
width:860px;
}

#gallery {
display:block;
line-height:20px;
}

#gallery a {
margin:4px;
}

#gallery a img {
background:#fff;
border:1px solid #ccc;
height:75px;
padding:2px;
width:75px;
}

#referenzen {
width:100%;
}

#subnavigation {
list-style:none;
margin:0;
padding: 2em 0 0 0;
}

.box img {
float:left;
margin-right:20px;
}

.box {
display:block;
padding: 2em 0;
}

.leftcontent {
display:block;
}

.breadcrumb {
background:#f2f2f2;
font-size:10px;
display:block;
}

.breadcrumb a {
color:#212121;
font-weight:100;
text-decoration:none;
}
#breadcrumb{
padding: 0.5em 8px;
}

.content {
background-color:#fff;
margin:0;
padding:0;
}

.events {
display:block;
float:right;
width:100%;
}

.footer {
background:#212121;
height:80px;
margin:0;
padding:0;
margin-top: 40px !important;
}

.footer a {
color:#fff;
font-weight:100;
text-decoration:none;
}

.footer p {
color:#fff;
margin:0;
padding:20px 0;
}

.inhalt {
display:block;
float:left;
overflow:show;
padding-top:2em;
width:500px;
}

.inhalt td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.leftbar {
float:left;
overflow:visible;
}

.navigation {
padding-top:20px;
display:block;
}

.navigation a {
color:#fff;
display:block;
float:left;
font-size:12px;
font-weight:700;
height:24px;
margin-right:10px;
padding-left:1em;
text-decoration:none;

}

.navigation a span {
padding-right:1em;
}

.navigation a:hover {
background:url(/images/rono/left_tab.gif) no-repeat #fff left top;
color:#212121;
display:block;
float:left;
padding-left:1em;
padding-top: 0.5em;
margin-top: -0.5em;
text-decoration:none;
}

.navigation a:hover span {
background:url(/images/rono/right_tab.gif) no-repeat #fff right top;
padding-right:1em;
padding-top: 0.5em;
margin-top: -0.5em;
text-decoration:none;
}

.navigationsleiste {
display:block;
margin:0;
padding:0;
}

.news {
display:block;
float:left;
width:323px;
}

.subnavi {
/* background-color:#f2f2f2; */
float:left;
margin-right:20px;
width:240px;
}

.subnavi a {
color:#212121;
display:block;
font-weight:100;
padding:.5em 10px;
text-decoration:none;
outline: none;
}

.subnavi a:hover {
text-decoration: underline;
color:#212121;
}

.NavLevel2 a {
font-weight: 700;
}

.NavLevel3 a {
padding-left: 2em;
}

.teaser {
background:url(/images/rono/teaser_bg.jpg) repeat-x top left;
background-color:#3a80f4;
border:0;
margin:0;
padding:0;
}

.white {
color:#fff;
}

.wrapper {
clear:both;
margin:0;
padding:0;
position:relative;
width:100%;
}

div#gallery div.clear {
clear:both;
display:block;
height:10px;
line-height:0;
margin:0;
padding:0;
}

div.auftraggeber {
display:block;
margin-bottom:4px;
}

div.beschreibung {
color:#333;
font-size:10px;
}

div.referenz {
border-bottom:1px solid #ccc;
display:block;
margin:0;
padding:5px 0;
}

div.referenz div {
line-height:16px;
}


br.clear {
clear:both;
display:block;
height:-1px;
line-height:0;
margin:0;
padding:0;
}