/* ############################################################ */
/* ##                                                        ## */
/* ##  A L L G E M E I N                                     ## */
/* ##                                                        ## */
/* ############################################################ */

.spaltenende {
	clear:   both;
	margin:  0;
	padding: 0;
}





body {

	font-family: Verdana, Arial;
	font-size: small;
	color: #294293;
	background-color: #DDDDDD;
/*  	background-image: url(../images/bodyback.png);
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: repeat-x; */
	padding: 1em;
	margin: 0;


}


#pagecenter {
	text-align: center;
	margin:     0 auto;
	width:      980px;

}

#wrapperouter {
	padding:            10px;
		background-color:   #FFFFFF;
	-moz-box-shadow:        0 0 15px #333333;
	-webkit-box-shadow:     0 0 15px #333333;
	box-shadow:             0 0 15px #333333;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}


#wrapper {
	text-align: left;
}

img {
	border:0;
	padding: 0;
	margin: 0;
}

a:link, a:visited, a:focus {
	color: #294293;
}

/* ############################################################ */
/* ##                                                        ## */
/* ##  K O P F L E I S T E                                   ## */
/* ##                                                        ## */
/* ############################################################ */

#header {
	position: relative;
}

#header #backlink {
	position:   absolute;
	top:        0;
	width:      209px;
	left:       751px;
	text-align: center;
}

#backlink:after {
	content:     " ";
	display:     block;
	line-height: 1px;
	font-size:   1px;
	clear:       both;
	color:       #FFFFFF;
}

#header #backlink ul {
	margin:     0;
	padding:    0;
	list-style: none;
}

#header #backlink ul li a {
	font-size:        medium;
	font-weight:      bolder;
	border-top:       1em solid #E99800;
	padding-top:      0.3em;
	padding-bottom:   1.1em;
	background-color: #E99800;
	color:            #363636;
	text-decoration:  none;
	display:          block;
	width:            100%;
}

#header #backlink ul li a:hover {
	color:            #294293;
	border-top:       1em solid #FFFFFF;
	background-color: #294293;
	color:            #FFFFFF;
	padding-bottom:   1.1em;
}

#backlinkborderbottom {
	position:      absolute;
	right:         0;
	bottom:        0;
	width:         210px;
	border-bottom: 1px solid #FFFFFF;
}

#kopf {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF; /*#294293;*/
	border-bottom: 2px solid #FFFFFF;
	margin-left: 3px;
}

#kopf ul {
	background-color: #FFFFFF; /*#294293;*/
	width:            100%;
	margin:           0;
	padding:          0;
	margin-left:      -1px; /* wegen dem IE7!!! */
}

#kopf:after {
	content:     " ";
	display:     block;
	line-height: 1px;
	font-size:   1px;
	clear:       both;
	color:       #FFFFFF;
}

#kopf li {
	margin:       0;
	padding:      0;
	text-align:   center;
	list-style:   none;
	float:        left;
	width:        185px;
	border-right: 2px solid #FFFFFF;
	height:       4.5em;
}

#kopf li.last {
	border-right: 0px;
}


#kopf li a {
	font-size:        medium;
	font-weight:      bolder;
	border-top:       1em solid #294293;
	padding-bottom:   1.3em;
	padding-top:      0.3em;
	background-color: #294293;
	color:            #FFFFFF;
	text-decoration:  none;
	display:          block;
	width:            100%;
}

#kopf li a:hover,
#kopf li a.aktiv {
	border-top:       1em solid #FFFFFF;
	padding-bottom:   1.3em;
	background-color: #E99800;
	color:            #363636;
}

#kopf li a strong {
	font-weight: normal;
}

#kopf li li {
	height: auto;
	border: 0;
}

#kopf li li a {
	font-size:   small;
	font-weight: normal;
	border-top:  0;
	padding:     0.5em 0;
/* 	background:  #FDD69D;
	color:       #294293; */
	
	background:  #294293;
	color:       #FFFFFF;

}

#kopf li li a:hover,
#kopf li li a.aktiv {
	color:      #FFFFFF;
	background: #E99800;
	color:      #363636;
	border-top: 0;
	padding:    0.5em 0;
}

#kopf li ul {
	margin-left: -2px;
	width:       185px;
 	border:      2px solid #FFFFFF;
	/* border-top: 0; */
}

#kopf li:hover ul,
#kopf li.sfHover ul {
	               top: 4.5em;
	   -moz-box-shadow: 0 3px 3px #333333;
	-webkit-box-shadow: 0 3px 3px #333333;
	        box-shadow: 0 3px 3px #333333;
}


/* ############################################################ */
/* ##                                                        ## */
/* ##  B R E A D C R U M B   N A V I G A T I O N             ## */
/* ##                                                        ## */
/* ############################################################ */

#breadcrumb {
	background: #DEDEDE;
	border-bottom: 1px solid #D3D3D3;
	padding: 3px 0.5em;
	margin-right: 2px;
}

