/* Standard-Tags */
/* ------------- */
body {
	background-color: #fafafa;
	color: #686868;
	font-family: Arial,Helvetica;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0;	
}

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

a:hover {
	text-decoration: underline
}

a:focus {
	outline: none;
}

h2 {
	color: #FE880A;
	margin: 10px 0 2px 0;
	font-size: 14px;
}

hr {
	border: 0px;
	border-top: 1px solid #DFDFDF;
	border-bottom: solid 1px #FFFFFF;
	margin: 5px 0 5px 0;
}

img {
	border: 0px;
}

p {
	margin: 5px 0 5px 0;
}

dd {
	padding: 2px;
	display: block;
}

dt {
	float: left;
	width: 120px;
	padding: 10px 2px 2px 2px
}

/* Form-Elemente */
input {
	width: 400px;
	height: auto;
	border: 1px solid #DFDFDF;
	padding: 5px;
	font-family: Arial,Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #686868;
}

textarea {
	width: 790px;
	height: 207px;
	border: 1px solid #DFDFDF;
	padding: 5px;
	font-family: Arial,Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #686868;
	overflow: auto;
}

select {
	width: 300px;
	border: 1px solid #DFDFDF;
	padding: 5px;
	font-family: Arial,Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #686868;
}

input.radio {
	width: 10px;
	height: 10px;
	border: 0px;
}

input.checkbox {
	width: 10px;
	height: 10px;
	border: 1px solid #DFDFDF;
}

input.file {
	width: 337px;
	height: 22px;
	font-size: 13px;
	border: 1px solid #DFDFDF;
}

textarea.order {
	width: 272px;
	height: 145px;
	border: 1px solid #DFDFDF;
	padding: 5px;
	font-size: 16px;
	line-height: 20px;
	color: #686868;
	font-weight: bold;	
}

/* Sprites */
/* ------- */
.sprite1 {
	background: url(../img/sprite1.gif) no-repeat;
}

.sprite2 {
	background: url(../img/sprite2.gif) no-repeat;
}

.sprite3 {
	background: url(../img/sprite3.gif) no-repeat;
}

.sprite4 {
	background: url(../img/sprite4.gif) no-repeat;
}

/* Buttons */
/* ------- */
.kontakt_button {
	background-position: 0px 0px;
	width: 250px;
	height: 50px;
	border: none;
	vertical-align: top;
	cursor: pointer;
	margin: 0 -2px 0 0;
}

.kontakt_button_over {
	background-position: 0px -51px;
}

.auftrag_button {
	background-position: 0px -53px;
	width: 359px;
	height: 66px;
	cursor: pointer;
	position: relative;
	top: 180px;
	left: -34px;	
}

.auftrag_button_over {
	background-position: 0px -119px;
}

.foto_malen_lassen_button {
	background-position: 0px -102px;
	width: 261px;
	height: 50px;
	border: none;
	vertical-align: top;
	cursor: pointer;
	margin: 0 0 0 50px;
}

.foto_malen_lassen_button_over {
	background-position: 0px -153px;
}


.bestellung_button {
	background-position: 0 0;
	width: 253px;
	height: 49px;
	border: none;
	vertical-align: top;
	cursor: pointer;
	margin: 10px 0 0 0;
	display: block;
}

.bestellung_button_over {
	background-position: 0px -50px;
}

.carousel_button {
	background: url(../img/slider-button.png) no-repeat;
	cursor: pointer;
	width: 34px;
	height: 66px;	
	float: left;
	margin: 0;	
}

/* Hinweise */
/* -------- */
#hinweis {
	width: 400px;
	height: 20px;
	float: left;
	padding: 10px 5px 5px 5px;
}

.error {
	color: #FFFFFF;
	background-color: #FE0000;
	padding: 5px;
	font-weight: bold;
	width: 400px;
	height: 30px;
}

.errorOrder{
	color: #FFFFFF;
	background-color: #FE0000;

	float: left;
	padding: 10px 5px 5px;
	font-weight: bold;
	
	width: 300px;
	height: 20px;
	
	margin-left: 126px;
}

