body{
margin-top:0;margin-left:0;
font-family:Verdana,Arial,sans-serif;
}
h1, h2, h3{
font-family:Verdana,Arial,sans-serif;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:1.3em;
}
h1, h2{
margin: 0 0 0 0;
color:#000000;
font-size:10pt;
}
h3{
margin: 8px 0 8px 0;
font-size:8pt;
color:#ffffff;
}
	div#page_header h1{
		color:#ffffff;
		margin-bottom:2px;
		text-align:center;
	}
	div#preview_title h2{ 
		margin-bottom:2px;
		text-align:left;
		font-weight: bold;
		text-align: center;
		font-size:8pt;
	}
	div#image_info h2{ 
		margin-bottom:2px;
		text-align:left;font-size:8pt;
	}
	div#note h2{
		font-weight:bold;
		text-decoration:underline;
		color:#ffffff;
		margin: 2px 0 4px 0;
		font-size:8pt;
	}
	div#note h3{
		text-decoration:underline;
	}
a{
text-decoration:none; 
color:#000000; 
font-family:Verdana,Arial,sans-serif;
font-size:8pt;
font-style:normal;
font-weight:normal;
letter-spacing:0pt; 
text-align:justify; 
line-height:1.2em;
}

a:hover, a:active{
color:#a2a2a2; 
}
a[href ^="http://"]{
	background: url('../bin/icons/external.png') no-repeat center left;
	padding-left: 16px;
}
/* no icosn for internal links */
a[href ^="http://www.sebastian-herminghaus.de/"]{
	background: transparent;
	padding: 0;
}

div#content_extern a{
	color:#7d7d7d;
	background-color:#ffffff;
	font-size:7pt;
	font-weight:bold;
}
div#content_extern a:hover, div#content_extern a:active{
	color:#ffffff;
	background-color:#7d7d7d;
}

div#content_extern a.message{
	color:#000000;
	background-color:#ffff66;
	font-size:7pt;
	font-weight:bold;
	letter-spacing:0pt;
}
div#content_extern a.message:hover, div#content_extern a.message:active{
	color:#ffff66;
	background-color:#000000;
	font-size:7pt;
	font-weight:bold;
	letter-spacing:0pt;
}

div#content_extern div.extern_text a{
	color:#333366;
	background-color:#ffffff;
}
div#content_extern div.extern_text a:active, div#content_extern div.extern_text a:hover{
	color:#ffffff;
	background-color:#333366;
}
div#back_to_thumb a{
	color:#000000;
	font-size:7.5pt;
	letter-spacing:1pt;
}
div#back_to_thumb a:hover, div#back_to_thumb a:active{
	color:#333333;
}
div#data_info a{
	color:#ffffff;
	font-size:7pt;
	font-weight:bold;
}
div#data_info a:hover, div#data_info a:active{
color:#dfdfdf;
}
div#printCard a{
	font-family:Arial,sans-serif;
	color:#888888;
	font-size:7pt;
	line-height:1.1em;
}
div#printCard a:hover, div#printCard a:active{
	color:#333333;
}


/* ############################## */
/* BEREICHE ua. */
/* ############################## */

div#outer_box{
position:absolute;
z-index:1;
}
div#box{
position:relative;
}
div#page_header{
position:absolute; 
top:0px;left:0px; 
width:864px;height:20px; 
font-family:Verdana,Arial,sans-serif;
color:#ffffff; 
font-size:9pt; 
border-collapse:collapse;
background:url('http://www.sebastian-herminghaus.de/bin/header_bg.jpg') repeat;
z-index:50;
}
div.praise{
text-align:center;
font-weight:bold;
font-size:10pt;
margin:0 !important;
padding:16px 0 0 0 !important;
height:32px !important;
width:100%;
border:none;
background:#ffff66 !important;
color:#000 !important;
cursor:pointer;
}
div.praise:hover{
background:#000 !important;
color:#ffff66 !important;
}

div#sub_header{
position:absolute; 
top:40px;left:0px; 
width:864px;height:18px;
color:#000000; 
font-family:Verdana,Arial,sans-serif; 
font-size:8pt; 
font-weight:normal; 
text-align:left;
border-collapse:collapse;
z-index:55;
}

