html {
margin : 0 auto;
padding : 0;
height : 100%;
}
body {
margin : 0 auto;
padding : 0;
height : 100%;
font-size : 62.5%;
font-family:Arial, Helvetica, Verdana, sans-serif;
letter-spacing : 0.05em;
line-height : 1.6em;
color : #fff;
background : #697c6d;
background-image : url(/elements/body_bg.png);
background-repeat : repeat-x;

}
img {
border : none;
}
p  {
padding:0px;
}
a {
color : #fff;
text-decoration : none;
}
a:hover {
color : #00ccff;
text-decoration : none;
}
strong{
font-size:1.2em;
}
ul {
margin : 0;
padding : 0;
}
#head {
width : 480px;
height : 120px;
background : #333333;
margin : auto;
}
.mainlogo {
position : relative;
margin-top : 40px;
margin-left : -180px;
float : left;
}
.lines {
position : relative;
float : right;
margin-right : -95px;
}
#layer {
padding : 0;
margin : 0;
width : 100%;
height : 270px;
}

#layer.web{
background-image : url(/elements/layer_bg_web.png);
background-repeat : repeat-x;
}

#layer.print{
background-image : url(/elements/layer_bg_print.jpg);
background-repeat : repeat-x;
}

#layer.event{
background-image : url(/elements/layer_bg_event.png);
background-repeat : repeat-x;
}

#layer.motion{
background-image : url(/elements/layer_bg_motion.png);
background-repeat : repeat-x;
}


#contentOben {
width : 480px;
height : 270px;
margin : auto;
}
#flashContainer {
height : 270px;
}
#adresse {
position : relative;
float : right;
text-align : left;
margin-right : -210px;
margin-top : 70px;
width : 180px;
padding : 10px;
}
#menue {
position : relative;
width : 200px;
height : 270px;
padding : 0;
margin-left : -200px;
float : left;
}

#menue.web{
background : #475E47;
}

#menue.print{
background : #46585d;
}

#menue.event{
background : #5D5046;
}

#menue.motion{
background : #5E4C50;
}


#navi {
    list-style : none;
    left : 0;
    text-align : left;
}

#navi li {
    letter-spacing : 0.05em;
    text-indent : 2em;
    margin : 0;
    text-transform : uppercase;
    width : 20em;
    white-space : nowrap;
}

#navi li a {
    text-decoration : none;
    display : block;
    position : relative;
    padding : 6px 0;
    color : #fff;
    border-bottom : 1px solid #8db2bd;
}

#navi li a.active {
    /*color : #025065;*/
    color : #fff;
    border-bottom : 1px solid #0090b7;
}

#navi li a.active{
    background-color : #198099;
}

#navi li a.activemotion{
    background-color: #99334D;
}

#navi li a.activeweb{
    background-color: #199919;
}

#navi li a.activeevent{
    background-color: #994D19;
}

#navi li a.active {
    background-color: #74939c;
}

#navi li a:hover {
    background-color : #333333/*#74939c*/;
    color : #00ccff; /*#025065;*/
    border-bottom : 1px solid #86acb7;
}


#text {
display : block;
width : 480px;
margin : auto;
background : #78897b;
}
.mengentext {
padding-left : 20px;
padding-top : 10px;
padding-right : 150px;
padding-bottom : 20px;
display : block;
font-size : 1.2em;
}
.icon {
margin-top : 10px;
margin-right : 20px;
float : right;
}
.headline {
display : block;
padding : 10px 0 10px 20px;
font-size : 3em;

background : #328a99;
background-image : url(/elements/headline_bg_print.png);
background-repeat : repeat-y;

border-bottom : 1px solid #8dbfc7;
text-transform : uppercase;
text-shadow: 0.1em 0.1em 0.1em #22606B;
}

h1 {
	padding: 10px 0 10px 20px;
	font-size: 300%;
	background: #994D19 url(/elements/headline_bg_print.png) repeat-y 0 0;
	text-transform: uppercase;
	text-shadow: 0.1em 0.1em 0.1em #22606B;
	font-weight: normal;
	line-height: 70%;
	border-bottom: 1px solid #8dbfc7;
	margin: 0;
	margin-bottom: 0.5em;
}

h1 span {
	display: block;
	font-size: 50%;
}


.subheadline {
font-size : 0.5em;
}
#client {
position : relative;
padding : 20px;
width : 160px;
height : 170px;
margin-left : -200px;
background : #c7e1d0;
float : left;
}

.mengentext input, select, textarea {
display: block;
float: left;
width: 150px;
}

select{
width: 80px;
}

input#submit {
float: none;
width: 80px;
}

label {
display: block;
float: left;
width: 100px;
text-align: right;
padding-right: 1em;
}

.trenner{
padding:20px 0px 20px 0px;
}