.ok {
	color: #FFFFFF;
	background-color: #00AD14;
	padding: 5px;
	font-weight: bold;
	width: 400px;
	height: 30px;	
}

.form_error {
	color: #ff0000;
}

/* Seitenaufbau */
/* ------------ */
#page {
	background: url(../img/bg.gif) repeat-x;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#wrapper_1 {
	text-align: left;
	margin: 0 auto;
	padding: 0 auto;	
	width: 1020px;
}

#logo {
	float: left;
	background: url(../img/logo-oelbilder24.gif) no-repeat;
	width: 280px;
	height: 68px;
	margin: 11px 0 0 30px;
}

#logo_link {
	width: 280px;
	height: 68px;
	display: block;
	cursor: pointer;
}

/* Menue */
#menue {
	float: left;
	margin: 62px 0 0 17px;
	font-size: 14px;
}

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

#menue li {
	display: inline;
	margin: 0 30px 0 0;
}

#menue a {
	color: #292929;
}

#menue a:hover {
	color: #FE880A;
	text-decoration: none;
}

#menue .active {
	color: #FE880A;
}

/* Carousel */
#carousel {
	float: left;
	background: url(../img/bg-wrapper-top.gif) no-repeat;
	width: 1020px;
	height: 76px;
	padding: 25px 0 0 50px;
}

#carousel_left {
	clear: both;
	background-position: 0 0;
}

.carousel {
	float: left;
	overflow: hidden;
	height: 66px;
}

#carousel_right {
	background-position: 0 -66px;
}

/* Bühne */
#buehne_left {
	clear: both;
	float: left;
	background: url(../img/orange-left.gif) no-repeat;
	width: 50px;
	height: 278px;
	margin: 0 0 0 0;
}

#buehne {
	float: left;
	background: url(../img/bg-buehne.gif);
	width: 920px;
	height: 278px;
	margin: 0;
}

#buehne_button_link {
	width: 309px;
	height: 42px;
	display: block;
	cursor: pointer;
}

#slogan {
	float: left;
	background: url(../img/slogan.gif) no-repeat;
	width: 562px;
	height: 161px;
	margin: 32px 0 0 20px;
}

#slideshow {
	float: left;
	margin: 32px 0 0 40px;
	width: 271px;
	height: 202px;
	overflow: hidden;
}

#schatten {
	background: url(../img/buehnen-schatten.png) no-repeat;
	width: 271px;
	height: 44px;
	position: absolute;
}

#buehne_right {
	float: left;
	background: url(../img/orange-right.gif) no-repeat;
	width: 50px;
	height: 278px;
	margin: 0 0 0 0;
}

/* Content */
#wrapper_2 {
	clear: left;
	background: url(../img/bg-wrapper-main.gif) repeat-y;
	width: 1020px;
	min-height: 600px;
	margin: 0 auto;
	padding: 0 auto;	
	text-align: left;
}

.buttons {
	float: left;
	width: 271px;
	height: 210px;
	padding: 0 0 0 0;	
}

#foto {
	clear: both;
	background: url(../img/bg-foto.gif) no-repeat;
	margin: 10px 52px 40px 51px;
}

#link {
	width: 271px;
	height: 120px;
	cursor: pointer;
	display: block;
}

#referenzen {
	background: url(../img/bg-referenzen.gif) no-repeat;
	margin: 10px 52px 40px 0;	
}

#preise {
	background: url(../img/bg-preise.gif) no-repeat;
	margin: 10px 0 40px 0;		
}

#trenner {
	clear: both;
	background: url(../img/trenner-shadow.gif) no-repeat;
	width: 920px;
	height: 30px;
	margin: 0 0 0 30px;
}

#content {
	margin: 0 0 0 50px;
	padding: 10px 0 20px 0;
	width: 920px;
}

#content h2 {
	color: #868686;
}

#content .first {
	margin-top: 0px;
}

#content .orange {
	color: #FE880A;
}

