/*----------------------------------------------------------------------------------------------------
                                            Allgemein
----------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	outline: 0;
	padding: 0;
}

html {
    height: 101%;
}

body {
	background-color: #28234c;
	color: #333333;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

h1 {
	color: #28234c;
	font-size: 22px;
	height: 24px;
	margin: 0px 0px 20px 0px;
	width: 660px;
}

h2 {
	color: #28234c;
	font-size: 14px;
	margin: 20px 0px 8px 0px;
}

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

a img {
	border: none;
}

form p {
	margin: 0px 0px 2px 0px;
}

input,textarea {
    background-color: transparent;
    border: solid 1px #ada7c5;
	color: #333333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px 0px 12px 0px;
	padding: 2px 2px 2px 2px;
}

input {
	width: 260px;
}

textarea {
	width: 480px;
}

.bold {
	font-weight: bold;
}

.clearbreak {
	clear: both;
}

.error,.success {
	color: #ba7214;
	margin: 0px 0px 10px 0px;
}

.invisible {
	display: none;
}

.smaller {
	font-size: 10px;
}

.text {
	padding: 0px 0px 10px 0px;
}





/*----------------------------------------------------------------------------------------------------
                                           Kopfbereich
----------------------------------------------------------------------------------------------------*/

#background {
	height: 312px;
	width: 100%;
}

#background img {
	height: 312px;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index: -1;
}

#header {
	background-image: url(../images/page.jpg);
	background-repeat: no-repeat;
	height: 312px;
	margin: -312px auto 0px auto;
	text-align: left;
	width: 1000px;
}

#logo {
	height: 105px;
	margin: 10px 0px 0px 0px;
	position: absolute;
	width: 406px;
}

#logo a {
	background-image: url(../images/page.jpg);
	background-position: 0px -466px;
	background-repeat: no-repeat;
	display: block;
	height: 105px;
	width: 406px;
}

#nav_firma {
	height: 76px;
	margin: 60px 0px 0px 490px;
	position: absolute;
	width: 226px;
}

#nav_firma a {
	background-image: url(../images/page.jpg);
	background-position: 0px -313px;
	background-repeat: no-repeat;
	display: block;
	height: 76px;
	width: 226px;
}

#nav_firma a:hover {
	background-position: 0px -389px;
}

#header .active_nav_firma a {
	background-position: 0px -389px;
}

#nav_galerie {
	height: 76px;
	margin: 50px 0px 0px 735px;
	position: absolute;
	width: 226px;
}

#nav_galerie a {
	background-image: url(../images/page.jpg);
	background-position: -681px -313px;
	background-repeat: no-repeat;
	display: block;
	height: 76px;
	width: 226px;
}

#nav_galerie a:hover {
	background-position: -681px -389px;
}

#header .active_nav_galerie a {
	background-position: -681px -389px;
}

#nav_produkte {
	height: 76px;
	margin: 157px 0px 0px 519px;
	position: absolute;
	width: 226px;
}

#nav_produkte a {
	background-image: url(../images/page.jpg);
	background-position: -227px -313px;
	background-repeat: no-repeat;
	display: block;
	height: 76px;
	width: 226px;
}

#nav_produkte a:hover {
	background-position: -227px -389px;
}

#header .active_nav_produkte a {
	background-position: -227px -389px;
}

#nav_kontakt {
	height: 76px;
	margin: 137px 0px 0px 770px;
	position: absolute;
	width: 226px;
}

#nav_kontakt a {
	background-image: url(../images/page.jpg);
	background-position: -454px -313px;
	background-repeat: no-repeat;
	display: block;
	height: 76px;
	width: 226px;
}

#nav_kontakt a:hover {
	background-position: -454px -389px;
}

#header .active_nav_kontakt a {
	background-position: -454px -389px;
}





/*----------------------------------------------------------------------------------------------------
                                          Hauptbereich
----------------------------------------------------------------------------------------------------*/

#content_container {
	background-color: #dddaf2;
}

#content {
	background-image: url(../images/background_horizontal.png);
	background-repeat: repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
	width: 1000px;
}

#content_left {
	float: left;
	margin: 0px 0px 0px 50px;
	text-align: left;
	width: 660px;
}

#headline_firma {
	background-image: url(../images/page.jpg);
	background-position: 0px -588px;
	background-repeat: no-repeat;
}

