*	{
  margin:0;
  padding:0;
  outline:none;
}
 
body {
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}


div#container {
	margin:10px auto;
	width:950px;
	/*padding:10px;
	padding-right:15px;  */
	padding-bottom:20px;
	border:1px solid #CCCCCC;
}


/************* Farben ************/
/*
#676B6C: grün?
#71649C: blau
#E70920: rot
#F7B24A: gelb

neu
#4D6E63: grün
#5656A0: blau
#DF2A3B: rot
#EBB11F: gelb
*/

/************* allgemeine Elemente ************/
h1, h2 {
	color:#333;
  font-size:16px;
  margin-bottom:15px;
  font-variant:small-caps;
  /*text-transform:uppercase; */ /* Großbuchstaben */
}

p {
  margin-bottom:10px;
}

a {
	color: #000000;
	text-decoration:none;
	text-decoration:underline; 
}

a:hover {
	text-decoration:underline; 
	color:#333;
}

a.aktiv {
	color:#666;
	color:#71649C;
	font-weight:bold;
}

.bodytext a {
  text-decoration:underline;
}

img {
  border:none;
}

div.clear {
  clear:both;
}

/************* Kopfbereich ************/
div#head {
	text-align:right;
	margin-bottom:40px;
	padding-top:10px;
}

div#logo {
  width:241px;
  height:122px;
  float:left;
  margin-left:10px;
  background-image:url(../pics/logokunsts.jpg);
  background-repeat:no-repeat;
}

div#logo h1 {
  text-indent:-9999px;
  font-size:0px;
}

div#head img {
  margin-right:15px;
}

div#flash {
  float:left;
  margin-left:80px;
  width:301px;
  height:121px;
  /*border:1px solid #f00; */
}

div.line_top {
  clear:both;
  margin-top:10px;
}

div.line {
  width:25%;
  float:left;
  height:5px;
}

div#gruen {
  background-color:#666;  
  background-color:#999;
  background-color:#4D6E63;  
  background-color:#676B6C;  
}

div#blau {
  background-color:#5656A0;  
  background-color:#71649C;  
}

div#rot {
  background-color:#DF2A3B;  
  background-color:#E70920;  
}

div#gelb {
  background-color:#EBB11F;  
  background-color:#F7B24A;  
}


/************* Navigation ************/
div#navi {
  float:left;
	width:180px;
	margin-left:20px;
	margin-bottom:50px;
  background-color:#ccc;
}

div#navi ul {
	list-style:none;
	padding:0px;
}

div#navi ul li {
  position:relative;
}

div#navi ul li a {
  display:block;
  text-decoration:none;
  background-color:#ccc;
  padding:4px 10px 4px 10px;
  border-bottom:1px solid #fff;
}

div#navi ul li a:hover {
  color:#71649C;  
  background-color:#eee;
}

div#navi ul li a.aktiv {
	color:#fff;
	background-color:#71649C;
	font-weight:bold;
}

div#navi ul li ul.subnavi {
  display:none; 
}

div#navi ul li:hover ul.subnavi {
  position:absolute;
  top:0px;
  right:-180px;
  display:block; 
  width:180px;
  z-index:5;
  background-color:#fff;
  border-left:1px solid #fff; 
  margin:0;
}

div#navi ul li ul.subnavi li {
}

div#navi ul li ul.subnavi li a {
	text-decoration:none;
	color:#fff;
  background-color:#71649C;
  border:none;
  border-bottom:1px solid #ccc;
  font-weight:normal;
}

div#navi ul li ul.subnavi li a:hover {
  color:#71649C;  
  background-color:#eee;
	color:#ccc;
  background-color:#9183bc;
}

/************* News ************/
div#news {
  float:right;
  width:200px;
  padding:10px;
  padding-right:0px;
  margin-right:15px;
  padding-top:0px;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

div#news img {
  max-width:200px;
}

/************* Fußbereich ************/
div#footer {
  clear:both;
  text-align:center;
}

div#footer ul {
	list-style:none;
}

div#footer ul li {
  display:inline;
  margin:10px;
}

div#footer ul li a {
  font-size:12px;
  color:#666;
  text-transform:lowercase;
  text-decoration:none;
}

div#footer ul li a:hover {
  text-decoration:underline;
}

div#footer ul li a.aktiv {
	font-weight:bold;
  text-decoration:none;
}

/************* Inhalt ************/
div#content {
	margin-left:220px;
	margin-right:50px;
	margin-bottom:50px;
	min-height:500px;
	overflow:auto;
}

div#content_start {
	margin-left:220px;
	margin-right:250px;
	margin-bottom:50px;
	min-height:500px;
	overflow:auto;
}

div#content ul, div#content_start ul {
  margin-left:30px;
  margin-bottom:30px;
}

p.bodytext {
  margin-bottom:10px;
}

div#csc-header {
  margin-top:30px;
}

div#csc-header-n1 {
  margin-top:0px;
}

/************* Kontaktformular ************/
form {
}

fieldset {
  width:460px;
  padding:5px;
  padding-top:10px;
}

input, textarea {
	width:230px;
	margin-bottom:10px;
}

input#mailformformtype_mail {
  /* submit und reset */
	width:100px;
	float:left;
	margin-top:20px;
}

input[type=reset] {
	margin-left:-70px;
	margin-right:40px;
}

input[type=checkbox] {
	width:10px;
}

label {
	display:block;
	width:170px;
	float:left;
	text-align:right;
	padding-right:10px;
	margin-bottom:10px;
}