#breadcrumb a:hover {
	text-decoration: none;
}

/* ############################################################ */
/* ##                                                        ## */
/* ##  S U B N A V I G A T I O N                             ## */
/* ##                                                        ## */
/* ############################################################ */

#subnav_level2 {
	border-right: 2px solid #FFFFFF;
	margin-top:   0.3em;
}

#subnav_level2 ul {
	margin:     0;
	padding:    0;
	list-style: none;
	width:      100%;
	display:    block;
	overflow:   hidden;
}

#subnav_level2 ul li {
	float:   left;
	margin:  0;
	padding: 3px 3px;
}

#subnav_level2 ul li a {
	font-size:             80%;
	text-align:            center;
	background:            #294293;
	color:                 #FFFFFF;
	display:               block;
	width:                 165px;
	border:                1px solid #ABABAB;
	padding:               0.5em 5px;
	text-decoration:       none;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
}

#subnav_level2 ul li a:hover {
	background-color:   #E99800;
	color:              #363636;
	border:             1px solid #ABABAB;
	-moz-box-shadow:    0 0 5px #333333;
	-webkit-box-shadow: 0 0 5px #333333;
	box-shadow:         0 0 5px #333333;
}

/* ############################################################ */
/* ##                                                        ## */
/* ##  I N H A L T                                           ## */
/* ##                                                        ## */
/* ############################################################ */

#main {
background-color: #EEEEEE;
border-right: 1px solid #DEDEDE;
border-left: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;

	background-image:  url(../images/contentback.png);
	background-repeat: repeat-y;
	overflow:          hidden;

}

#bild {
	position:            relative;
	background-image:    url(../images/logo.gif);
	background-repeat:   no-repeat;
	background-position: 758px;
	height:              150px;
	padding:             0;
	margin:              0;
	background-color:    #FDD69D;
	border-bottom:       2px solid #FFFFFF;
	/* background-color: #FFCC66; */
}


#slider {
	width:            748px;
	height:           150px;
	position:         relative;
	border-right:     2px solid #FFFFFF;
	background-image: url(../images/Farbeimer.jpg);
}

.nivoSlider img {
	position: absolute;
	top:      0px;
	left:     0px;
	display:  none;
}

.nivoSlider a {
	border:  0;
	display: block;
}

.nivoSlider .nivo-controlNav {
	position:    absolute;
	left:        50%;
	bottom:      -42px;
    margin-left: -40px; /* Tweak this to center bullets */
}
.nivoSlider .nivo-controlNav a {
	display:      block;
	width:        22px;
	height:       22px;
	background:   url(../images/bullets.png) no-repeat;
	text-indent:  -9999px;
	border:       0;
	margin-right: 3px;
	float:        left;
}
.nivoSlider .nivo-controlNav a.active {
	background-position: 0 -22px;
}

.nivoSlider .nivo-directionNav a {
	display:     block;
	width:       30px;
	height:      30px;
	background:  url(../images/arrows.png) no-repeat;
	text-indent: -9999px;
	border:      0;
}
.nivoSlider a.nivo-nextNav {
	background-position: -30px 0;
	right:               15px;
}
.nivoSlider a.nivo-prevNav {
	left: 15px;
}

.nivoSlider .nivo-caption {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: bolder;
	background:#000;
	color:#fff;
}
.nivoSlider .nivo-caption a {
    color:         #fff;
    border-bottom: 1px dotted #fff;
}
.nivoSlider .nivo-caption a:hover {
    color:#fff;
}

#web20 {
	position:   absolute;
	top:        2px;
	right:      3px;
}

#web20 p {
	margin:  0;
	padding: 0;
}

#suche {
	position: absolute;
	bottom:   2px;
	left:     752px;
}

#suche * {
	margin:  0;
	padding: 0;
}

#suche fieldset { border: 0; }
#suche label { display: none;}

#suche input {
	width:   134px;
	padding: 2px;
	border:  1px solid #E99800;
}

#suche button {
	width: 60px;
	padding: 2px;
	cursor: pointer;
}



#webshoplink {
	position: absolute;
	bottom:   3px;
	left:     753px;
}

#webshoplink p {
	margin:  0;
	padding: 0;
}

#webshoplink p a {
	width:                 116px;
	display:               block;
	text-align:            center;
	font-size:             medium;
	font-weight:           bolder;
	text-decoration:       none;
	padding:               0.2em 0;
	color:                 #363636;
	background:            #E99800;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;

}

#webshoplink p a:hover {
	color:              #FFFFFF;
	background:         #294293;
	-moz-box-shadow:    0 0 10px #333333;
	-webkit-box-shadow: 0 0 10px #333333;
	box-shadow:         0 0 10px #333333;
}


#inhalt_spalte {
	margin:  0;
	padding: 0em;
	float:   left;
	width:   750px;
	/* background-color: #FFFFFF; */
}

