body { 
	margin:0;
	padding:0;
	background: url(../img/content_back.jpg)top left repeat-x; 
	background-color:#021a32;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	}

a img { 
	border:0;
}

#head {
	width:100%;
	height:110px;
	background-image:url(../img/head_back.jpg);
	border-bottom: 1px solid #CCCCCC;
	margin:0;
	padding:0;
	}
	
#head .headbox {
	width:777px;
	margin:0px auto 0;
	height:110px;
	padding:0;
	}	

#navigation {
	float:right;
	width:430px;
	font-size:12px;
	height:110px;
	margin:0px;
	padding:0px;
	}
	
#navigation ul {
	line-height:110px;
	margin:0;
	}
	
#navigation li {
	margin:0;
	padding:0;
	display:inline;
	width:80px;
	}

#navigation a {
	display:block;
	width:70px;
	float:left;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	color:#fff;
	margin:0;
	margin-left:1px;
	margin-right:1px;
	}

#navigation li a:hover{
	background-image:url(../img/li_back.jpg);
	margin:0;
	padding:0;
	padding-left:3px;
	padding-right:3px;
	background-repeat:repeat-x;
	margin-left:1px;
	margin-right:1px;
	}
	
#navigation .navaktiv {
	background-image:url(../img/li_back.jpg);
	background-repeat:repeat-x;
	}

a { 
	text-decoration:none;
	color:#990099;
	}

#content a:hover {
	text-decoration:none;
	background-color:#990099;
	color:#000;
	}
	
#myGallery a:hover {
	text-decoration:none;
	color:#000;
	background-color:#000000;
	
	}

.aktiv {
	background-color:#990099;
	color:#000;
	}

#content {
	width:777px; 
	margin:0px auto 0; 
	text-align:left; 
	padding:0;
	}

#content .inhalt {
	width:450px;
	float:left;
	margin-right:40px;
	padding:0;
	margin:0;
	}

h1.liborli {
padding-left:10px;
}

.liborli {
	padding:0;
	border-left: 6px solid #990099;
	}

.inhalt h1 {
	padding-left:10px;
	margin-top:18px;
	}
	
.inhalt h2 {
	padding-left:15px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:25px;
	}

.inhalt h3 {
	font-size:1.5em;
	padding-top:1em;
	margin-bottom:0.8em;
	}

#content .inhalt img{
	padding:0;
	}	

#content .inhalt h3, p {	
	padding-left:15px;
	margin-top:0px;
	}
	
	
.twocolbox {
	width: 100%;
	margin:0;
	padding:0;
	margin-bottom:1em;
	}
.leftcol {
	float:left;
	width:200px;
	padding:0;
	margin-right:10px;
	}

.rightcol {
	float:right;
	width:200px;
	padding:0;
	margin:0;
	}
	
	
.infopart {
	width:230px;
	float:right;
	padding-right:5px;
	margin-top:5px;
	}

	
#foot {
	width:100%;
	background-image:url(../img/foot_back.jpg);
	height:800px;
	clear:both;
	}
	
#foot .infofoot {
	margin: 0 auto;
	padding-top:5px;
	width: 776px;
	padding-left:0px;
	}

h1 {
	font-size:2em;
	font-style:italic;
	}

h1.non {
	font-style:normal;
	}

.content h2 {
	font-size:1em;
	}

.infopart h2 {
	font-size:1.5em;
	display:block;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	padding-left:0;
	width:211px;
		margin-top:18px;
	}

.infopart h3 {
	padding:0;
	width:211px;
	}

.infopart p {
	padding:0;
	width:211px;
	}

.infopart img {
	margin:0 auto;
	}

.infopart ul {
	list-style:none;
	}

.flleft  {
	float:left;
	}
	
.flright {
	float:right;
	}
/* Formular-Stile */

form {
	margin-top: 20px;
	width: 100%;
	margin-bottom:0;
	padding-bottom:0;
	border:0;
	}	

.linone {
	list-style-type:none;
	margin: 0;
	padding-left: 5px;
	}

checkbox label.li label.ul {
	clear:both;
	margin-left: 5px;
	text-align: right;
	
	}

fieldset {
	margin:0;
	padding: 5px;
	border:0;
	}

legend {
	visibility:hidden;
	height:1px;
	padding:0;
	margin:0;
}

fieldset br {
	clear: both;
}

.links { /*Abstand von Text bis Anfang der Labelboxen */
	float: left;
	width: 100px;
	text-align: left;
}

input {
	margin-bottom:3px;
	padding:3px;
	height:13px;
	}
textarea {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}


.submit { /* [type=submit] */
	color: #fff;
	background-color: #990099;
	border-style: solid;
	border-width: 1px;
	border-color: #990099;
	height:20px;
	padding-top:1px;
	}

.abbot {
	padding-bottom:5px;
	}

.check {
	position:absolute;
	}
	
.checktext {
	padding-left:25px;
	}

.trfehler {
	background-color:#FF6600;
	}
.textfehler {
	color:#FF6600;
	}

.errorinfo
{
	COLOR: #FF0000;
	font-weight: bold;
}

.white
{
color:#fff;
}


/* SEITE MULTIMEDIA ANIMIERTES DOCK */

.multimedia {
	height:300px;
}

#dock2 {
	width: 100%;
	position: relative;
	margin-top:200px;
	margin-right:100px;
	margin-bottom:50px;
	}
.dock-container2 {
	position: absolute;
	height: 53px;
	background: url(/img/multimedia/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #fff; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}

#dock2 a:hover {
background-color:transparent;
}

.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

/* SHOWCASE */
.content p.linkage
{
	margin-top: 2em;
	text-align: right;
/*font-size: 1.7em;*/
	color: #ddd;
}

.content p.linkage a { color: #fff; }


#myGallery
{
	text-align: left;
	margin: 0 auto;
	background: #111 url('../images/bg/gradient1.gif') top left repeat-x;
}