/**************************************************************************/
/* Entwurf von PC Profistore IT-Solutions GbR Andreas Gruber 			     */
/* http://www.pc-profistore.de  Email: gruber@pc-profistore.de   		     */
/*Stand 29.01.2012                                                        */
/**************************************************************************/

body{
	background-color: #e8540d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	
	scrollbar-face-color: #e8540d;
   scrollbar-highlight-color: #e8540d;
   scrollbar-3dlight-color: #333333;
   scrollbar-arrow-color: #333333;
   scrollbar-darkshadow-color: #333333;
   scrollbar-base-color: #e8540d;
   scrollbar-track-color : #e8540d;
   scrollbar-shadow-color : #e8540d;
}

h1{
	font-size: 16px;
	font-weight: bold;
}

h2{
	font-size: 14px;
	font-weight: bold;
	text-indent: 5px;
}

h3{
	font-size: 12px;
	font-weight: bold;
	text-indent: 0px;
}

h4{
	font-size: 14px;
	font-weight: bold;
	text-indent: 0px;
}

.agb{
	font-size: 12px;
	font-weight: bold;
	text-indent: 10px;
}

ul.sublist{
	position: relative;
	left: -40px;
	top: 5px;
	list-style: none;
	z-index: 5;
}

ul.leistungen{
	position: relative;
	left: 60px;
	top: 5px;
	list-style: square;
	z-index: 5;
}

ul.produkte{
	position: relative;
	left: 60px;
	top: 5px;
	list-style: lower-alpha;
	z-index: 5;
}

table{
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: normal;
}

#container{
	position: relative;	
	margin-top: 10px;
	margin-bottom: 20px;
	top: 0px;
	left: 0px;
	width: 892px;
	height: 705px;
	background-image: url(../images/reiter2.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	z-index: 1; 
}

#logo{
	position: absolute;
	top: 5px;
	left: 760px;
	width: 120px;
	height: 220px;
	padding-left: 5px;
	background-color: transparent;
	z-index: 2;
}

#mainmenu{
	position: absolute;
	top: 1px;
	left: 10px;
	width: 690px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	display: inline;
	z-index: 2;
}

#banner{
	position: absolute;
	top: 40px;
	left: 15px;
	width: 745px;
	height: 185px;
	margin-top: 0px;
	background-image: url(../images/produkte.png);
	background-repeat: no-repeat;
	z-index: 2;
}

#news{
	position: absolute;
	top: 418px;
	left: 10px;
	width: 195px;
	height: 285px;
	padding-left: 3px;
	background-image: url(../images/news2_bg.png);
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 2;
}

#leftmenu{
	position: absolute;
	top: 230px;
	left: 20px;
	width: 185px;
	height: 155px;
	background-color: transparent;
	background-image: url(../images/submenu_bgr.png);
	background-repeat: no-repeat;
	padding-left: 0px;
	z-index: 2;
}

#content{
	position: absolute;
	top: 230px;
	left: 210px;
	width: 670px;
	height: 470px;	
	overflow: auto;
	padding-left: 5px;
	border: 2px solid #333333;
	z-index: 2;
}

#form{
	width: 628px;
	height: 300px;
	z-index: 2;
}

#copyright{
	position: absolute;
	top: 705px;
	left: 1px;
	width: 890px;
	height: 20px;
	margin-top: 0px;
	z-index: 2;
}

/* Menu */

a.menu:link, a.menu:visited{
	/*background-image: url(../images/de/kontakt_inaktiv.png);*/
	/*background-repeat: no-repeat;*/
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	width: 129px;
	height: 33px;
	text-decoration: none;
}

a.menu:hover, a.menu:active{
	/*background-image: url(../images/de/kontakt_aktiv.png);*/
	/*background-repeat: no-repeat;*/
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	width: 129px;
	height: 33px;
	text-decoration: underline;
}

a.menu_act:link, a.menu_act:visited, a.menu_act:hover, a.menu_act:active{
	/*background-image: url(../images/de/kontakt_aktiv.png);*/
	/*background-repeat: no-repeat;*/
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #e8540d;
	display: block;
	width: 129px;
	height: 33px;	
	text-decoration: underline;
}

/* Submenu */

a.menu2:link, a.menu2:visited{
	/*background-image: url(../images/de/kontakt_inaktiv.png);*/
	/*background-repeat: no-repeat;*/
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	width: 130px;
	height: 25px;
	text-decoration: none;
}

a.menu2:hover, a.menu2:active{
	/*background-image: url(../images/de/kontakt_aktiv.png);*/
	/*background-repeat: no-repeat;*/
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	width: 130px;
	height: 25px;
	text-decoration: underline;
}

a.menu2_act:link, a.menu2_act:visited, a.menu2_act:hover, a.menu2_act:active{
	/*background-image: url(../images/de/kontakt_aktiv.png);*/
	/*background-repeat: no-repeat;*/
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #e8540d;
	display: block;
	width: 130px;
	height: 25px;	
	text-decoration: underline;
}

/* Ende Menu */