#inhalt_spalte h1 {
	font-size:        180%;
	margin:           0;
	padding:          0.3em;
	background-color: #294293;
	color:            #FFFFFF;
	border-right:     2px solid #FFFFFF;
	border-bottom:    1px solid #2B3E7E;
}

#inhalt_spalte #inhalt {
margin: 0;
padding: 0 0.5em 0.5em 0.5em;
overflow: hidden;
}

/* ############################################################ */
/* ##                                                        ## */
/* ##  N A V I G A T I O N   R E C H T S                     ## */
/* ##                                                        ## */
/* ############################################################ */

#col_right {
	width:    198px;
	float:    right;
	padding:  0 5px 1em 5px;
	overflow: hidden;
}

#col_right * {
	margin:  0;
	padding: 0;
}


#col_right h1 {
	font-size:        180%;
	margin:           0 -5px 5px -5px;
	padding:          0.3em;
	background-color: #294293;
	color:            #FFFFFF;
	border-bottom:    1px solid #2B3E7E;
	text-align:       center;
}

#col_right form {
	padding: 0.5em 0;
}

#col_right form label {
	cursor: pointer;
	 width: 100%;
}

#col_right form button,
#col_right form textarea,
#col_right form input {
	  width: 195px;
	 border: 1px solid #ABABAB;
	padding: 2px !important;
}

#col_right form textarea {
	height: 4em;
}

#col_right form button:hover,
#col_right form textarea:hover,
#col_right form input:hover, 
#col_right form textarea:focus,
#col_right form input:focus {
	  background-color: #E99800;
	            border: 1px solid #ABABAB;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

#col_right form button {
	     width: 50%;
	     float: right;
	text-align: center !important;
	margin-top: 0.5em  !important;
}

#col_right form fieldset {
	border: 0;
}

#col_right form label span,
#col_right form legend {
	display: none;
}

#col_right .formular_error {
	font-weight: bolder;
	      color: #CC0000;
}

#col_right h3 {
	margin-top: 0.5em !important;
}

#col_right h3.contactform {
margin: 20px -5px 0 -5px;
background: #294293;
color: #FFFFFF;
padding: 5px;
}

#col_right input.spamfeld {
	width: 25% !important;
}


#col_right p.klein {
	margin-top: 1em !important;
}


/* ############################################################ */
/* ##                                                        ## */
/* ##  F U S S L E I S T E                                   ## */
/* ##                                                        ## */
/* ############################################################ */

#fuss {
	background:         #FDD69D;
	overflow:           hidden;
	text-align:         center;
	-moz-box-shadow:    0 0 15px #333333;
	-webkit-box-shadow: 0 0 15px #333333;
	box-shadow:         0 0 15px #333333;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius:  3px;
	-moz-border-radius-bottomright:     3px;
	-moz-border-radius-bottomleft:      3px;
	border-bottom-right-radius:         3px;
	border-bottom-left-radius:          3px;

}

#fusswrap {
	    margin: 0.5em 0.5em;
	     width: 980px;

}

#fuss ul {
	 margin: 0;
	padding: 0;
	font-size: medium;
}

#fuss li {
margin: 0;
padding: 0;
text-align: center;
list-style: none;
float: left;
}

#fuss li a {
display: block;
padding: 0.5em 1em;
text-decoration: none;
	color: #363636;
font-weight: bolder;

}

#fuss li a:hover {
	background: #294293;
	color:      #FFFFFF;
	-moz-box-shadow:    0 0 15px #333333;
	-webkit-box-shadow: 0 0 15px #333333;
	box-shadow:         0 0 15px #333333;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
}

#fuss li a strong {
	font-weight: normal;
}

/* IE 6 */
* html #fuss {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

/*
###########################################################
##
##  Boxen
##
###########################################################
*/

.box_orange,
.box_gelb {
	            border: 1px solid #999999;
	           padding: 0.5em;
	          overflow: hidden;
	             float: left;
	            margin: 0.5em 2.5% 1em 0;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	             clear: left;
	             width: 95%;
	             color: #000000;
}

.box_gelb {
	background-color: #FFFFCC;
}

.box_orange {
	background-color: #FDD69D;
}


.box {
	            border: 1px solid #999999;
	 background-color: #CDCDCD;
	 /*  background-color: #FDD69D; */
	           padding: 0.5em;
	          overflow: hidden;
	             float: left;
	            margin: 0.5em 2.5% 1em 0;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

.box1 {
	clear: left;
	width: 95%;
}

.box2 {
	width: 45%;
}

.box h2 {
	     margin: 0;
	    padding: 0;
	text-shadow: 2px 2px 0 #DDDDDD;
}

/*
###########################################################
##
##  REFERNZEN
##
###########################################################
*/

#referenzen .scrollable {
	          border:1px solid #AAA;
	          margin: 0 0 1em 0;
	background-color: #DEDEDE;
	           width: 620px !important;
	          height: 600px !important;

}

