@charset "utf-8";
/* CSS Document */

@import url('content.css');
@import url('slide.css');

body {
background-image: url(../images/layout/bg.png);
background-color: #262626;
background-repeat: repeat-x;
margin-top: 25px;
font-family: Arial;
font-size: 12px;
color: #787878;
}

/* Beginn Layout */
#layout {
width: 762px;
height: auto;
margin: auto;
border: 1px solid #454545;
}

/* Beginn Header */
#header {
background-image: url(../images/layout/header.png);
height: 132px;
}

/* Beginn Logo */
#logo {
background-image: url(../images/layout/logo.png);
height: 84px;
width: 275px;
position: relative;
left: 42px;
top: 33px;
}

/* Beginn Bluebar */
.bluebar {
background-image: url(../images/layout/bluebar.png);
width: 762px;
height: 4px;
}

/* Beginn Navigation */
#navigation {
background-image: url(../images/layout/navigation.png);
width: 762px;
height: 29px;
}

/* Beginn Menu */
#menu {
width: 728px;
height: 24px;
position: relative;
top: 5px;
left: 18px;
}

/* Beginn Links */
#menu ul {
position: relative;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: 24px;
list-style: none;
}

#menu ul li {
float: left;
}

#menu ul li a {
float: left;
display: block;
color: #ffffff;
text-decoration: none;
font-family: Arial;
font-size: 12px;
padding: 0 12px 0 12px;
height: 20px;
line-height: 21px;
}

#menu ul li a:hover {
color: #ffffff;
background-color: #333333;
}

/* Beginn Content */
#content {
background-color: #ffffff;
width: 760px;
height: auto;
border: 1px solid #f5f5f5;
}

#inhalt {
width: 734px;
height: auto;
margin-top: 14px;
margin-right: 14px;
margin-left: 14px;
margin-bottom: 14px;
text-align: justify;
}

/* Beginn Footer */
#footer {
background-image: url(../images/layout/schatten.png);
width: 762px;
height: 22px;
}

/* Beginn Copyright */
#copyright {
width: 340px;
font-family: Arial;
font-size: 10px;
color: #bebebe;
position: relative;
top: 5px;
left: 410px;
text-align: right;
}