#headline_galerie {
	background-image: url(../images/page.jpg);
	background-position: -661px -588px;
	background-repeat: no-repeat;
}

#headline_produkte {
	background-image: url(../images/page.jpg);
	background-position: 0px -613px;
	background-repeat: no-repeat;
}

#headline_produktverwaltung {
	background-image: url(../images/page.jpg);
	background-position: -661px -613px;
	background-repeat: no-repeat;
}

#headline_newsverwaltung {
	background-image: url(../images/page.jpg);
	background-position: 0px -638px;
	background-repeat: no-repeat;
}

#headline_kontakt {
	background-image: url(../images/page.jpg);
	background-position: -661px -638px;
	background-repeat: no-repeat;
}

#headline_impressum {
	background-image: url(../images/page.jpg);
	background-position: 0px -663px;
	background-repeat: no-repeat;
}

#content_right {
	float: right;
	margin: 0px 50px 0px 0px;
	padding: 9px 0px 0px 0px;
	text-align: left;
	width: 220px;
}

#content_right a:hover {
	text-decoration: underline;
}

#content_container .list {
	float: left;
	margin: 5px 0px 10px 0px;
	width: 394px;
}

#content_container .list li {
   background-image: url(../images/page.jpg);
   background-position: -985px -672px;
   background-repeat: no-repeat;
   list-style: none;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 0px 20px;
}

#content_container .button {
	background-color: transparent;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	font-size: 11px;
	height: 24px;
	margin: 0px 0px 10px -4px;
	width: 80px;
}

#content_container #content_right .button {
	margin: 0px 0px 0px -4px;
}

#content_container .button:focus {
    background-position: 0px -24px;
	padding: 1px 0px 0px 0px;
}

#content_container .button_link {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	font-size: 11px;
	height: 24px;
	margin: -34px 0px 0px 80px;
	width: 80px;
}

#content_container .button_link p {
	padding: 4px 0px 0px 0px;
	text-align: center;
	width: 80px;
}

#content_container .button_link:focus {
    background-position: 0px -24px;
}

#content_container .button_link:focus p {
	padding: 5px 0px 0px 0px;
}



/*------------ Inhalt rechts allgemein -------------*/

#content_container .table {
	margin: 10px 10px 15px 10px;
	width: 200px;
}

#content_container .table .top {
	background-image: url(../images/page.jpg);
	background-position: -407px -527px;
	background-repeat: no-repeat;
	height: 20px;
	padding: 0px 15px 0px 15px;
}

#content_container .table .body {
	background-image: url(../images/background_horizontal.png);
	background-position: -1000px 0px;
	background-repeat: repeat-y;
	padding: 4px 15px 0px 15px;
}

#content_container .table .bottom {
	background-image: url(../images/page.jpg);
	background-position: -407px -548px;
	background-repeat: no-repeat;
	height: 10px;
}

#content_container .table span {
	background-color: #c6c3d9;
	color: #27234c;
	font-size: 14px;
	margin: 0px 0px 0px -5px;
	padding: 0px 5px 0px 5px;
}



/*---------------- Firma allgemein -----------------*/

#produktpalette_image {
	background-image: url(../images/produktpalette_image.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 164px;
	margin: 5px 0px 0px 0px;
	width: 246px;
}

#produktpalette_image p {
	font-size: 11px;
	margin: 170px 0px 0px 0px;
	text-align: center;
}

#content_container .link_galerie {
	background-image: url(../images/page.jpg);
	background-position: -986px -392px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
}

#content_container .link_galerie:hover {
	text-decoration: underline;
}

#link_aktuellerkatalog {
	background-image: url(../images/page.jpg);
	background-position: -940px -527px;
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	margin: 5px 0px -5px 55px;
	width: 60px;
}

#content_container .news_date {
	color: #848094;
	font-size: 10px;
	margin: 5px 0px 0px 0px;
	text-align: right;
}



/*---------------- Galerie allgemein ---------------*/

#content_container .galerie_preview {
	width: 670px;
}

#content_container .galerie_preview a {
	display: block;
	float: left;
	height: 83px;
	margin: 0px 10px 10px 0px;
	width: 124px;
}



/*-------------- Produkte allgemein ----------------*/

#nav_produkte_aktuellerkatalog {
	height: 30px;
	margin: -930px 0px 0px 36px;
	position: absolute;
	width: 296px;
}