#referenzen .items div {
	         padding: 0.5em;
	background-color: #DEDEDE;
	           width: 620px !important;
}


#referenzen .items img {
	text-align: center;
	margin: 0 auto;
}

#referenzen .items h3 {
	 margin: 0;
	padding: 0;
	font-size: 150%;
}

#referenzen .items ul {
	 margin: 0.5em 0 0.5em 2em;
	padding: 0;
}

#referenzen a.browse {
	margin: 80px 5px !important;
}


#schlagwoerter {
	         text-align: center;
	             margin: 0em auto;
/*	   background-image: url(../images/clouds.jpg);
	background-position: center;
	            padding: 1em;
	         text-align: center;
	             margin: 1em;
	             border: 1px solid #555555;
	             height: 400px;
	              width: 400px;*/
}

#schlagwoerter a {
	line-height: 1em;
	      color: #000000;
	/*text-decoration: none;
	font-weight: bolder;*/
}

#schlagwoerter ol {
	list-style-type: none;
	         margin: 1em;
	        padding: 0;
}

#schlagwoerter ol li {
	 margin: 0;
	padding: 0;
	display: inline;
}
/*
#schlagwoerter {
border: 1px solid #CC0000;
	           position: relative;
	             margin: 0 auto;
	             height: 200px;
	              width: 690px;
	           overflow: hidden;
	           position: relative;
	   background-image: url(../images/clouds.jpg);
	background-position: center;
}

#schlagwoerter ol,
#schlagwoerter li {
	list-style: none;
	    margin: 0;
	   padding: 0;
}

/*
#schlagwoerter {


}

#schlagwoerter ol,
#schlagwoerter li {
	list-style: none;
	    margin: 0;
	   padding: 0;
}

#schlagwoerter a{
	       position: absolute;
	text-decoration: none;
	          color: #000;
}

#schlagwoerter a:hover{
	color:#ccc;
}*/

#schlagwoertergebnis h3 {
	     float: left;
	     color: #386598;
	text-align: right;
	     width: 9.5em;
}

#schlagwoertergebnis ul {
	margin-left: 10em;
}

/* ##################################################### */

.domaincheck fieldset {
	background-color: #CDCDCD;
	border: 0;
}

.domaincheck legend {
	font-weight: bolder;
}

table {
	border-collapse: collapse;
	   -moz-box-shadow: 5px 5px 15px #666666;
	-webkit-box-shadow: 5px 5px 15px #666666;
	        box-shadow: 5px 5px 15px #666666;
	margin-bottom: 0.5em;
}
table th {
	background-color: #294293;
	           color: #FFFFFF;
	         padding: 0.5em;
	     text-shadow: 1px 1px 0 #111111;
	     font-weight: bolder;
}

table tr {
	background-color: #CDCDCD;
	/* background-color: #FDD69D; */
	
}

table td {
	border-top: 1px solid #FFFFFF;
	   padding: 0.5em;
}

.spaltenende {
	     clear: left;
	   display: block;
	    height: 0;
	  overflow: hidden;
	visibility: hidden;
	    height: 0;
	 font-size: 0;
}
/* ######################################################## */

.apple_overlay {
	display:none;
	background-image:url(../images/transparent.png);
	width:640px;
	padding:35px;
	font-size:11px;
}

.apple_overlay .close {
	background-image: url(../images/close.png);
	        position: absolute;
	           right: 5px;
	             top: 5px;
	          cursor: pointer;
	          height: 35px;
	           width: 35px;
}

#overlay {
	background-image: url(../images/white.png);
	           color: #111111;
	          height: 450px;
}

div.contentWrap {
	    height: 441px;
	overflow-y: auto;
}

/* ######################################################## */



.paket {
	border: 1px solid #999999;
	background-color: #CDCDCD;
/* 	 background-color: #FDD69D; */
	padding: 0.5em;
	overflow: hidden;
	float: left;
	width: 45%;
	margin: 0.5em 1em 0.5em 0;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	height: 200px;
}

.paket h2 {
	     margin: 0;
	    padding: 0;
	text-shadow: 2px 2px 0 #DDDDDD;
}

.paket p.price {
	font-weight: bolder;
	  font-size: 125%;
	      float: right;
	 text-align: right;
}


.webmail label {
	text-align: right;
	padding-right: 0.5em;
	font-weight: bolder;
	   width: 20em;
	   float: left;
	overflow: hidden;
}

.webmail button {
	            border: 0;
	           padding: 0.1em 1em;
	  background-color: #294293;
	            cursor: pointer;
	             color: #EEEEEE;
	            border: 1px solid #ABABAB;
	       margin-left: 20.5em;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	             width: 10em;
}

.webmail input {
	  width: 20em;
	 border: 1px solid #ABABAB;
	padding: 2px !important;
}

.webmail input:hover, 
.webmail input:focus {
	  background-color: #E99800;
	            border: 1px solid #ABABAB;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

/* ######################################################## */

#faq_cat {
	   float: right;
	   width: 200px;
	overflow: hidden;
}