#content #headline {
	color: #FE880A;
	padding: 10px 0 0 0;
}

#content h3 {
	font-size: 11px;
	margin: 10px 0 0 0;
}

#preistabelle {
	margin: 10px 0 0 0;
}

#foto_malen_lassen_button_link {
	width: 251px;
	height: 41px;
	display: block;
	cursor: pointer;
}

/* Auftragsmalerei */
/* --------------- */
ul.pktlist {
	list-style: none;
	display: inline-block;
	list-style-position: outside;
	padding: 2px 0px 0px 0px;
	width: 100%;
}

.pktlist li {
	position: relative;
	padding: 0;
	margin-bottom: 30px;
}

#pkt {
	margin: 0 0 0 50px;
}

#pkt h3 {
	font-size: 14px !important;
}

.pktlist p {
	margin: 0;
}

.pkt {
	width: 42px;
	height: 41px;
	float: left;
	margin: -8px 0 0 0;
}

.pkt_1 {
	background-position: 0px 0px;
}

.pkt_2 {
	background-position: -43px 0px;
}

.pkt_3 {
	background-position: -86px 0px;
}

.pkt_4 {
	background-position: -129px 0px;
}

.pkt_5 {
	background-position: -172px 0px;
}

.pkt_6 {
	background-position: -215px 0px;
}

.pkt_7 {
	background-position: -258px 0px;
}

.pkt_8 {
	background-position: -301px 0px;
}

/* Bestellung */
/* ---------- */

.ballon {
	display: block;
	background-position: 0 0;
	width: 90px;
	height: 60px;
}

.popart {
	display: block;
	background-position: -91px 0;
	width: 62px;
	height: 60px;
}

.rahmen {
	display: block;
	background-position: -154px 0;
	width: 90px;
	height: 60px;
}

.portrait {
	display: block;
	background-position: 0 -61px;
	width: 45px;
	height: 41px;
}

.landschaft {
	display: block;
	background-position: -45px -61px;
	width: 95px;
	height: 42px;
}

.groesse_1 {
	display: block;
	background-position: 0 -99px;
	width: 60px;
	height: 50px;
}

.groesse_2 {
	display: block;
	background-position: -61px -100px;
	width: 90px;
	height: 60px;
}

.groesse_3 {
	display: block;
	background-position: -152px -100px;
	width: 101px;
	height: 75px;
}

.groesse_4 {
	display: block;
	background-position: 0 -161px;
	width: 121px;
	height: 91px;
}

#deliverAddress {
	width: 428px;
}

#content h3.orderhd {
	background-color: #454545;
	color: #FFFFFF;
	
	font-size:13px;
	font-weight: bold;
	
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	
	margin:0;
	margin-top:20px;
	margin-bottom:20px;
}

#content h3.orderhd span
{
	font-weight: normal;
	font-size: 11px;
}

#content label.labelradio {
	margin-top:5px;
}

#content span.spriteradio {
	margin-bottom:8px;
}

textarea#picfile {
	width: 532px;
	height: 86px;
}

.orderaddresslabel {
	display: block;
	float: left;
	width: 126px;	
	padding-top: 10px;
}

.orderaddressinput {
	float: left;
	width: 300px;
	margin-bottom: 5px;
}

.ordermsg{
	float: left;
	width: 300px;
	height: 44px;
	margin-bottom: 5px;
}

.orderprice{
	font-weight:bold;
	font-size: 20px;
	margin: 10px 0;
	display: block;
}

.errorForm{
	color: red;
}

.lilist{
	width:400px;
	overflow:auto;
}
.lilabel{
	display:block;
	float:left;
	
	width:150px;
}
.livalue{
	font-weight: bold;

	display:block;
	float:left;
	
	width: 250px;
}


#footer {
	background: url(../img/bg-wrapper-main.gif) repeat-y;
	clear: both;
	width: 1020px;
	height: 30px;
	margin: 0 auto;
	padding: 40px 0 40px 0;
}

#footer_txt {
	width: 920px;
	margin: 0 auto;
}