div#back{
position:absolute;
top:0px;left:0px; 
width:864px; 
height:732px;
overflow:hidden;
z-index:60;
}
div#page_header,div#sub_header,div#content_thumbs,div#preview_display,div#preview_title,div#content_extern{
border:solid 1px #141414;
}
div#page_header,div#sub_header,div#content_thumbs,div#preview_display,div#preview_title,div#content_extern,div#content_thumbs div div{
-moz-box-shadow: 1px 1px 4px #adadad;
-webkit-box-shadow: 1px 1px 4px #adadad;
box-shadow: 1px 1px 4px #adadad;
}
	
div#content_thumbs{
position:absolute; 
top:78px;left:0px; 
width:472px; 
color:#A2A2A2;
border-collapse:collapse;
background-color:#ffffff;
z-index:100;
}

div#preview_display{
position:absolute; 
top:78px;left:492px; 
width:372px;height:456px; 
color:#A2A2A2;
overflow:hidden;
z-index:150;
}

div#preview_display img{
border:solid 1px #bfbfbf;
padding:6px;
-moz-box-shadow: 1px 1px 10px #a7a7a7;
-webkit-box-shadow: 1px 1px 10px #a7a7a7;
box-shadow: 1px 1px 10px #a7a7a7;
}

div#preview_title{
position:absolute; 
top:518px;left:498px; 
width:360px; 
color:#A2A2A2;
background-color:#ffffff;
font-family:Verdana,Arial,sans-serif;
font-size:8pt; 
line-height:12pt; 
font-weight:normal; 
color:#000000;
padding-top:2px;
padding-bottom:4px;
z-index:200;
}

div#content_pic{
position:absolute; 
top:78px;left:0px;
overflow:hidden;
border-width:1px; 
border-color:#000000; 
border-style:solid;
border-collapse:collapse;
cursor:pointer;
z-index:400;
}

div#drag_layer{
position:absolute;
cursor:move;
}

div#image_info{
position:absolute;
top:62px;left:0px;
font-family:Verdana,Arial,sans-serif; 
font-size:8pt; 
font-weight:normal;
color:#000000;
z-index:450;
}

div#back_to_thumb{
position:absolute;
top:40px;left:712px;
height:18px;width:152px;
font-family:Arial,sans-serif; 
font-size:8pt; 
font-weight:normal; 
text-align:right; 
color:#000000;
background-color:#ffbbdd;
overflow:hidden;
border-width:1px; 
border-color:#000000; 
border-style:solid;
z-index:455;
}
.cropped_thumb{
position:relative;
overflow:hidden; line-height:1pt;
padding:4px;
}
.full_border{
border-style:solid;
border-width:1px;
}
.top_border_black{
border-top-style:solid;
border-top-width:1px;
border-top-color:#000000;
}
.b_grey{
border-color:#A9A9AE;
}
.b_black{
border-color:#000000;
}
div#content_extern{
position:absolute; 
top:0px;left:884px; 
width:240px;
color:#7d7d7d; 
font-family:Verdana; 
font-size:7pt; 
font-weight:normal; 
vertical-align:top;
margin:0;
padding: 0; 
color:#888888; 
line-height:1.2em; 
text-align:left;
z-index:500;
}
div#content_extern div{
padding: 0 0 0 2px;
}
	div#content_extern p{
	margin: 8px 0 8px 0;
	padding: 0;
	width: 236px;
	text-align: left;
	}
div.extern_text img{
float: left;
display: inline;
padding: 0;
margin-right: 0.8em;
}
div#enter_contact{
position:absolute; 
top:40px;left:0px;
height:18px;width:242px;
font-family:Arial,sans-serif; 
font-size:8pt; 
font-weight:normal; 
text-align:left;
color:#000000;
background-color:#ddffbb;
overflow:hidden;
border:solid 1px #000000;
z-index:505;
}
div#preloadStatus
{
position:absolute;
top:41px;left:742px;
height:16px;width:121px;
font-family:Arial,sans-serif; 
font-size:8pt; 
font-weight:normal; 
text-align:left; 
color:#999999;
overflow:hidden;

z-index:455;
}

div#zoom_panel{
position:absolute; 
width:240px;
color:#000000; 
font-family:Verdana; 
font-size:7pt; 
font-weight:normal; 
text-align:left;
background: url('http://www.sebastian-herminghaus.de/bin/trans_75.png') repeat;
border:solid 1px #000000;
z-index:600;
}
div#z_level_display
{
}
.z_icon{
	width:20px;height:24px;
	padding-left:2px;
	}