#faq_cat ul {
	list-style: none;
	   padding: 0;
	    margin: 0.8em 0 0 0;
}

#faq_cat ul li a {
	       font-weight: bolder;
	   text-decoration: none;
	           padding: 1em 0.5em;
	           display: block;
	             width: 180px;
	  background-color: #ABABAB;
	             color: #222222;
	            margin: 0.5em 0;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

#faq_cat ul li a.aktiv {
	background-color: #E99800;
	           color: #222222;
}

#faq_cat ul li a:hover {
	  background-color: #294293;
	             color: #FFFFFF;
	   -moz-box-shadow: 0px 0px 0px #666666;
	-webkit-box-shadow: 0px 0px 0px #666666;
	        box-shadow: 0px 0px 0px #666666;
}

#faq_cat form {

}

#faq_cat form fieldset {
	       font-weight: bolder;
	           padding: 5px 5px;
	           display: block;
	             width: 185px;
	  background-color: #ABABAB;
	             color: #222222;
	            margin: 1em 0;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	            border: 0;
}

#faq_cat form legend {
	             width: 185px;
	       font-weight: bolder;
	         font-size: medium;
	  background-color: #294293;
	             color: #FFFFFF;
	           padding: 0 5px;
	            margin: 0 -5px;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

#faq_cat form input {
	width: 178px;
	border: 1px solid #999999;
	padding: 3px;
}
#faq_cat form button {
	     width: 50%;
	     float: right;
	margin-top: 5px;
}

#faq_entry {
	margin-right: 210px;
	    overflow: hidden;
}

#faq_entry .faq_eintrag {
	  background-color: #DEDEDE;
	           padding: 0;
	            margin: 0.7em 0.2em 0.7em 0;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	          overflow: hidden;
}

#faq_entry .faq_eintrag h2 {
	       font-family: Arial;
	           padding: 0.3em;
	            margin: 0;
	  background-color: #294293;
	             color: #FFFFFF;
	       text-shadow: 2px 2px 0 #222;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

#faq_entry .faq_eintrag h2.fragehover {
	background-color: #E99800;
	           color: #222222;
	     text-shadow: 0px 0px 0 #444444;
}

#faq_entry .faq_eintrag p.antwort {
	 border: 1px solid #999999;
	padding: 0.3em;
	 margin: 0 0;
}

/* ######################################################## */

.news_entry {
	  background-color: #DEDEDE;
	           padding: 0;
	            margin: 1em;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	          overflow: hidden;
}

.news_entry h2 {
	       font-family: Arial;
	           padding: 0.3em;
	            margin: 0;
	  background-color: #294293;
	             color: #FFFFFF;
	       text-shadow: 2px 2px 0 #222;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

.news_entry p {
	padding: 0 0.5em;
}

.news_entry img {

}

.news_more {
	float: right;
}

.news_return {
	float: right;
}

.newspage {

}

.newspage ul {
	list-style: none;
	  overflow: hidden;
	   padding: 1em 0;
	     float: right;
}

.newspage li {
	float: left;
}

.newspage li a {
	  background-color: #DEDEDE;
	           padding: 0.5em;
	            margin: 0.3em;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	          overflow: hidden;
}

.newspage li a:hover {
	  background-color: #E99800;
	          overflow: hidden;
}

.newspage li span {
	       font-weight: bolder;
	  background-color: #294293;
	             color: #FFFFFF;
	           padding: 0.5em;
	            margin: 0.3em;
	          overflow: hidden;
}


/* ############################################################################
/* OFFERS
/* ############################################################################ */
h2.offers_view_title {
	margin:     0 !important;
	text-align: center;
}

#offers_view_outer {
	overflow:         hidden;
	background-color: #CDCDCD;
	border:           1px solid #ABABAB;
}

#offers_view img {
	text-align: center;
	margin:     0 auto;
	/*width:      200px;*/
}

#offers_view h3 {
	       font-family: Arial;
	           padding: 0.3em   !important;
	            margin: 0       !important;
	  background-color: #294293;
	             color: #FFFFFF;
	       text-shadow: 2px 2px 0 #222;
	     border-bottom: 1px solid #080088;
}

#offers_view h3 a {
	          color: #FFFFFF;
	text-decoration: none;
}

#offers_view ul {
	margin:  0 0.5em 0 2em !important;
	padding: 0             !important;
}

#offers_view p {
	padding: 0.3em 0.5em !important;
}

.text_gross {
	font-size: x-large;
	padding:   0 !important;
	margin:    0 !important;
}

#offers_view_detail {
	            border: 1px solid #999999;
	  background-color: #CDCDCD;
	          overflow: hidden;
	             float: left;
	            margin: 0.5em 2.5% 1em 0;
	   -moz-box-shadow: 0px 0px 15px #666666;
	-webkit-box-shadow: 0px 0px 15px #666666;
	        box-shadow: 0px 0px 15px #666666;
	             clear: left;
	             width: 100%;
}

