* { margin: 0px; padding: 0px; }
br.clear { clear:both; }
a { color:#333; }

a:hover { color:#72B338; text-decoration:none; }

body { font-family: arial; background-color:#333; font-size:12px; color:#333;}
textarea { font-family: arial; font-size:12px;}


.frame {
width:600px;
margin:0 auto;
}

img {
border:none;
}

img.catchup_logo {
margin:25px 0 15px 0;
}

ul.navigation li {
float:left;
list-style:none;
}

ul.navigation li a {
display:block;
margin-left:1px;
text-indent: -9999px
}

ul.navigation li a:hover { background-position:0px -20px; }
ul.navigation li.activ a { background-position:0px -20px; }
ul.navigation li a.home { background-image:url(img/navi/home.gif); padding: 0px 74px 7px 0; }
ul.navigation li a.leistungen { background-image:url(img/navi/leistungen.gif); padding: 0px 128px 7px 0; }
ul.navigation li a.projekte { background-image:url(img/navi/projekte.gif); padding: 0px 112px 7px 0; }
ul.navigation li a.team { background-image:url(img/navi/team.gif); padding: 0px 70px 7px 0; }
ul.navigation li a.jobs { background-image:url(img/navi/jobs.gif); padding: 0px 68px 7px 0; }
ul.navigation li a.kontakt { background-image:url(img/navi/kontakt.gif); padding: 0px 105px 7px 0; }

img.headerimage {
border:5px solid white;
margin-top:10px;
}

.content {
margin-top:10px;
line-height:140%;
}

.content .left {
width: 340px;
float:left;
background-color:#fff;
margin-bottom:30px;
}

.content .left p {
margin: 0 10px 10px 10px;
text-align:justify;
}

.content .right {
float:left;
width:250px;
margin-left:10px;
}

.content .right div {
background-color:#fff;
margin-bottom:10px;
}

.content .right div.leistungen {
padding-bottom:15px;
}

.content .right ul.leistungen {
margin: 0px 0 0px 25px;
line-height:200%;
list-style-type:square;
}

.content .right ul.leistungen li a {
display:block;
text-decoration:none;
}

.content img.headline {
margin: 10px 0 10px 10px;
}

.content .right div.kontakt ul {
margin-left:10px;
list-style:none;
line-height:150%;
}

.content .right div.kontakt table {
margin: 10px 0 15px 8px;
}

.content .right div.kontakt table tr td {
padding-right:5px;
line-height:150%;
}

/**************************************** PROJEKTE */

.projekte .left,
.projekte .middle,
.projekte .right {
width:190px;
margin-right:15px;
float:left;
background-color:#fff;
}

.projekte .right {
margin:0px;
}

.projekte div img {
margin: 5px 5px 0px 5px;
}

.projekte div span {
display:block;
text-align:center;
padding:5px 0;
margin: -2px 5px 5px 5px;
background-color:#E5E9D0;
}

/**************************************** TEAM */

.team img.foto_links {
float:left;
border:5px solid white;
margin-bottom:10px;
}

.team .right {
width:400px;
height:120px;
background-color:#fff;
margin-bottom:10px;
}

.team .right p {
margin: 0 10px 20px 10px;
}

.team .right p.mail {
float:left;
}

.team .right p.mail a {
text-decoration:none;
}

.team .right p.profil {
float:right;
}

/**************************************** JOBS */

.team .mailto { background:#72B338; color:#333; margin-bottom:10px; text-align:right;  }

.team .mailto a {  text-decoration:none; display:block; padding:5px 10px; }


.team .mailto a span { font-weight:bold; color:#fff; }
.team .mailto a:hover span, .team .mailto a:hover { color:#333; }

/**************************************** KONTAKT */

.kontakt .right ul { margin:10px; list-style:none;}

.kontakt .done { background:#72B338; margin: 0 10px 10px 10px; padding:5px 10px; color:#333; font-weight:bold;}

.first { margin-top:0px !important; }

label { display:block; margin:10px 10px 0px 10px;}
input.text { margin:0px 10px; width:313px; padding:2px;}
textarea {margin:0px 10px; width:313px; height:200px; padding:2px; line-height:140%;}
input.button { float:right; margin:10px; }


.pics p { margin:0 10px; }
.pics ul.foto { margin:10px 0px; }
.pics ul.foto li { float:left; margin: 0 10px; }