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

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
/*	background-repeat: no-repeat;
	background-image: url(/medien/test.gif);
	background-position: center;
*/}
#page {
	position: absolute;
	left: 50%;
	display: block;
	width: 805px;
	margin: 25px 0 0 -405px;
	padding: 0;
}
#header {
	display: block;
	width: 805px;
	height: 135px;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #B9BBBC;
}
#header #logo {
	line-height: 26px;
	margin: 0 0 1px 0;
	padding: 0;
	border-top: 1px dotted #B9BBBC;
	border-bottom: 1px dotted #B9BBBC;
}
#header #logo a {
	text-decoration: none;
	color: #000000;
	line-height: 26px;
}
#content {
	margin: 0;
	padding: 0;
}
#inner_content {
	margin: 0;
	padding: 1px 0 0;
	min-height: 403px;
}
* html #inner_content {
	height: 403px;
}
#side_content {
	float: right;
	display: none;
	width: 200px;
	height: 10em;
	margin: 0;
	padding: 0;
}
#footer {
	clear: both;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	line-height: 15px;
	padding: 2px 0 0 0;
	border-top: 1px dotted #B9BBBC;
	position: absolute;
	left: -3000px;
}
.start #footer {
	position: inherit;
}

#navi {
	display: block;
	height: 15px;
	margin: 0;
	padding: 0;
}
#navi ul {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 15px;
	height: 15px;
}
#navi ul li strong {
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 1px;
}
#navi ul li {
	display: block;
	float: left;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	/*margin: 0 1.5em 0 0;*/
	margin: 0 0.4em 0 0;
	padding: 0;
	/*list-style-image: url(../medien/dot_gruen.png);*/
	list-style: none;
	color: #00CCFF;
}
#navi ul li span a {
	margin: 0 0 0 0.5em;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	color: #00CCFF;
}
#navi ul li.nobor span a,
#navi ul li.sel_nobor span a {
	margin: 0;
}
#navi ul li span a:hover,
#navi ul li.sel span a,
#navi ul li.sel_nobor span a {
	color: #FF6600;
}
.subnavi {
	display: block;
	height: 15px;
	/*clear: left;*/
	margin: 0;
	padding: 0;
}
.subnavi ul {
	display: inline;
	margin: 0;
	padding: 0;
}
.subnavi ul li {
	/*float: left;
	margin: 0 1.5em 0 0;
	padding: 0;*/
	display: inline;
	/*background-image: url(../medien/dot_grau.png);
	background-repeat: no-repeat;*/
	font-size: 11px;
	color: #00CCFF;
	padding: 0;
	margin: 0;
}
.subnavi ul li strong {
	font-size: 11px;
	font-weight: normal;
	padding: 0 2px 0 6px;
	margin: 0;
}
.subnavi ul li span a {
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	text-decoration: none;
	color: #00CCFF;
}
.subnavi ul li span a:hover,
.subnavi ul li.sel span a,
.subnavi ul li.sel_nobor span a,
.subnavi ul li .sel a,
.subnavi ul li .sel_nobor a {
	color: #FF6600
}
#navi ul li.nobor,
#navi ul li.sel_nobor,
.subnavi ul li.nobor,
.subnavi ul li.sel_nobor {
	padding-left: 0;
	list-style: none;
	list-style-image: none;
	background-image: none;
}
.subnavi ul li.nobor strong,
.subnavi ul li.sel_nobor strong {
	display: none;
}
.subnavi ul li strong {
	margin: 0 0.35em 0 0;
}

.ref_list {
	margin: 2px 0 0;
	padding: 0;
	color: #000000;
}
.ref_list li {
	display: inline;
	background-image: url(../medien/dot_grau_small.png);
	background-repeat: no-repeat;
	font-size: 11px;
	padding: 0 0 0 1.5em;
	margin: 0;
}
.ref_list li.nobor {
	padding: 0;
	background-image: none;
}

/* Front */
#front {
	display: block;
	width: 805px;
	overflow: hidden;
	margin-bottom: 12px;
	padding-top: 4px;
}
/* Medias */
#medias {
	display: block;
	width: 805px;
	overflow: hidden;
	margin-bottom: 5px;
}
#medias ul {
	display: block;
	margin: 0;
	padding: 0;
}
#medias li {
	display: inline;
	list-style-type: none;
	text-align: center;
	padding-right: 15px;
}
#medias .image {
}
#medias .audio {
	width: 320px;
}
#medias .audio object {
	margin-bottom: 150px;
}
#medias .video {
}
#medias .end {
	width: 500px;
}

#scroller {
	display: block;
	width: 805px;
	clear: both;
	padding-bottom: 15px;
}
#scroller #scroll_balken {
	display: block;
	width: 775px;
	float: left;
	background-image: url(/medien/balken.png)
}
#scroller #scroll_balken a {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(/medien/balken_knopf.png)
}
#scroller #scroll_balken a:hover {
	background-image: url(/medien/balken_knopf_over.png)
}
#scroller a {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
}
#scroller a span {
	display: none;
}
#scroller #scroll_left {
	background-image: url(/medien/pfeil_l.png)
}
#scroller #scroll_left:hover {
	background-image: url(/medien/pfeil_l_over.png)
}
#scroller #scroll_right {
	background-image: url(/medien/pfeil_r.png)
}
#scroller #scroll_right:hover {
	background-image: url(/medien/pfeil_r_over.png)
}
#scroll_target {
	background-color: #FF0000;
	position: absolute;
	left: 0;
	visibility: hidden;
}