#offers_view_detail_inner {
	padding: 0 0.5em;
}

#offers_view_detail h2 {
	         font-size: x-large;
	       font-family: Arial;
	           padding: 0.3em;
	            margin: 0;
	  background-color: #294293;
	             color: #FFFFFF;
	       text-shadow: 2px 2px 0 #222;
	   -moz-box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	        box-shadow: 0px 0px 5px #333333;
}

.image_center {
	display:    block;
	text-align: center;
	margin:     0 auto;
}


#offers_view_list {
	overflow: hidden;
}

.offers_item {
	float:              left;
	width:              47%;
	margin:             0.3em 1% 0.3em 1%;
	overflow:           hidden;
	-moz-box-shadow:    0px 0px 10px #666666;
	-webkit-box-shadow: 0px 0px 10px #666666;
	box-shadow:         0px 0px 10px #666666;
	border:             1px solid #999999;
	background-color:   #CDCDCD;
}

.offers_item h3 {
	       font-family: Arial;
	           padding: 0.3em;
	            margin: 0;
	  background-color: #294293;
	             color: #FFFFFF;
	       text-shadow: 2px 2px 0 #222;
	   -moz-box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	        box-shadow: 0px 0px 5px #333333;
}

.offers_item h3 a {
	          color: #FFFFFF;
	text-decoration: none;
}

.offers_item_inner {
	padding: 0 0.5em;
}

.offers_item_inner .image_center {
	margin-top: 0.3em !important;
}

.bx-prev {
	margin: 3px 10px !important;
	float:  left;
}

.bx-next {
	float:  right;
	margin: 3px 10px !important;
}

.viewall {
	margin: 3px 0 !important;
}


/* ############################################################################
/* FORMULARE
/* ############################################################################ */

form.formulare {

}

form.formulare fieldset {
	 border: 0;
	 margin: 0;
	padding: 0;
}

form.formulare legend {
	display: none;
}

form.formulare input.spamfeld,
form.formulare select.rahmen,
form.formulare input.rahmen {
	border:  1px solid #ABABAB;
	padding: 2px !important;
	width:   25em;
}

form.formulare label {
	text-align:    right;
	padding-right: 0.5em;
	font-weight:   bolder;
	   width: 25em;
	   float: left;
	overflow: hidden;
}

form.formulare label.auswahl {
	text-align:    left !important;
	padding-right: 0em !important;
	font-weight:   normal !important;
	width:         auto !important;
	float:         none !important;
}

form.formulare p {
	clear:    left;
	overflow: hidden;
	margin:   0 !important;
	padding:  0.5em 0 !important;
}

form.formulare button {
	            border: 0;
	           padding: 0.1em 1em;
	  background-color: #294293;
	            cursor: pointer;
	             color: #EEEEEE;
	            border: 1px solid #ABABAB;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	margin-left: 25em;
}

form.formulare button:hover,
form.formulare input.spamfeld:hover,
form.formulare input.spamfeld:focus,
form.formulare select.rahmen:hover,
form.formulare input.rahmen:hover,
form.formulare select.rahmen:focus,
form.formulare input.rahmen:focus {
	  background-color: #E99800;
	             color: #000000;
	            border: 1px solid #ABABAB;
	   -moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	        box-shadow: 0 0 0;
}

form.formulare label.formular_error {
	color: #CC0000 !important;
}


/* ############################################################################
/* SHOP
/* ############################################################################ */

#shop_categories {
	overflow: hidden;
	float: right;
	width: 200px;
	/*margin-left: 0.5em;*/
}

#shop_subcat ul,
#shop_categories ul {
	list-style: square;
	margin: 0 0 0 0;
	padding: 0;
}

#shop_subcat ul li a,
#shop_categories ul li a {
	       font-weight: bolder;
	   text-decoration: none;
	           padding: 0.5em 5px;
	           display: block;
	             width: 190px;
	  background-color: #ABABAB;
	             color: #222222;
	   -moz-box-shadow: 2px 2px 5px #333333;
	-webkit-box-shadow: 2px 2px 5px #333333;
	        box-shadow: 2px 2px 5px #333333;
}

#shop_subcat li li a,
#shop_categories li li a {
	background:   #CDCDCD;
	padding-left: 10px;
	font-size:    80%;
}

#shop_subcat ul li a.aktiv,
#shop_categories ul li a.aktiv {
	background-color: #E99800;
	           color: #222222;
}

#shop_categories ul li a:hover {
	  background-color: #294293;
	             color: #FFFFFF;
	   -moz-box-shadow: 0px 0px 0px #666666;
	-webkit-box-shadow: 0px 0px 0px #666666;
	        box-shadow: 0px 0px 0px #666666;
}

#shop_subcat ul li a {
	width: 300px;
}

#shop_subcat ul li a:hover {
	  background-color: #294293;
	             color: #FFFFFF;
}


