/*************************
  Fotoatelier Hainewalde
*************************/


/*****General Elements*****/


* {
	margin:0;
	padding:0;
	border:0;
}
html, body { /* activates vertical scrolling especially on FF */
	min-height: 100%;
	padding-bottom: 1px;
}

body {
    background:url(bg_.gif) repeat-x #bec1ba;
	margin-top:10px;
	font-size:62.5%;
}
body,
input,
textarea { /* since we mostly use only one font per project just define it global
              some browsers need input and textarea to be defined extra!
              as if it would not be covered by body {} */
	
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
h1{
	color:#FF0000;
	font-size:1.7em;;
	padding:11px 0pt 9px;
}
h2{
	color:#333333;
	font-size:1.4em;
	padding:10px 0pt 8px;
}
h3 {
	color:#333333;
	font-size:1.6em;
	padding:10px 0pt 7px;
}
p {
	margin:6px 0 6px 0;
	font-size:1.1em;
	color:#4c5961;
}
a,
a:link,
a:hover,
a:visited {
	color:#0B1E60;
	text-decoration:none;
}
a:hover,
a:active,
a:focus {
	color:#FF0000;
	text-decoration:none;
}

/*****Structure*****/

#main_holder {
	height:auto;
	overflow:hidden;
	width:850px;
	margin:0 auto;
	padding:40px 0 0 0;
}
#img_head {
	background-image:url(menu_top.gif);
	width:222px;
	height:43px;
	float: left;
}
#con_area {
	background-image:url(cont_top1.jpg);
	background-repeat:no-repeat;
	width:620px;
	height:100%;
	float: left;
	margin-top:25px;
	padding-top: 220px;
}

#contnt {
	background: url(mid.gif);
	width:530px;
	float:right;
	padding: 0 30px 30px 60px;
}
/*#contnt img{ Danish: Added to solve the IE6 bug wich is increasing the height of contnt
	float:left;
	margin: 0 7px 7px 0;
}*/
#bot {
	background:url(footer.gif) no-repeat 1px 0px;
	width:538px;
	height:56px;
	float:right;
	padding: 0 30px 0 60px;
	position: relative;
}
#main_header {
	width:620px;
	height:43px;
	float: left;
}
#on_top a:link,
#on_top a:visited,
#on_top a:hover{
	display:block;
	background:url(top.gif) no-repeat ;
	width:80px;
	height:14px;
	position: absolute;
	left: 520px;
	top: -14px;
	padding:0 0 0 20px;
	color:#4c5961;
	float:left;
}
.textred,
.textred a,
.textred a:link,
.textred a:visited,
.textred a:hover {
	font-size:24px;
	font-family:Tahoma;
	font-weight:bold;
	color:#FF0000;
	float: left;
	margin: 6px;
	cursor:pointer;
}
.textblack,
.textblack a,
.textblack a:link,
.textblack a:visited,
.textblack a:hover {
	font-size:18px;
	font-family:Tahoma;
	font-weight:bold;
	color:#333333;
	padding:11px 0 0 0;
	float:left;
	cursor:pointer;
}
.bordr{
	border:solid #fff 1px;
	border-top:solid #333 1px;
	border-left:solid #333 1px;
}
/**********Menu***********/
#main_menu {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:206px;
	padding:20px 0pt 20px 15px;
}
#main_menu ul {
	padding:3px 0 3px;
	margin: 0 0 0 30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-color:#AEB0AB;
}

#main_menu li {
	background:url(bullet.gif) no-repeat 0px 5px;
	padding:0px 0 4px;
}
#main_menu li.active {
	background:url(bullet2.gif) no-repeat 0px 5px;
}
#main_menu li ul li,
#main_menu li ul li.active {
	background:none;
	padding:0px 2px;
}
#main_menu li a,
#main_menu li a:link,
#main_menu li a:visited,
#main_menu li span {
	color:#333333;
	display:block;
	font-size:12px;
	font-family:Tahoma;
	padding:5px 0pt 0pt 5px;
	margin:0 0 0 30px;
	}
