body {
background: url('img/bg.jpg') repeat;
/*background-color : #dceff0; */
width : 100%;
height : 100%;
margin : 0;
font-family : Trebuchet MS, Arial, Helvetica;
font-size : 9pt;
line-height : 19px;
text-align : justify;
color : #505050;
}

.spacer {
	clear:both;
}
.spacer1 {
	padding-top: 20px;
}

.spacer2 {
	padding-top: 40px;
}

.spacer3 {
	padding-top: 70px;
}

.spacer4 {
	padding-top: 120px;
}

b {
font-weight : bold;
}
i {
font-style : italic;
}

a:link, a:active, a:visited {
font-family : Trebuchet MS, Arial, Helvetica;
line-height : 15px;
color : #505050;
text-decoration : none;
border-bottom : 0 solid #000;
}
a:hover {
color : #336699;
text-decoration : none;
border-bottom : 0 solid #000;
}
blockquote {
color : #505050;
background-color : #eeeeee;
border-left : 5px solid #99babc;
border-right : 5px solid #99babc;
border-bottom : 1px dotted #585858;
padding : 5px;
line-height : 18px;
}
#wrapper {
background-color: #303030;
width:840px;
padding: 10px;
margin:0 auto;
} 
#container {
width : 100%;
background-color: #efefef;
}
#header {
width : 100%;
height : 230px;
}
#sidebar {
float : left;
width : 170px;
}
#content {
float : right;
width : 650px;
margin-bottom : 30px;
}
#footer {
padding : 15px;
clear : both;
font-size : 11px;
color : #fff;
text-align : center;
background : #303030;
}
#footer_wrap {
margin : 0;
width : 100%;
}
.clear {
clear : both;
}
.trenner {
width : 100%;
height : 10px;
background-color: #303030;
}
.main {
background-color : #fff;
padding : 10px;
}
.bar {
float:left; 
margin:0px; 
padding: 10px;
background: #BCC0D5;
border-bottom: 15px solid #7CB2CD;
width: 168px;
color: #566f70;
text-align : justify;
}
#top {
margin : 0;
text-align : center;
position : absolute;
font-size : 8pt;
width : 100%;
background-color : #303030;
color : white;
line-height : 60px;
}
#top p {
text-align : center;
}
#navigation, #navigation li {
margin : 0;
padding : 0;
list-style-type : none;
}
#navigation li {
display : inline;
background : url() no-repeat 0 center;
padding : 10px;
}
#navigation li a {
font-family : Arial;
font-size : 14px;
color : white;
padding : 10px;
}
#navigation a:hover {
font-family : Arial;
font-size : 14px;
color : white;
padding : 10px;
background-color : #373737;
}
.viewbg  {	/*das ist der BG für die Vorschau der REsourcen view_render.php etc.*/
	background: url('img/view_bg.jpg') repeat;
	margin: 0;
	padding: 0;
}

h1 {
font-family : Arial;
font-size : 30px;
font-weight : normal;
letter-spacing : -2px;
color : #000;
text-transform : lowercase;
line-height : 20px;
text-align : center;
background-color : transparent;
padding : 5px;
margin : 5px;
}
h2 {
font-family : Arial;
font-size : 21px;
font-weight : bold;
letter-spacing : -1px;
color : #707070;
text-transform : lowercase;
line-height : 17px;
text-align : center;
padding: 6px;
margin: 4px;
}
h3 {  /*für die Newstitel*/
font-family : Arial;
font-size : 22px;
font-weight : normal;
letter-spacing : -2px;
color : #000;
text-transform : lowercase;
line-height : 20px;
padding : 5px;
margin : 5px;
}


.updates{
	height:70px;
	width: 505px;
 	padding: 4px 0px 8px 4px;
	background-color: #efefef;
	border: 1px solid #c8c7c7;
    -moz-border-radius: 4px;
}

.bottom{
	background-color:#EEEEE0;
	padding: 2px 2px 2px 5px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
}


#content form input[type=text], #content form textarea, #content form input[type=password]  {
	background:#FFF;
	width: 235px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	font: 8pt Trebuchet MS, Helvetica, Verdana;
	border:1px solid #B5B5B5;
	color:#8A8A8A;
	padding:5px 8px 5px 8px;
	overflow:visible;
}
#content form input[type=text]:hover, #content form input[type=text]:focus, #content form textarea:hover, #content form textarea:focus, #content form input[type=password]:hover, #content form input[type=password]:focus  {
	color:#4D4D4D;
	width: 235px;
	border:1px solid #A0A0A0;
}
#content form input[type=submit] {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	font: 8pt Trebuchet MS, Helvetica, Verdana;
	border:1px solid #A0A0A0;
	color:#6d314a;
	overflow:visible;
	background:#efefef;
	padding:4px 10px 4px 10px;
}
#content form input[type=submit]:hover {
	background:#a3b4a1;
	color: #fff;
}


.imageborder{
border: 3px solid #aaa;
-moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}
.gfx{
padding: 6px;
background-color : #ddd;
float: left;
margin: 8px;
}
.gfxname{
background-color : #eee;
float: left;
width: 94%;
padding: 3px;
font: 7pt Trebuchet MS, Helvetica, Verdana;
color: #555;
}
code {background-color: #eeeeee; border: 1px solid #808080; padding: 7px; border-left: 6px solid #AFC2C0; color: #858585; font-size: 8pt; display: block; width: 520px;}