/* ############################################################################ */

#shop_article_list {
	width: 510px;
}

#shop_article_list * {
	 margin: 0;
	padding: 0;
}

#shop_article_list h2 {
	margin-bottom: 0.5em;
}


#shop_article_list h3.filter_head {
	margin-bottom: 0.5em;
}


#shop_article_list ul {
	list-style: none;
	    margin: 0 0;
}

#shop_article_list li.shop_article {
	           display: -moz-inline-box; /* Firefox kleiner 3 */
	           display: inline-block;    /* kompatible Browser */
	             width: 245px;           /* stabilisiert aeltere Browser */
	            margin: 0 7px 10px 0;
	    vertical-align: top;
	  background-color: #CDCDCD;
	   -moz-box-shadow: 0px 0px 15px #666666;
	-webkit-box-shadow: 0px 0px 15px #666666;
	        box-shadow: 0px 0px 15px #666666;
	            border: 1px solid #999999;
}

#shop_article_list li.shop_article div {
	display: table; /* stabilisiert Firefox kleiner 3 */
}

#shop_article_list li.shop_article div div {
	       display: block;
	         width: 245px; /* stabilisiert Firefox kleiner 3 */
	padding-bottom: 0.3em;
}

#shop_article_list li.shop_article h3 {
	 text-align: center;
	     height: 3em;
	   overflow: hidden;
	       font-family: Arial;
	           padding: 0.3em   !important;
	            margin: 0       !important;
	  background-color: #294293;
	             color: #FFFFFF;
	       text-shadow: 2px 2px 0 #222;
	     border-bottom: 1px solid #080088;
}

#shop_article_list li.shop_article p {
	padding: 0 0.3em;
}

#shop_article_list li.shop_article a {
	color: #000000;
}

#shop_article_list li.shop_article h3 a {
	color: #FFFFFF;
}

#shop_article_list li.shop_article a.image {
	background-color: #FFFFFF;
	          height: 250px;
	           width: 245px;
	         display: block;
	      text-align: center;
	          margin: 0 auto;
}

#shop_article_list li.shop_article a img,
#shop_article_list li.shop_article h3 a {
	text-decoration: none;
}

#shop_article_list li.shop_article a img {
	background-color: #FFFFFF;
}

#shop_article_list li.shop_article:hover {
	  background-color: #ABABAB;
	             color: #000000;
	   -moz-box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	        box-shadow: 0 0 0 #000;
}

#shop_article_list li.shop_article:hover a.image {
	background-color: #FFFFFF;
	          filter: alpha(opacity=50);
	    -moz-opacity: 0.50;
	         opacity: 0.50;
}

#shop_article_list li.shop_article:hover a {
	color: #000000;
}

#shop_article_list li.shop_article:hover h3 {
	background: #E99800;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #666666;
	border-bottom-color: #999999;
}

#shop_article_list li.shop_article:hover h3 a {
	color: #FFFFFF !important;
}

.textrechts {
	text-align: right !important;
}


/* ##################################################################################################### */

#shop_article_detail {
	overflow: hidden;
	background: #CDCDCD;
	border: 1px solid #666666;
	-moz-box-shadow:    3px 3px 10px #666666;
	-webkit-box-shadow: 3px 3px 10px #666666;
	box-shadow:         3px 3px 10px #666666;
	width: 495px;
	margin-bottom: 1em;
}

#shop_article_detail h3 {
	background-color: #294293;
	           color: #FFFFFF;
	          margin: 0;
	         padding: 0.5em;
	     text-shadow: 2px 2px 2px #000000;
	      text-align: center;
	       font-size: 200%;
	border-bottom:    1px solid #000080;
}

#shop_article_detail h4 {
	padding:   0.3em 0.5em;
	font-size: 150%;
	margin:    0;
}

#shop_article_detail p {
	padding: 0.2em 1em;
	margin:  0;
}

#shop_article_detail ul {
	margin-right: 0.5em;
}

#shop_article_detail p.imagelist {
	text-align: center;
	margin:     0 auto;
	padding:    0.5em   !important;
	overflow:   hidden;
}

#shop_article_detail p.imagelist img {
	        background: #FFFFFF;
	           padding: 5px;
	            border: 1px solid #999999;
	   -moz-box-shadow: 3px 3px 10px #666666;
	-webkit-box-shadow: 3px 3px 10px #666666;
	        box-shadow: 3px 3px 10px #666666;
}

#shop_article_detail p.imagelist a:hover img {
	      filter: alpha(opacity=50); /* IE */
	-moz-opacity: 0.50;              /* Mozilla */
	     opacity: 0.50;              /* Opera */
}

#shop_article_detail p.linkreturn {
	text-align:     right;
	margin-bottom:  0;
	padding-bottom: 0;
}



.shop_searchform {
	margin: 0 0 1em 0 !important;
}

.shop_manufacturer {
	padding:  1em !important;
	overflow: hidden;
}

