/*
 * (C)Copyright 2006 Authentic Style. All rights reserved.
 *
 * Authentic Style Modevertrieb
 * Inh. Lothar Ullrich
 *
 * Mainleite 74
 * D-97340 Marktbreit
 * Tel. +49 (0)9332 50 40 - 0
 * Fax  +49 (0)9332 50 40 - 40
 *
 * www.authentic-style.de
 * info@authentic-style.de
 *
 */


/* -------------------- COMMON --------------------  */
body { top: 25px; position: relative; text-align: center; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #7F7D80; margin: 0px; margin-left: auto; margin-right: auto; min-width: 800px; }
#wrapper { text-align: left; width: 800px; margin-left: auto; margin-right: auto; }
p { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; }
img { border: none; }


/* -------------------- LINKS --------------------  */
a:link { font-weight: bold; text-decoration: underline; color: #660000; background-color: transparent; }
a:visited { font-weight: bold; text-decoration: underline; color: #660000; }
a:hover, a:active { text-decoration: none; color: #660000; }

a.contact { font-weight: normal; text-decoration: underline; color: #660000; background-color: transparent; }
a.contact:visited { font-weight: normal; text-decoration: underline; color: #660000; }
a.contact:hover, a:active { text-decoration: none; color: #660000; }



/* -------------------- CONTAINER --------------------  */
#container { padding: 0px; margin: 0px; left: auto;	right:auto;	position: absolute;	background: url(images/footerbg.jpg) repeat-y top center; }



/* -------------------- CONTENT --------------------  */
#content { width: 800px; background: url(images/bg1.jpg) no-repeat top center; position: static; clear: both; float: left; }
#stylecontent { width: 800px; background: url(images/bg2.jpg) no-repeat top center; position: static; clear: both; float: left; }

/* -------------------- HEADER --------------------  */
#head { background: url(images/head.jpg) no-repeat top center; padding: 0px; margin: 0px; width: 800px; height: 100px; }



/* -------------------- SIDEBAR --------------------  */
#sidebar {	margin: 0px; padding: 0px 0 0 0; width: 251px; height: 500px; float: left; clear: left; position: relative; line-height: 0; }



/* -------------------- NAVIGATION --------------------  */
#buttons { position: absolute; top: 0px; left: 261px; margin: 0px; padding: 0px; }
a#button1 { float: left; display: block; background-image: url(images/btn1.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px;	padding: 0px 0 0 0; }
a#button1:hover, a#button1:active, a#button1active { float: left; display: block; background-image: url(images/btn1_2.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px; padding: 0px 0 0 0; }

a#button2 {	float: left; display: block; background-image: url(images/btn2.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px;	padding: 0px 0 0 0; }
a#button2:hover, a#button2:active, a#button2active { float: left; display: block; background-image: url(images/btn2_2.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px; padding: 0px 0 0 0; }

a#button3 {	float: left; display: block; background-image: url(images/btn3.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px; padding: 0px 0 0 0; }
a#button3:hover, a#button3:active, a#button3active { float: left; display: block; background-image: url(images/btn3_2.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px; padding: 0px 0 0 0; }

a#button4 {	float: left; display: block; background-image: url(images/btn4.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px;	padding: 0px 0 0 0; }
a#button4:hover, a#button4:active, a#button4active { float: left; display: block; background-image: url(images/btn4_2.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px; padding: 0px 0 0 0; }

a#button5 {	float: left; display: block; background-image: url(images/btn5.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px;	padding: 0px 0 0 0; }
a#button5:hover, a#button5:active, a#button5active { float: left; display: block; background-image: url(images/btn5_2.jpg); background-repeat: no-repeat; width: 104px; height: 85px; margin: 0px; padding: 0px 0 0 0; }

.spacer { width: 1px; height: 1px; float: left; background-color: #FFFFFF; display: block; }



/* -------------------- TEXTBOX IN CONTENT --------------------  */
#textbox { margin: 0px; padding: 0px 0 0 0; width: 500px; vertical-align: top; position: relative; float: left; }
#text {	width: 500px; top: 20px; left: 15px; position: relative; float: left; }

#boxleft { width: 222px; left: 20px; top: 20px; position: relative; float: left; }
#boxright {	width: 350px; left: 160px; vertical-align: middle; text-align: right;  position: relative; float: left; }

img.picbox { border: 0px; padding: 5px; background-color: #FFFFFF; clear: left; float: left; }
.picbox { clear: left; float: left; padding: 10px 0 0 0; background-color: #FFFFFF; border: 0; position: relative; margin: 10px; }

.seperator { background: url(images/seperator.gif) no-repeat; width: 510px;	height: 4px; left: 18px; top: 20px; margin-bottom: 5px;	position: relative;	float: left; }

.p1 { line-height: 15px; left: 20px; position: absolute; float: left; }
.p2 { width: 500px;	top: 3px; left: 20px; bottom: 0px;	position: relative;	line-height: 15px; padding: 5px; float: left; }
.p3 { width: 500px; top: 3px; left: 20px; bottom: 20px;	position: relative;	line-height: 20px; padding: 5px; font-family: Arial; font-size: 14pt; float: left; }
.p4 { width: 500px;	top: 0px; left: 60px; bottom: 20px;	position: relative;	line-height: 15px; padding: 5px; float: left; }
.p5 { width: 400px; top: 3px; left: 60px; bottom: 0px; position: relative; line-height: 15px; padding: 5px; float: left; margin: 0px; }

#headline { width: 500px; top: 10px; left: 20px; position: relative; padding: 5px; font-weight: bold; }
h1 { width: 500px; top: 20px; left: 20px; bottom: 20px;	position: relative;	font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; }
h2 { top: 20px; left: 20px; height: 25px; width: 520px; position: relative;	font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; float: left; }

hr { width: 500px; border-style: thin; float: left; margin-left: 20px; background-color: #660000; border: #660000; color: #660000; height: 2px; }
#hr2 { width: 500px; border-style: double; float: left;	margin-left: 20px; }



/* -------------------- FORMULAR IN TEXTBOX OF CONTENT --------------------  */
.aButton { color: #000000; background-color: #e5e5e5; font-size: 10pt; font-family: verdana; border-style: solid; border-width: 1px; border-color:#666666; }
.aField { color: #000000; font-size: 10pt; font-family: verdana; border-style: solid; border-width: 1px; border-color:#666666; }
.aForm { left: 20px; clear: left; float: left; margin: 10px; }
.btnLogin { background-image: url(images/btnLogin.jpg); width: 120px; height: 20px; border: 0px; border-style: none; float: right; margin-right: 30px; }
.btnLogoff { background-image: url(images/btnLogoff.jpg); width: 120px; height: 20px; border: 0px; border-style: none; float: right; margin-right: 30px; }
.btnUpload { background-image: url(images/btnUpload.jpg); width: 120px; height: 20px; border: 0px; border-style: none; float: right; margin-right: 30px; }
.btnDownload { background-image: url(images/btnDownload.jpg); width: 120px; height: 20px; border: 0px; border-style: none; float: left; margin-right: 30px; }
.btnDelete { background-image: url(images/btnDelete.jpg); width: 120px; height: 20px; border: 0px; border-style: none; float: right; margin-right: 30px; }
.details { border: 0; width: 11px; height: 11px; }


/* -------------------- JOBCONTAINER ---------------------- */
.jobcontainer { width: 523px; position: relative; left: 15px; vertical-align: top; padding: 10px; margin: 0; float: left; padding-bottom: 10px; }
.jobleft { width: 255px; text-align: left; padding-right: 20px; position: relative; left: 0px; text-align: left; float: left; }
.jobright { width: 230px; text-align: left; left: 0px; position: relative; padding: 0px; float: left; }
.jobtable {  width: 100%;  height: 255px; }
.jobtable td { vertical-align: bottom; }
.jobimage { margin-left: 10px; }

/* -------------------- STYLECONTAINER --------------------  */
.stylecontainer { background: url(images/stylebg.jpg); width: 523px; min-height: 132px; position: relative; left: 11px; vertical-align: top; margin: 0 0 10px 0; float: left; }
/*
.styleboxleft {	text-align: left; padding: 10px; position: absolute; text-align: left; width: auto; }
.styleboxright { width: 300px; text-align: left; left: 180px; position:absolute; padding: 10px; }
*/
.styleboxleft {	float: left;text-align : left; padding: 10px; position: relative; text-align: left; width: auto; }
.styleboxright { width: 300px; text-align: left; margin-left: 180px; position:relative; padding: 10px; }
.styleboxmiddle { width: 350px; text-align: left; margin-left: 180px; position:relative; padding: 10px; }
.styleboxleft img { border: 1px solid #c2c2c2 }
/*
.styleboxleft {	text-align: left; padding: 10px; left: 5px; position: absolute; text-align: left; width: auto; }
.styleboxmiddle { width: 350px; text-align: left; left: 175px; position:absolute; padding: 10px; }
.styleboxright { width: 350px; text-align: left; left: 345px; position:absolute; padding: 10px; }
.styleboxleft img, .styleboxmiddle img, .styleboxright img { border: 1px solid #c2c2c2 }
*/


/* -------------------- FOOTER --------------------  */
#footer { color: #000000; background-color: #7f7d80; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 780px; padding: 10px; position: relative; float: left; clear: both; }

/* #extradiv { height: 50px; width: 800px; background-image: url(images/footerbg.jpg); clear: both; } */



/* -------------------- TOOLTIP ------------------- */
.box a:hover { background:none; }
.box a span { position: absolute; display: none;  font-weight: normal; border: 1px solid #c2c2c2; text-align: center; vertical-align: middle; z-index: 100; }
.box a:hover span { position: absolute; display: inline; background: #ebebeb; border: 1px solid #c2c2c2; width: 160px; height: 120px; padding: 0px; margin: 0px; color:#000; left: 10px; top: 10px; z-index: 100; }


/* -------------------- CONTACT ------------------- */
.contactcontainer { width: 523px; position: relative; left: 0px; vertical-align: top; padding: 0px 0 0 0; margin: 0; float: left; padding-bottom: 10px; clear:both }
.contactleft {	text-align: left; padding: 10px; position: absolute; left: 0px;text-align: left; width: auto; }
.contactright { width: 350px; text-align: left; left: 270px; position: relative; padding: 10px; }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 500px; top: 10px; left: 20px; bottom: 20px; position: relative;line-height: 15px; float: right; padding: 5px; float: left; }


/* -------------------- VERTRETERZONE ------------------- */
.vertretercontainer { background: url(images/stylebg.jpg); width: 523px; height: 100px; position: relative; left: 11px; vertical-align: top; padding: 0px 0 0 0; margin: 0; float: left; padding-bottom: 10px; margin-top: 10px; }
.vertreterleft { text-align: left; padding: 10px; position: absolute; text-align: left; width: auto; left: 20px; }
.vertreterright { width: 350px; text-align: left; left: 140px; position: relative ; padding: 10px; }


/* -------------------- LABELS ------------------- */
.labelscontainer {width: 523px; height: 69px; position: relative; left: 9px; vertical-align: top; padding: 0px 0 0 0; margin: 0; float: left; margin-top: 0px; }
.labelleft  { text-align: left;  position: absolute; padding: 0px; width: auto; }
.labelright { text-align: left; left: 270px; position: relative; padding: 0px; width: 350px; }



/* STYLES */
.styles {
	padding: 0;
	margin: 0;
	margin-left: 20px;
}
.styles li {
	float: left;
	list-style: none;
	margin-right: 3px;
	margin-bottom: 1px;
}


/* NAVIGATION */
#buttons ul {
	margin: 0;
	padding: 0;
}
#buttons ul li {
	display: inline;
	float: left;
	list-style: none;
}
#buttons .marginright1 {
	margin-right: 1px;
}