body {
	margin : 20px;
	padding : 0;
	font : 75% "Trebuchet MS", verdana, arial, sans-serif;
	color : #666;
	background: #000000;
}
#container {
width : 750px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background : #f2f2f5;
}
#container450 {
width : 450px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background : #f2f2f5;
}
			/*TOP BANNERs*/
#banner {
float : left;
width : 510px;
height : 160px;
padding : 0;
margin-bottom : 15px;
color : #666;
background : inherit;
}
#bannerb {
float : right;
width : 200px;
margin : 0 0 15px 10px;
padding : 0;
color : #666;
background : #f2f2f5;
}

			/*TOP MENU*/
#navcontainer {
clear : both;
width : 100%;
}
#navcontainer ul {
	float : left;
	width : 100%;
	padding-left : 0;
	margin-left : 0;
	background : #a30812;
	color : #fff;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
	float : left;
	padding : 0.2em 1em;
	text-decoration : none;
	border-right : 1px solid #fff;
	background : #a30812;
	color : #fff;
}
#navcontainer ul li a:hover {
background : #a1aac9;
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #5e5e5e;
color : #fff;
}
			/*CENTRE CONTENT*/
#content {
padding : 10px;
margin-left : 190px;
margin-right : 190px;
background : inherit;
color : #666;
}
			/*2spaltig CONTENT*/
#content2 {
padding : 10px;
margin-left : 190px;
margin-right : 0px;
background : inherit;
color : #666;
}

			/*LEFT CONTENT*/
#sidebar {
float : left;
width : 170px;
margin : 0 0 0 0;
padding : 10px;
color : #666;
background : #f2f2f5;
}
			/*LEFT MENU*/
#menu {
width : 160px;
padding : 10px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
	display : block;
	width : 140px;
	padding : 0.1em 0.8em;
	text-decoration : none;
	color : #fff;
	background : #a30812;
}
#menu a:hover {
background : #a1aac9;
color : #fff;
}
			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 170px;
margin : 0;
padding : 10px;
border-left : 1px solid #999;
background : #f2f2f5;
color : #666;
}
			/*RIGHT SCROLLBAR*/
div.scroll {
overflow : auto;
height : 15em;
width : 140px;
padding : 1ex;
color : #333;
background : #f2f2f5;
border : 1px solid #eee;
margin : 20px 0 25px 10px;
}
			/*FOOTER*/
#footer {
	clear : both;
	padding : 5px;
	margin-top : 5px;
	color : #bbd2e0;
	background : #a30812;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
/*Kontaktformular*/
input, select {
	background-color: #CCCCCC;
	font-size: 1em;
}	

input, focus {
	background-color: #EEE;
}

legend {
	font-weight:bold;
	color: #B13413;
	background-color: #F4F4F4;
	border: 1px solid #CCC;
	padding: 4px;
	width: 20em;
	text-align:center;
	margin: 1em
}

fieldset {
	border: 1px solid #CCC;
	margin: 10px;
	width: auto;
	padding-bottom: 10px;
	display:block;
}

label {
	float:left;
	text-align:right;
	width: 8em;
	margin-right: 0.5em;
	margin-top: 0.2em;
}

imput, select {
	margin-top: 1em;
	width: 8em;
}

form br {
	clear:left;
}

fieldset.button {
	background-color: #F4F4F4;
	padding: 1em 0;
	text-align:center;
}

.button .submit .reset {
	margin: 0 auto;
	display:block;
	width: 8em;
	border: 2px solid;
	border-color: #F2F2F2 #C0C0C0 #C0C0C0 #F2F2F2;
}
/* Ende Kontaktformular */	

			/*TYPOGRAPHY*/
h1, h2 {
margin : 0 0 10px 5px;
letter-spacing : 3px;
font-size : 120%;
color : #003366;
background : inherit;
}
h3 {
font-size : 110%;
color : #826c45;
background : inherit;
}
.Stil1 {
	color: #a30812;
	font: bold;
	font-size: larger;
}

			/*LINKS*/
a {
color : #826c45;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
color : #697899;
background : inherit;
}
			/*CLASSES*/
.news {
font-size : 100%;
background : inherit;
color : #333;
}
.sitename {
font-size : 180%;
margin : 0 0 10px 0;
color : #826c45;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

#projektarbeiten {/*Style für jede Projektarbeit*/
width : 100%;
height: 100%;
position:inherit;
border : 1px #fff;
margin: 1px;
padding : 1px;
color : #666;
background : #f2f2f5;
}



/* Subtemplates*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }