body {
background-color:#bababa;
background-image:url(images/design/hg_body.gif);
background-repeat:repeat-x;
margin:0;
padding:20px 0;

font-family: verdana, arial, helvetica, sans-serif;
font-size:   0.65em;
line-height: 1.3em;
}

a {
color:#000000;
}

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

img {
border:none;
}

#navigation #top a {
color:#FFFFFF;
}

#content {
position:relative;
background-image:url(images/design/hg_content.gif);
background-repeat:repeat-y;
margin: 0 auto;
width:960px;
}

#logo {
position:absolute;
width:180px;
padding:5px;
left:-10px;
top:35px;
background-color:#FFFFFF;

}

#bild {
float:left;
width:720px;
margin:0;
margin-top:20px;
height:520px;
}

h1 {
font-family:Helvetica, Arial, sans-serif;
font-size:1.6em;
margin-top:0;
margin-bottom:0.6em;
color:#CC0000;
}

h2 {
font-family:Helvetica, Arial, sans-serif;
font-size:1.5em;
margin-top:0;
margin-bottom:0.6em;
color:#CC0000;
text-transform:uppercase;
}

h3 {
font-family:Helvetica, Arial, sans-serif;
font-size:1.4em;
margin-top:0;
margin-bottom:0.6em;
color:#000000;
}

#bild #bottom{
background-image:url(images/design/hg_bottom.gif);
background-repeat:repeat-x;
height:50px;
padding:15px 15px;
width:690px;
color:#FFFFFF;
z-index:1;
}

#navigation {
margin-left:720px;
width:240px;
background-image:url(images/design/navi_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
height:540px;
}

#navigation #top {
background-color:#000000;
color:#FFFFFF;
height:14px;
padding:3px 8px;
text-align:right;
background-image:url(images/design/rundung_top.gif);
background-repeat:no-repeat;
}

#button {
position:absolute;
top:485px;
right:260px;
}

#buttonxxl {
position:absolute;
top:785px;
right:260px;
}
/*Fotostudioliste*/

ul.fotostudioliste {
  position:absolute;
  top:169px; right:256px;
  list-style-type: none;	
  padding: 0;
}

ul.fotostudioliste li {
 margin-bottom: 7px;
}

ul.fotostudioliste li a {
 background-color: #c10e13;
 color: white;
 padding: 3px 5px;
 text-transform:uppercase;
 text-decoration:none;
}

ul.fotostudioliste li a:hover {
 background-color: #860000; 
 color: white;
}

p.fotostudioliste {
  position:absolute;
  top:135px; right:272px;
  width:200px;
}

/*Studiobilderliste*/

#fotostudioliste ul {
 list-style-type: none;	
 padding-left: 20px;
 margin-bottom: 10px;
 margin-top: 6px;
}

#fotostudioliste ul li {
 margin-bottom: 5px;
}

#fotostudioliste ul li a {
 background-color: transparent;
 color: black;
 padding: 3px 5px;
 text-transform:uppercase;
 text-decoration:none;
}

#fotostudioliste ul li a:hover {
 background-color: #c10e13; 
 color: white;
}

#pass-bewerbungsbildersets {
	border-collapse:collapse;
}
#pass-bewerbungsbildersets td {
	border-collapse:collapse;
	border:1px solid #999;
	padding:3px;
}

#footer {
margin: 0 auto;
width:940px;
padding:10px;
font-family:Helvetica, Arial, sans-serif;
font-size:0.8em;
}

#footer #links {
float:left;
width:50%;
}

#footer #rechts {
margin-left:50%;
text-align:right;
}

#subcontent {
background-image:url(images/design/hg_unterseite.gif);
background-repeat:repeat-x;
background-color:#cccccc;
min-height:440px;
}

#fl_div0, #fl_div1, #fl_div2 {
visibility:hidden;
position:absolute;
top:350px;
left:385px;
width:320px;
}

#subtext {
width:360px;
padding:30px;
/*float:left;*/
}
#anfrage {
/*width:360px;*/
padding:30px;
/*float:left;*/
}

#subtext_breit {
padding:30px;
/*float:left;*/
}

#subtext #image, #anfrage #image {
text-align:right;
}

#agb {
padding:10px;
margin:0 20px;
background-color:#FFFFFF;
border:1px solid #CC0000;
}

.eins {
background-color:#BFBFBF;
padding:3px;
}

.zwei {
padding:3px;
}

#preis{
float:right;
margin-top:-0.2em;
}

.preisliste{
width:100%;
border-collapse:collapse;
border-spacing:0;
}

.preisliste td{
text-align:right;
padding:4px;
}

.preisliste th{
text-align:left;
padding:4px;
}

.subbild {
position:absolute;
top:20px;
right:240px;
}

.subbild2 {
position:absolute;
top:245px;
right:240px;
}

/* form elements */
form {
    overflow:auto;
    position:relative;
	margin: 0 0 -30px 0; 
	padding: 10px 25px 10px 20px; 
	border: 1px solid #F0F0F0;
	background: #f8f8f8;
   
}
form p {
   	border-bottom: 1px solid #E6E6E6;
	padding: 5px 0 5px 0;	
    margin: 0;	
	color: #b3090c;
}
label {
    font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #CC0000;
}
input, select, textarea {
   
	margin: 5px 0;
	padding: 5px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 	
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input:focus, select:focus, textarea:focus  {
	color: black;
	background: #fce4e5;
}
#f_name input, #f_email input {
	width: 280px;
} 


#anfragebutton { 
	font: bold 12px Arial, Sans-serif; 
	height: 20px;
	margin: 0;
	padding: 2px; 
	color: #fff;
	background: #CC0000;
	border-width: 1px;
  	border-style: solid;
  	border-color: #c33 #dc2424 #dc2424 #c33;
}

#f_name  {
    float: left;
    margin-right:29px;
}

#message  {
    float:left;
    border:none;
}
#message textarea  {
width: 520px;
 }

#f_druckgroesse, #f_material, #f_laminierung, #f_kaschierung {
   
    float: left;
    margin-right: 10px;
    
}
#f_button  {
    padding-top:70px;
    text-align:right;
    border-bottom:none;    
}

#f_stueckzahl input {
    width: 45px;
}
#f_druckgroesse input  {
    width: 117px;
}
#f_laminierung select, #f_kaschierung select, #f_material select  {
    width: 129px;
}

.no-border  {
border:none;
 }
 
.red-border {
   border: solid 1px #F00; 
}

ul.studiobilder, ul.studiobilder li {
  list-style:none; margin:0; padding:0;
}
ul.studiobilder {
  overflow:auto;
  background:#000;
  margin-left:-30px;
  margin-right:-330px;
  padding-bottom:16px;
  margin-bottom:-30px;
}
ul.studiobilder li {
  float:left;
  padding-top:16px;
  padding-left:16px;
}

.factor4, .factor4 a {
  color:#8b8b8b;
}