#scroller2 {
	display: block;
	width: 805px;
	clear: both;
	padding-bottom: 15px;
}
#scroller2 #scroll_balken2 {
	display: block;
	width: 775px;
	float: left;
	background-image: url(/medien/balken.png);
}
#scroller2 #scroll_balken2 a {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(/medien/balken_knopf.png);
}
#scroller2 #scroll_balken2 a.dragging {
	cursor: e-resize;
}
#scroller2 #scroll_balken2 a:hover {
	background-image: url(/medien/balken_knopf_over.png);
}
#scroller2 a {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
}
#scroller2 a span {
	display: none;
}
#scroller2 #scroll_left2 {
	background-image: url(/medien/pfeil_l.png);
}
#scroller2 #scroll_left2:hover {
	background-image: url(/medien/pfeil_l_over.png);
}
#scroller2 #scroll_right2 {
	background-image: url(/medien/pfeil_r.png);
}
#scroller2 #scroll_right2:hover {
	background-image: url(/medien/pfeil_r_over.png);
}
#scroll_target2 {
	background-color: #FF0000;
	position: absolute;
	left: 0;
	visibility: hidden;
}


/* TAGs */

h1 {
	font-size: 23px;
	font-weight: bold;
	text-decoration: none;
	/*line-height: 16px;*/
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
}
h2 {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
p {
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	margin: 0 0 1em 0;
}
li {
	font-size: 11px;
}
a, a:link, a:visited {
	color: #00CCFF;
	text-decoration: none;
	outline: none;
}
a:hover, a:link:hover, a:visited:hover {
	color: #FF6600;
	text-decoration: none;
}

/* Div. Klassen */
.bigquote {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.175em;
	color: #FF6600;
}

.gruen {
	color: #336600;
}
.orange {
	color: #FF6600;
}
.blau {
	color: #00CCFF;
}
.grau {
	color: #999999;
}
.schwarz {
	color: #000000;
}
.weiss {
	color: #FFFFFF;
}

.color1 {
	color: #336600;
}
.color2 {
	color: #FF6600;
}
.color3 {
	color: #00CCFF;
}
.color4 {
	color: #999999;
}
.color5 {
	color: #000000;
}
.color6 {
	color: #FFFFFF;
}

.size1 {
	font-size: 23px;
}
.size2 {
	font-size: 11px;
}
.size3 {
	font-size: 11px;
}
.size4 {
	font-size: 11px;
}
.size5 {
	font-size: 11px;
}

.cleaner {
	clear: left;
	visibility: hidden;
	color: #000000;
	border-color: #000000;
	margin: 0;
	padding: 0;
	height: 1px;
}

/* Sortierbare Liste */
.sortable {
	margin: 0;
	padding: 0 0 0 1em;
}
.sortable li {
	font-size: 0.8em;
	cursor: move;
}
.sortable li a {
	font-size: 0.8em;
	margin-left: 1em;
	cursor: pointer;
}

/* Admin-Formular */
.form_admin {
	font-size: 1em;
	
}
.form_admin th {
	vertical-align: top;
	text-align: left;
}
.form_admin td {
	vertical-align: top;
}
.form_admin label {
	font-size: 0.8em;
	margin-right: 0.5em;
}
.form_admin input[type=text] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 450px;
}
.form_admin textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 450px;
}
.form_admin select {
	width: 200px;
}
.form_admin select option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Farbliste */
.farbliste {
	margin: 0;
	padding: 0;
}
.farbliste li {
	display: block;
	float: left;
	margin: 0.5em;
	padding: 1.5em;
	border: medium solid #000000;
	font-size: 0.7em;
	color: #000000;
}
.farbliste span {
	display: block;
	color: #FFFFFF;
	margin-top: 0.3em;
}
.farbliste .col1 {
	background-color: #336600;
}
.farbliste .col2 {
	background-color: #FF6600;
}
.farbliste .col3 {
	background-color: #00CCFF;
}
.farbliste .col4 {
	background-color: #999999;
}
.farbliste .col5 {
	background-color: #000000;
}
.farbliste .col6 {
	background-color: #FFFFFF;
}

.imgViewer {
	position: absolute;
	margin-left: 300px;
}


.butUp,
.butDown {
	width: 30px;
}
.butLeft,
.butRight {
	width: 30px;
}
input[type=submit],
input[type=button] {
	border: 1px solid #000000;
	background-color: #999999;
	margin: 0 3px;
	color: #000000;
}
input[type=submit]:hover,
input[type=button]:hover {
	border: 1px solid #000000;
	background-color: #999999;
	margin: 0 3px;
	color: #FFFFFF;
}