#nav_produkte_aktuellerkatalog a {
	background-image: url(../images/page.jpg);
	background-position: -407px -466px;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 296px;
}

#nav_produkte_aktuellerkatalog a:hover {
	background-position: -407px -496px;
}

#content_container .active_nav_produkte_aktuellerkatalog a {
	background-position: -407px -496px;
}

#nav_produkte_haendlerpreisliste {
	height: 30px;
	margin: -930px 0px 0px 332px;
	position: absolute;
	width: 296px;
}

#nav_produkte_haendlerpreisliste a {
	background-image: url(../images/page.jpg);
	background-position: -703px -466px;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 296px;
}

#nav_produkte_haendlerpreisliste a:hover {
	background-position: -703px -496px;
}

#content_container .active_nav_produkte_haendlerpreisliste a {
	background-position: -703px -496px;
}

#content_container .login_failed {
	color: #ba7214;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

#content_container .table table {
	margin: 0px;
	width: 170px;
}

#content_container .table table .label {
	padding: 2px 0px 0px 0px;
	vertical-align: top;
	width: 60px;
}

#content_container .table table input {
	width: 104px;
}

#content_container .put-in:hover, .put-in:focus {
	background-color: #dddaf2;
}

#content_container .download {
	background-image: url(../images/page.jpg);
	background-position: -986px -358px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}



/*--------------- Produktverwaltung ----------------*/

#content_container .link_adminbereich {
	background-image: url(../images/page.jpg);
	background-position: -986px -377px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
}

#content_container .link_adminbereich_active {
	background-image: url(../images/page.jpg);
	background-position: -986px -377px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	text-decoration: underline;
}

#produktverwaltung_overview div {
	float: left;
	margin: 0px 27px 10px 0px;
	width: 105px;
}

#produktverwaltung_overview div p {
	float:left;
}

#produktverwaltung_overview div a {
	display: block;
	float: right;
	height: 18px;
	margin: 0px 0px 0px 1px;
	width: 18px;
}

#produktverwaltung_overview .view {
	background-image: url(../images/page.jpg);
	background-position: -883px -527px;
	background-repeat: no-repeat;
}

#produktverwaltung_overview .view:hover {
	background-position: -883px -545px;
}

#produktverwaltung_overview .edit {
	background-image: url(../images/page.jpg);
	background-position: -902px -527px;
	background-repeat: no-repeat;
}

#produktverwaltung_overview .edit:hover {
	background-position: -902px -545px;
}

#produktverwaltung_overview .delete {
	background-image: url(../images/page.jpg);
	background-position: -921px -527px;
	background-repeat: no-repeat;
}

#produktverwaltung_overview .delete:hover {
	background-position: -921px -545px;
}

#content_conrtainer .line {
	width: 150px;
}

#content_conrtainer .textarea {
	height: 102px;
	width: 400px;
}



/*-------------------- Kontakt --------------------*/

#content_container .day {
	float: left;
}

#content_container .time {
	margin-left: 65px;
}



/*----------------------------------------------------------------------------------------------------
                                            Fu§bereich
----------------------------------------------------------------------------------------------------*/

#footer {
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	color: #aaaaaa;
	font-size: 10px;
	height: 50px;
	margin: -10px 0px 0px 0px;
}

#footer a {
	color: #aaaaaa;
}

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

#footer p {
	padding: 22px 0px 0px 0px;
}





/*----------------------------------------------------------------------------------------------------
                                         jQuery AnythingSlider
----------------------------------------------------------------------------------------------------*/

.anythingSlider {
	height: 883px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 17px 0px;
	position: relative;
	width: 663px;
}

.anythingSlider .wrapper {
	height: 842px;
	left: 0px;
	margin: 0px 0px 0px 34px;
	overflow: auto;
	position: absolute;
	top: 0px;
	width: 595px;
}

.anythingSlider .wrapper ul {
	background: #27234c;
	left: 0px;
	list-style: none;
	position: absolute; 
	top: 0px;
	width: 59500px;
}

.anythingSlider .wrapper ul li {
	display: block;
	float: left;
	height: 842px;
	margin: 0px;
	padding: 0px;
	width: 595px;
}

.anythingSlider .arrow {
	background: url(../images/page.jpg);
	cursor: pointer;
	display: block;
	height: 74px;
	position: absolute;
	text-indent: -9999px;
	top: -457px;
	width: 34px;
}