.z_element{
	width:20px;height:24px;
	padding-left:2px;
	}
.fl{float:left;}
.z_text{
	font-family:Verdana,Arial,sans-serif;
	color:#000000; 
	font-size:7pt; 
	font-weight:normal; 
	text-align:left;
}
/* popup-div */
div#dataInfo
{
position:absolute; 
top:360px;left:792px;
color:#efefef; 
font-family:Verdana; 
font-size:7pt; 
font-weight:normal; 
text-align:left;
background:url('http://www.sebastian-herminghaus.de/bin/bg_70.png') repeat;
z-index:800;
}
	div#datainfo a{
		font-size: 0.95em;
	}	
	div#datainfo a[href ^="http://"]{
		color: #ababab;
	}
	div#datainfo a[href ^="http://www.sebastian-herminghaus.de/"]{
		color: #efefef;
	}
	div#datainfo a:hover{
		color: #afafaf;
	}
	div#datainfo h2{
		color: #FFFFFF;
		font-size: 1.15em;
		
		margin-top: 0.8em;
		font-weight: bold;
	}
	div#datainfo h3{
		text-decoration: underline;
	}
div#debug
{
position:absolute; 
top:50%;left:200px;
width:360px;
color:#7d7d7d; 
font-family:Verdana; 
font-size:7pt; 
font-weight:normal; 
text-align:left;
background-color:#ffffff;
border:solid 1px #000000;
}
div#link_intern
{
position:absolute; 
top:4px;left:440px;
width:440px;height:20px;
color:#dddddd;
font-family:Arial,sans-serif; 
font-size:7pt; 
font-weight:normal;
}

/* formular formats */

textarea
{
font-family:Verdana,Arial,sans-serif; 
font-size:8.5pt; 
line-height:12pt;
color:#000000;
}
	textarea.message{width:200px;height:240px;overflow:auto;}
form
{
font-family:Arial,sans-serif;
}
input
{
width:200px;height:20px;
font-family:Verdana,Arial,sans-serif;
font-size:11pt;line-height:12pt;
color:#000000;
background-color:#ffffff;
border-style:none;
}
	input.dLine{border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:#000000;}
	
button{
border:solid 1px #000000;
background-color:#ffff66;
cursor:pointer;
}

div#messageInfo{
margin:0 0 0 8px !important;
padding:0 !important;
height:40px;
font-family:Arial,sans-serif;
z-index:700;
margin-left:8px;
z-index:99;
}
div#messageInfo.props{width:480px;font-size:7pt;line-height:9pt;color:#878787;text-align:left;}

div#formular
{
margin:0 0 0 8px !important;
padding:0 !important;
width:480px;
height:360px;
z-index:100;
border:solid 1px #000000;
font-size:7.5pt;
color:#000000;
line-height:10pt;
z-index:100;
}
.cols{font-family:Arial,sans-serif;font-size:7pt;color:#000000;line-height:8pt;}
div#messageBox
{
position:absolute;
top:96px;left:16px;
width:232px;height:160px;
z-index:101;
}
div#senderBox
{
position:absolute;
top:240px;left:248px;
width:212px;height:96px;
z-index:102;
}

div#sendButton
{
position:absolute;
top:388px;left:16px;
height:16px;width:120px;
z-index:103;
}

div#printCard
{
position:absolute;
top:388px;left:360px;
width:120px;
height:16px;
text-align:center;
border-style:dotted;border-width:1px;border-color:#000000;
z-index:104;
}
div#sendInfo
{
position:absolute;
top:442px;left:8px;
width:480px;height:32px;
text-align:left;
z-index:105;
}
	.formTXT{font-family:Arial,sans-serif;font-size:7pt;color:#000000;line-height:8pt;}
	
div#notice
{
position:absolute;
top:480px;left:16px;
font-family:Arial,sans-serif;
z-index:700;
}
	div#notice.error{width:360px;font-size:8pt;line-height:12pt;color:#ec6700;text-align:left;}


#stamp
{
position:absolute; 
top:68px;left:284px; 
width:200px;height:179px;
overflow:hidden;
text-align:left;
visibility:visible;
z-index:800;
}
#mark
{
position:absolute; 
top:126px;left:350px; 
width:73px;
height:73px; 
text-align:left;
visibility:hidden;
z-index:801;
}