/* theme name: www.steffenpreuss.de - home 2008
autor:st.preuß
description: basics

-------------------------- */

/*  Basics */
html, body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	background-color:#f8f8ff;
	color:#fff;
	font:normal 0.9em/1.30em "andale mon", arial, helvetica, sans-serif;
	margin:0;
	padding:0;
	padding-left:37%;
	overflow:scroll;
}
body#index{
	color:#0f0f0f;
}
div.container{
	height:60px;
	margin:0px auto;
	text-align:center;
	width:800px;
	position:absolute; 
	top:40%;
}
div.reflist{
	height:450px;
	margin:0px auto;
	width:50%;/*700px*/
	position:absolute; 
	top:20%;
	z-index:999;
}
div.refBox{
	background-color:#F8F8FF;
	width:100%;/*508px*/
}

div.inlineRefBox{
	margin-left:8px;
	width:100%;/*600px*/
}
div.inlineRefBoxInner{
	background:#fff;
	border:2px solid #212121;
	padding:10px;
	width:500px;
}
a.alink:link,
a.alink:visited,
a.alink:focus,
a.alink:hover,
a.alink:active{
	color:#212121;
	text-decoration: none;
	line-height:20px;
}
a.alink:hover{
	text-decoration:underline;
}


div.buttonbox{
	border-top:1px dotted silver;
	height:20px;
	margin-top:8px;
	text-align:right;
	width:400px;
}

a.closelink:link,
a.closelink:visited,
a.closelink:focus,
a.closelink:hover,
a.closelink:active{
	color:#B22222;
	cursor:pointer;
	font-size:11px;
	font-size:11px;
	height:15px;
	text-decoration: none;
	line-height:20px;
}
a.closelink:hover{
	text-decoration:underline;
}

.refboximg{
	border:0px;
	float:left;
	margin:4px;
}


h1, h2, h3, h4, p, pre{
	margin:3px 6px;
	padding:0;
	text-align: left;
}

blockquote{
	margin:15px;
	padding:0;
}

/* E-Mail-Formular Start */
form#form1{
	clear:both;
	background-color:transparent;
	margin:5px 0 0 -10px;
	padding:15px 0 15px 10px;
	width:465px;
}
#formCaption{
	margin:0 0 10px 0;
	padding-bottom:3px;
}
form#form1 fieldset{
	border:none;
	margin:0 0 5px 0;
	padding:10px 0  0 5px;
}
form#form1 label{
	height:21px;
	float:left;
	font-weight:bold;
	font-size:95%;
	width:150px;
}
form#form1 input{
	background:transparent url(../gfx/main/gfx400x1FormFieldBg.jpg) top right repeat-y;
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #d6d6d6;
	border-top:1px solid #e0e0e0;
	color:#454545;
	height:21px;
	margin:0;
	padding:3px 2px 0 4px;
	width:270px;
}
form#form1 textarea{
	background:transparent url(../gfx/main/gfx400x1FormFieldBg.jpg) top right repeat-y;
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #d6d6d6;
	border-top:1px solid #e0e0e0;
	clear:both;
	color:#454545;
	float:left;
	height:200px;
	margin:0 5px 15px 5px;
	overflow:auto;
	padding:2px;
	width:420px;
}
form#form1 .submit, form#form1 .reset{
	margin:-5px 0 0 5px;
	padding:1px 20px;
}
form#form1 p{margin:20px 0 5px 14px;}
form p span em, form p span dfn, label em{color:#c63030;}
form p span dfn{
	font-variant:small-caps;
	font-style:normal;
	text-decoration:underline; 
}
.submit, form#form1 .reset{
	margin:-5px 0 0 5px;
	padding:1px 20px;
}

div#formright{
	background:transparent url(../gfx/webdesign-berlin.jpg) top left no-repeat;
	float:right;
	height:425px;
	width:340px;
	position:absolute;
	top:5px;
	right:10px;
}

p.validator{
	position:fixed;
	bottom:5px;
	right:5px;
}
p.validator img{
	border:none;
}


/* E-Mail-Formular End */

/* scriptaculous */


/* Highslide */
* {font-family:Verdana, Helvetica;font-size: 10pt;}
.highslide-html{background-color:#fff;}
.highslide-html-blur{}
.highslide-html-content{display:none;position:absolute;}
.highslide-loading {
	background:#fafafa url(highslide/graphics/loader.white.gif) 3px 1px no-repeat;
	border:1px solid black;
	color:black;
	display:block;
	font:normal 0.9em/1.30em "andale mon", arial, helvetica, sans-serif;
	text-decoration:none;
	padding:2px;
	padding-left:22px;
}
a.highslide-credits,
a.highslide-credits i {
	color:silver;
	font-size:10px;
	padding:2px;
	text-decoration:none;
}
a.highslide-credits:hover,
a.highslide-credits:hover i{
	background-color:gray;
	color:white;
}
/* Styles for the popup */
.highslide-wrapper{background-color:#fafafa;}
.highslide-wrapper .highslide-html-content{
	height:445px;
	padding:0 0 0 15px;
	width:465px;   
}
.highslide-wrapper .highslide-header div{}
.highslide-wrapper .highslide-header ul{
	margin:0;
	padding:0;
	text-align:right;
}
.highslide-wrapper .highslide-header ul li{
	display:inline;
	padding-left:1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display:none;
}
.highslide-wrapper .highslide-header a{
	color:gray;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.highslide-wrapper .highslide-header a:hover{color:black;}
.highslide-wrapper .highslide-header .highslide-move a{cursor:move;}
.highslide-wrapper .highslide-footer{height:11px;}
.highslide-wrapper .highslide-footer .highslide-resize{
	background: url(highslide/graphics/resize.gif);
	float:right;
	height:11px;
	width:11px;
}
.highslide-wrapper .highslide-body{
	height:400px;
	width:800px;
}
.highslide-move{cursor:move;}
.highslide-resize{cursor:nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block{display:block;}
.highslide-display-none{display:none;}