.anythingSlider .forward {
	background-position: -908px -313px;
	right: 0px;
}

.anythingSlider .back {
	background-position: -942px -313px;
	left: 0px;
}

.anythingSlider .forward:hover {
	background-position: -908px -387px;
}

.anythingSlider .back:hover {
	background-position: -942px -387px;
}

.thumbNav {
	padding: 0px 10px 0px 34px;
	position: relative;
	text-align: left;
	top: 847px;
}

.thumbNav li {
	display: inline;
}

.thumbNav a {
	background: url(../images/page.jpg);
	background-position: -977px -313px;
	background-repeat: no-repeat;
	color: #28234c;
	display: inline-block;
	font-family:  Arial, Verdana, sans-serif;
	height: 18px;
	margin: 3px 3px 0px 0px;
	padding: 2px 2px 2px 3px;
	text-align: center;
	width: 18px;
}

.thumbNav a:hover {
	background-image: url(../images/page.jpg);
	background-position: -977px -335px;
	background-repeat: no-repeat;
	color: #dddaf2;
}

.thumbNav a.cur {
	background-image: url(../images/page.jpg);
	background-position: -977px -335px;
	background-repeat: no-repeat;
	color: #dddaf2;
}

.anythingSlider .wrapper ul ul {
	background: none;
	border: 0px;
	margin: 0px;
	overflow: visible;
	position: static;
	width: auto;
}

.anythingSlider .wrapper ul ul li {
	background: none;
	float: none;
	height: auto;
	width: auto;
}

.wrapper_shadow {
	background-image: url(../images/wrapper_shadow.png);
	background-repeat: no-repeat;
	height: 856px;
	margin: -907px 0px 0px 27px;
	position: absolute;
	width: 609px;
}





/*----------------------------------------------------------------------------------------------------
                                        jQuery piroBox
----------------------------------------------------------------------------------------------------*/

.piro_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#fff; display: none; z-index:99997; }
.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(../images/pirobox/ajax-loader.gif) center center no-repeat!important;background: url(../images/pirobox/ajax-loader.gif) center center no-repeat;}
.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}
a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(../images/pirobox/close_btn.png) no-repeat;cursor:pointer;z-index:100006;}
a:hover.piro_close{background:url(../images/pirobox/close_btn_h.png) no-repeat;}
a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(../images/pirobox/next.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001}
a:hover.piro_next{background:url(../images/pirobox/next_h.png) center right no-repeat;}
a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(../images/pirobox/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000}
a:hover.piro_prev{background:url(../images/pirobox/prev_h.png) center left no-repeat;}
.pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width: 800px; height: 600px; margin:-300px 0 0 -400px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}
.t_l{background:url(../images/pirobox/t_l.png) no-repeat; width:20px; height:20px;}
.t_r{background: url(../images/pirobox/t_r.png) no-repeat; width:20px; height:20px;}
.t_c{height:20px; background:url(../images/pirobox/t_c.png) repeat-x;}
.c_l{width:20px; background: url(../images/pirobox/c_l.png) repeat-y;}
.c_c{background:white; margin:0; padding:0;}
.c_c div{width:760px; height:560px; margin:0; padding:0 0 0px 0;}
.c_r{width:20px; background: url(../images/pirobox/c_r.png) repeat-y;}
.b_c{height:20px; background:url(../images/pirobox/b_c.png) repeat-x;}
.b_l{background:url(../images/pirobox/b_l.png) no-repeat; width:20px; height:20px;}
.b_r{background:url(../images/pirobox/b_r.png) no-repeat; width:20px; height:20px;}
.box_img{ position:absolute; z-index:99995; background: url(../images/pirobox/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:white; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red; font-weight:700;}
.number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;bottom:1px; font-size:11px;}
a.link_to {position:absolute;margin-right:6px;height:20px;width:20px;right:0;color:#999;bottom:3px; background:url(../images/pirobox/link_out.png) no-repeat; text-indent:-999em;}
a:hover.link_to { background:url(../images/pirobox/link_out_h.png) no-repeat;}
a.play{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/pirobox/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;}
a:hover.play{background:url(../images/pirobox/play_h.png) no-repeat;}
a.stop{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/pirobox/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;}
a:hover.stop{background:url(../images/pirobox/pause_h.png) no-repeat;}