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*/

#fotostudioliste  {
 list-style-type: none;	
 padding: 0;
}

#fotostudioliste li {
 margin-bottom: 7px;
}

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

#fotostudioliste li a:hover, #fotostudioliste li#current a{
 background-color: #860000; 
 color: white;
}

p#fotobuchaktion {
	position:relative;
	color:white;
	background-color:#910404;
	/*border:1px solid #000000;*/
	padding:8px 10px 8px 120px;
	margin-top:30px;
	margin-bottom:-25px;
  	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	font-size:1.2em;
	line-height:130%;
}
p#fotobuchaktion img { 
  position: absolute; 
  top:-25px;
  left:-25px;
}
.aktion { color:white; font-size:1.5em;}


/*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; 
}
.mistake {
   color: red; 
   font-weight: bold;
}

#imageview_container { position:absolute; top:10px; left:0; width:100%; z-index: 101; text-align:center; }
#imageview {
	position:relative;
	display:inline-block;
	background-color:#FFF;
	padding:7px 20px 20px;
	margin:0 auto;
	text-align:right;
}
#imageview a, #imageview a:hover, #imageview a:visited { text-decoration:none; }
#fader {
	left: 0px;
	position: fixed;
	background-color: #000000;
	height: 100%;
	z-index: 100;
	top: 0px;
	width: 100%;
}

img.thumb-bottom {
	position:relative;
	margin-bottom:-100px;
	margin-top:-5px;
	z-index:50;
}