a.link:link, a.link:visited{
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.link:hover, a.link:active{
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.currentsite{
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00ff00;
}

/* Formularwerte */

input {
	width:240px; 
	height:15px;	
	font-size: 12px;
}
textarea {
	width:240px; 
	height:90px; 
	overflow:auto; 
	display:block;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

input.button{
	width:110px; 
	height: 22px;
	font-size: 12px;
	font-weight: normal;
}

input.postcode{
    width: 240px;
	 height: 15px;	 
	 font-size: 12px;
}

input.city{
    width: 240px;
	 height: 15px;	 
 	 font-size: 12px;
}

input.return{
	width:80px; 
	height: 22px;
	font-size: 12px;
	font-weight: normal;
}

/* Tabellen und Zellen Klassen*/

td.kontakt{
	font-size: 12px;
	font-weight: normal;	
}

td.index{
	font-size: 12px;
	font-weight: normal;	
}

/* Formular Ende */

/*Vorab laden der Grafiken */
.preload01{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: -2000px -2000px;
}

.preload02{
	background-image: url(../images/reiter.png);
	background-repeat: no-repeat;
	background-position: -2000px -2000px;
}

.preload03{
	background-image: url(../images/pixel.png);
	background-repeat: no-repeat;
	background-position: -2000px -2000px;
}

.preload04{
	background-image: url(../images/submenu_bgr.png);
	background-repeat: no-repeat;
	background-position: -2000px -2000px;
}

.preload05{
	background-image: url(../images/reiter2.png);
	background-repeat: no-repeat;
	background-position: -2000px -2000px;
}

/* Ab hier Mootools */


IMG {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px; 
	BORDER-TOP: 0px; 
	BORDER-RIGHT: 0px;
}

.bilderTabelle {
	MARGIN-TOP: 5px; 
	MARGIN-BOTTOM: 5px;
}

.shadow {
	PADDING-BOTTOM: 20px; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px;
	BACKGROUND: url(../images/slimbox/bildschatten-450.jpg) no-repeat left bottom; 
	background-color: #e8540d;
	MARGIN-RIGHT: 15px; 
	PADDING-TOP: 15px;
}

.schattenGross {
	PADDING-BOTTOM: 20px; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
   BACKGROUND: url(../images/slimbox/bildschatten-290.gif) no-repeat left bottom; 
	background-color: #e8540d;			
	MARGIN-RIGHT: 15px; 
	PADDING-TOP: 15px;
}
.schattenKlein {
	BORDER-BOTTOM: #e8540d 1px solid; 
	BORDER-LEFT: #8540d 1px solid; 
	PADDING-BOTTOM: 4px; 
	PADDING-LEFT: 4px; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #e8540d 1px solid; 
	BORDER-RIGHT: #8540d 1px solid; 
	PADDING-TOP: 4px;
}

.lbLoading {
	BACKGROUND: url(../images/slimbox/loading.gif) #e8540d no-repeat center 100%;
}

/* Fläche und Rahmen unter und um die Bezeichnung und des close labels*/
#lbBottom {
	BORDER-BOTTOM: #e8540d 1px solid; 
	TEXT-ALIGN: left; 
	BORDER-LEFT: #e8540d 1px solid; 
	LINE-HEIGHT: 1.4em; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #333333; 
	font-size: 12px; 
	BORDER-TOP: #e8540d 1px; 
	BORDER-RIGHT: #e8540d 1px solid;
	z-index: 5;
}

/* Hintergrundfarbe Sreifens unter dem Bild mit Bezeichnung und close Label */
#lbBottomContainer {
	POSITION: absolute; 
	BACKGROUND-COLOR: #ffffff; 
	OVERFLOW: hidden; 
	LEFT: 50%;
	z-index: 5;
}

#lbCaption {
	MARGIN-RIGHT: 71px;
	z-index: 5;
}
#lbNumber {
	MARGIN-RIGHT: 71px;
	z-index: 5;
}
#lbCaption {
	FONT-WEIGHT: bold;
	z-index: 5;
}

/* Ladefläche hinter dem Bild während dem Aufruf*/
#lbCenter {
	POSITION: absolute; 
	BACKGROUND-COLOR: #e8540d; 
	OVERFLOW: hidden; 
	LEFT: 50%;
	z-index: 5;
}

#lbCloseLink {
	MARGIN: 5px 0px; 
	WIDTH: 66px; 
	DISPLAY: block; 
	BACKGROUND: url(../images/slimbox/closelabel.gif) no-repeat center 50%; 
	FLOAT: right; 
	HEIGHT: 22px;
	z-index: 5;
}
/* Fläche und Rahmen unter und um das Bild aber noch oberhalb der Bezeichnung und des close labels*/
#lbImage {
	BORDER-BOTTOM: #e8540d 1px solid; 
	POSITION: absolute; 
	BORDER-LEFT: #e8540d 1px solid; 
	BACKGROUND-REPEAT: no-repeat; 
	BORDER-TOP: #e8540d 1px solid; TOP: 0px; 
	BORDER-RIGHT: #e8540d 1px solid; 
	LEFT: 0px; 
	z-index: 5;
}



#lbOverlay {
	POSITION: absolute; 
	BACKGROUND-COLOR: #e8540d; 
	WIDTH: 100%;
	CURSOR: pointer; 
	LEFT: 0px;
	z-index: 5;
}

/*Feldfläche ab wo der Coursor für den Button Previous Picture greift*/
#lbPrevLink {
	POSITION: absolute; 
	OUTLINE-STYLE: none; 
	OUTLINE-COLOR: invert; 
	OUTLINE-WIDTH: medium; 
	WIDTH: 50%; 
	DISPLAY: block; 
	TOP: 0px;
	z-index: 5;
}


#lbPrevLink:hover {
	BACKGROUND: url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%;
	background-color: transparent;
	z-index: 5;
}
#lbPrevLink {
	LEFT: 0px;
	z-index: 5;
}

/*Feldfläche ab wo der Coursor für den Button Next Picture greift*/
#lbNextLink {
	POSITION: absolute; 
	OUTLINE-STYLE: none; 
	OUTLINE-COLOR: invert; 
	OUTLINE-WIDTH: medium; 
	WIDTH: 50%; 
	DISPLAY: block; 
	TOP: 0px;
	z-index: 5;
}

#lbNextLink:hover {
	BACKGROUND: url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
	background-color: transparent;
	z-index: 5;
}

#lbNextLink {
	RIGHT: 0px;
	z-index: 5;
}


/* ENDE Mootools */