.shop_manufacturer select,
.shop_searchform input {
	            border: 2px solid #294293;
	           padding: 0.3em !important;
	             color: #294293;
	   -moz-box-shadow: 5px 5px 15px #333333;
	-webkit-box-shadow: 5px 5px 15px #333333;
	        box-shadow: 5px 5px 15px #333333;
}

.shop_searchform input {
	width: 100px;
}

.shop_manufacturer select:focus,
.shop_manufacturer select:hover,
.shop_searchform input:focus,
.shop_searchform input:hover {
	      border-color: #CDCDCD;
	        background: #E99800;
	             color: #FFFFFF;
	   -moz-box-shadow: 0 0 0 #333333;
	-webkit-box-shadow: 0 0 0 #333333;
	        box-shadow: 0 0 0 #333333;
}

.shop_manufacturer button,
.shop_searchform button {
	             width: 80px;
	            margin: 0;
	           padding: 0.2em 0;
	  background-color: #294293;
	             color: #FFFFFF;
	       font-weight: bolder;
	            border: 2px solid #FFFFFF;
	   -moz-box-shadow: 5px 5px 15px #333333;
	-webkit-box-shadow: 5px 5px 15px #333333;
	        box-shadow: 5px 5px 15px #333333;
}

.shop_manufacturer button:hover,
.shop_searchform button:hover {
	  background-color: #E99800;
	      border-color: #CDCDCD;
	   -moz-box-shadow: 0 0 0 #333333;
	-webkit-box-shadow: 0 0 0 #333333;
	        box-shadow: 0 0 0 #333333;
}

/* ##################################################################################################### */

form.shop_inquiry {

}

form.shop_inquiry fieldset {
	 border: 0;
	 margin: 0;
	padding: 0;
}

form.shop_inquiry legend {
	display: none;
}

form.shop_inquiry textarea,
form.shop_inquiry input.spamfeld,
form.shop_inquiry input.rahmen {
	border:  1px solid #ABABAB;
	padding: 2px !important;
	width:   250px;
}

form.shop_inquiry textarea {
	height: 5em;
}

form.shop_inquiry label {
	text-align:    right;
	padding-right: 10px;
	font-weight:   bolder;
	   width: 200px;
	   float: left;
	overflow: hidden;
}

form.shop_inquiry label.auswahl {
	text-align:    left   !important;
	padding-right: 0em    !important;
	font-weight:   normal !important;
	width:         auto   !important;
	float:         none   !important;
}

form.shop_inquiry p {
	clear:    left;
	overflow: hidden;
	margin:   0      !important;
	padding:  0.3em 0 !important;
}

form.shop_inquiry button {
	            border: 0;
	           padding: 0.1em 1em;
	  background-color: #294293;
	            cursor: pointer;
	             color: #EEEEEE;
	            border: 1px solid #ABABAB;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
	margin-left: 210px;
}

form.shop_inquiry button:hover,
form.shop_inquiry input.spamfeld:hover,
form.shop_inquiry input.spamfeld:focus,
form.shop_inquiry textarea:hover,
form.shop_inquiry textarea:focus,
form.shop_inquiry input.rahmen:hover,
form.shop_inquiry input.rahmen:focus {
	  background-color: #E99800;
	             color: #000000;
	            border: 1px solid #ABABAB;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

form.shop_inquiry label.formular_error {
	color: #CC0000 !important;
}

/* ##################################################################################################### */

.banner_webapp {
	overflow: hidden;
	float: right;
	margin: 0 0 1em 1em;
}

.banner_webapp a {
	text-align:            center;
	margin:                0 auto;
	height:                100px;
	width:                 100px;
	-webkit-border-radius: 50px;
	-moz-border-radius:    50px;
	border-radius:         50px;
	display:               block;
	background-color:      #E99800;
	color:                 #FFFFFF;
	font-weight:           bolder;
	text-decoration:       none;
	font-size:             100%;
	line-height:           1.1em;
	text-shadow:           1px 1px 0 #363636;
}

.banner_webapp span {
	display: block;
	padding-top: 15px;
}





/* ##################################################################################################### */


form.webseite_search_form {
	padding: 0.5em 0;
}

form.webseite_search_form label {
	display: none;
}

form.webseite_search_form select,
form.webseite_search_form button,
form.webseite_search_form input {
	  width: 195px;
	 border: 1px solid #ABABAB;
	padding: 2px !important;
}


form.webseite_search_form button:hover,
form.webseite_search_form select:hover, 
form.webseite_search_form select:focus,
form.webseite_search_form input:hover, 
form.webseite_search_form input:focus {
	  background-color: #E99800;
	            border: 1px solid #ABABAB;
	   -moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;
	        box-shadow: 2px 2px 5px #666666;
}

form.webseite_search_form button {
	text-align: center !important;
	margin-top: 0.5em  !important;
	cursor: pointer;
}

form.webseite_search_form fieldset {
	border: 0;
}