#main_menu li.active a:link,
#main_menu li.active a:visited,
#main_menu li span  {
	color:#FF0000;
	background-color:#AEB0AB;
	text-decoration:none;
}
#main_menu li ul a,
#main_menu li ul a:link,
#main_menu li ul a:visited,
#main_menu li.active ul a,
#main_menu li.active ul a:link,
#main_menu li.active ul a:visited,
#main_menu li.active ul span {
	margin:0 0 0 10px;
	color:#333333;
	font-size:12px;a
	text-decoration:none;
}
#main_menu li a:active,
#main_menu li a:focus,
#main_menu li a:hover,
#main_menu li.active ul li a:active,
#main_menu li.active ul li a:focus,
#main_menu li.active ul li a:hover,
#main_menu li.active ul span {
	color:#FF0000;
	text-decoration:none;
}/**********BOTTOM***********/
#content {
	background:url(mid.gif) repeat-y;
	width:530px;
	height:auto;
	padding: 0 30px 0 60px;
	position:absolute;
	left:310px;
	top:336px;
	height: 199px;
}
#contentBottom {
	background:url(footer.gif) no-repeat;
	width:720px;
	height:56px;
	margin-left:-60px;
	margin-right:-30px;
	clear:both;
	top: 600px;
	
}
#content p {
	line-height:1.3em;
	font-size:1.2em;	
	padding:5px 0px;
	margin:0pt;
}
div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
div.image p { /* picture description text */
	font-size:1em; /*define some small font size */ 
	float:none;
}
.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
}
.fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 3px 0 0 20px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr { /* can be added as class on image divs for centered images */
	text-align:center;
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}

/*----Form----*/

.frm {
	float: left;
	padding: 0 5px 0 0;
	width: 300px;
	margin:20px 0 20px 0;
}
.frm form{
	float: left;
}
.frm input,
.textarea,
.frm select {
	background:#eee;
	width:170px;
	height:15px;
	border: solid 1px #999;
	border-left: solid 2px #666;
	font-family:Verdana;
	font-size:0.9em;
	margin:0 0 5px 0;
	padding:3px 2px 1px 3px;
	float:left;
}
.textarea {
	height: 80px;
}
.frm select {
	width:179px;
	height:20px;
}
.frm label {
	width:120px;
	display:block;
	float:left;
	margin-top: 5px;
	font-size:1em;
}
.frm input.missing,
#txt_area textarea.missing {
	background-color:#FFFFFF;
	border:2px solid #fcb913;
	color:#BE4919;
}
#submit input{
	float:right;
	border: solid 1px #999;
	border-left: solid 2px #666;
	margin:5px 0 0 105px;
	padding:3px;
	background: #eee;
	height: auto;
	width: 75px;
}
.frm p {	
	clear:both;
	margin-bottom:0px !important; /* the !important is required, otherwise IE overrides it */
	margin-top:0px !important;	
}
.frm p label.radio {
	width:auto;
	margin-right:5px;
}
.frm p input.radio, 
.frm p.radio input,
.frm p input.checkbox,
.frm p.checkbox input {
	width:auto;
	height:auto;
	border:none;
	margin: 4px 15px 10px 0;
}
.frm p span.radio,
.frm p.radio span {
	display:block;
	float:left;
	width:120px;
	margin-top: 5px;
}
html>/**/body .frm legend {
	font-size: 1.6em;
	margin:0 0 10px 0;
	padding:0px;
	float: left;
}
.frm legend {
	font-size: 1.6em;
	margin:0 0 10px -8px;
	padding:0px;
	float: left;
}
#radio span,
#radio label,
#radio input{
	float:left;
	width:auto;
	margin:0 10px 5px 0;
	border:none;
}
#radio span{
	margin:0 75px 0 0;
}
table {
	border-collapse:collapse;
}
table td {
	background:#F7F7F0;
	padding:3px 10px 3px 5px;
	border:1px solid #ccc;
}