/* 1216858958.3256 */
/*<![CDATA[*/

/*------------------------ set user fontsize ----------------------------*/

html {
	font-size: 70%; 
}
html, body { 
    height: 100%;
	margin: 0;
	padding: 0; 
} 

/*--------------------------- body elements -----------------------------*/ 

body { 
	margin: 0px;
   	background: #CCC url(/images/basic/bg.gif) repeat-x; 
   	color: #FFF; 
	line-height: 1.4em; 
    text-align: center;
   	font-family: /*'Lucida Grande',*/ Arial, Helvetica, sans-serif; 
}
/*-------------------------- making the grid ----------------------------*/

#position_y {
	float: left;
	height: 50%;
	margin-top: -270px;/* half vertical height*/
	width: 100%;
}
#position_x {
	width: 900px;
	margin-left: auto;
	margin-right: auto; 
	padding: 0; 
	height: 541px;
	background: url("/images/basic/bg_shadow.png") no-repeat top left; 
	clear: both; 
	text-align: left; 
} 
#container {
	position: absolute;
	width: 900px;
	margin: 0;
	background: url(/images/basic/bg_content.gif) repeat-x; 
	background-color: transparent; 
}
#service_navi {
	color: #333;
	text-align: right; 
	background: none; 
} 
#shadow {
	width: 100%;
	height: 50px;
	background: url(/images/basic/shadow.gif) repeat-x; 
}
#navigation { 
	background: #FFF url(/images/basic/butterfly.gif) no-repeat 0px 33px;
	color: #000; 
	float: left; 
	width: 280px; 
    height: 395px;
} 
#agd { 
	margin-left: 280px; 
	padding: 0;
	height: 30px; 
	text-align: right; 
	background: #FFF; 
}
#content { 
	margin-left: 280px; 
	padding: 0px 50px 0px 0px;
	background: #FFF; 
	color: #888;
}
#footer { 
	height: 80px;  
	/*background: #FFF url(/images/basic/formgarten_logo.gif) no-repeat right top; 
	color: #CCC; */
} 

/*------------------------ cleaning objects ----------------------------*/

#cleaner { 	
	clear: both;
	height: 1px;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	background: transparent;
} 
.invisible, .hinweis_print, .subline {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
} 
.hidden {
  	display: none;
}

/*--------------------------- navigations ----------------------------*/ 

#navigation ul {
	list-style-type: none; 
	padding: 250px 0px 0px 90px;
	margin: 0px; 
} 
#navigation li {
	line-height: 2em; 
} 
#navigation a { 
	color: #888; 
	background-color: #FFF; 
	text-decoration: none; 
    border-bottom: none; 
} 
#navigation a:hover { 
	color: #e26415; 
	background-color: #FFF;
	text-decoration: none; 
} 
#navigation .selected { 
	color: #e26415; 
	background: #FFF; 
	text-decoration: none;
}  
#service_navi ul { 
    padding: 0; 
    margin: 0;
}
#service_navi li {
	display: inline;
	list-style-type: none; 
}
#service_navi a {
	color: #333; 
	background-color: transparent; 
	text-decoration: none; 
}
#service_navi a:hover {
	color: #FFF; 
	background-color: transparent; 
}

/*--------------------------- content objects ----------------------------*/

#content p a { 
	color: #888; 
  	background: #FFF url("/images/basic/link_icon_01.gif") no-repeat 3px 0.3em;
  	padding: 0.1em 0.3em;
  	padding-left: 16px; 
  	border: 0; 
}
#content p a:hover { 
	color: #FFF;
  	background: #e26415 url("/images/basic/link_icon_02.gif") no-repeat 3px 0.3em;
  	text-decoration: none; 
  	border-bottom: 1px solid #e26415; 
} 
#zitat {
	position: absolute;
    top: 200px;
	left: 300px;
	visibility: visible;
} 
#spalte_rechts { 
    float: left; 
    width: 45%; 
}  
#captcha { 
	border: 1px solid #CCC; 
}  
#logo { 
	float: right; 
} 
h1 { 	
	font-size: 140%;
	font-weight: normal;
	color: #e26415; 
	background: #FFF; 
} 

/*-------------------------- tooltip -----------------------------*/

.tool-tip {
	width: 200px;
	color: #FFF;
	text-align: center; 
	z-index: 13000; 
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.8;
}
.tool-title {
	color: #FFF;
	font-weight: bold;
	text-shadow: 2px 2px 1px #000;
	margin: 0;
	padding: 10px 10px 2px;
	background: url(/images/basic/balloon.png) top left no-repeat !important;
	background: url(/images/basic/balloon.gif) top left no-repeat;
}
.tool-text {
	margin: 0;
	padding: 0 10px 10px;
	text-shadow: 2px 2px 1px #000;
	background: url(/images/basic/balloon.png) bottom left no-repeat !important;
	background: url(/images/basic/balloon.gif) bottom left no-repeat;
}

/*----------------------- form objects ----------------------------*/


#form_portfolio, #form_kontakt, #form_login {
	width: 50%; 
	padding: 0 10px 0 0;
	float: left;
} 
input, textarea { 
	background: #FFF url(/images/basic/bg_form.gif) top left repeat-x; 
	font: 100% /*'Lucida Grande',*/ Arial, Helvetica, sans-serif; 
	color: #888;
	border: 1px solid #CCC; 
	padding: 0.2em; 
	width: 95%; 
	outline: none; /* no aqua style in safari */ 
} 
input:hover, textarea:hover { 
	border: 1px solid #BBB; 
}
input:focus, textarea:focus { 
	border: 1px solid #e26415; 
} 
.textarea { 
	width: 95%; 
} 
label {  
	float: left; 
	width: 95%; 
	font-weight: bold; 
} 
#KT_Insert1, #kt_login1 {
	width: 70px;
	color: #888;
	background-color: #FFF; 
	background-image: none; 
	border: 1px solid #CCC; 
	padding: 0.2em;
}	
#KT_Insert1:hover, #kt_login1:hover { 
	color: white;
	background-color: #e26415;
	border: 1px solid #FFF;
	cursor: pointer;
} 

/*----------------------- showbox objects ---------------------------*/

#shadowbox_overlay {
  	visibility: hidden;
  	position: absolute;
  	display: block;
  	margin: 0;
  	padding: 0;
  	top: 0;
  	left: 0;
  	z-index: 998;
}
#shadowbox_container {
  	position: fixed;
  	height: 0px;
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	top: 0;
  	left: 0;
  	z-index: 999;
  	text-align: center; /* centers in quirks and IE */ 
}
#shadowbox {
  	display: none;
  	visibility: hidden;
  	margin: 0 auto;
  	position: relative;
  	font-family: /*'Lucida Grande',*/ Arial, Helvetica, sans-serif; 
  	text-align: left; /* reset left alignment */ 
}
#shadowbox_title {
  	height: 25px;
  	padding: 0;
  	overflow: hidden;
}
#shadowbox_title_inner {
  	height: 16px;
  	font-size: 16px;
  	line-height: 16px;
  	white-space: nowrap;
  	padding: 5px 0 4px 0px;
  	color: #FFF;
}
#shadowbox_body {
  	position: relative;
  	overflow: hidden;
  	margin: 0;
  	padding: 0;
  	border: 1px solid #fff;
  	background-color: #000;
}
#shadowbox_body_inner {
  	position: relative;
  	overflow: hidden; 
}
#shadowbox_loading {
  	position: absolute;
  	top: 0;
  	left: 0;
  	height: 10000px; /* overflow:hidden will clip this */
  	width: 100%;
  	/*background: #0D0D0D url("/images/content/arbeitsproben/blank.jpg") no-repeat top left;*/
  	background-color: #0D0D0D;
}
#shadowbox_loading img {
  	float: left;
  	margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  	float: left;
  	margin-top: 16px;
  	font-size: 100%;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  	color: #fff;
}
#shadowbox_content.html { /* make html content scrollable */
  	height: 100%;
  	width: 100%;
  	overflow: auto;
}
#shadowbox_toolbar {
  	margin: 0;
  	padding: 0;
  	height: 20px;
  	overflow: hidden;
}
#shadowbox_toolbar_inner {
  	height: 20px;
  	color: #999;
}
#shadowbox_toolbar_inner div {
  	padding-top: 5px;
  	padding-bottom: 2px;
  	font-size: 100%;
  	height: 10px;
  	line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  	text-decoration: underline;
  	font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  	text-decoration: none;
  	color: #999;
} 
#shadowbox_toolbar_inner div a:hover {
  	color: #FFF;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  	float: right;
  	padding-left: 10px;
}
#shadowbox_counter {
  	float: left;
  	padding-left: 0px;
}
#shadowbox_counter a {
  	padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  	color: #FFF;
}
div.shadowbox_message {
  	text-align: center;
  	padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  	text-decoration: none;
  	color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  	text-decoration: underline;
} 
.arbeitsproben_info_content { 
	position: absolute;
	top: 0px; 
	width: 595px; 
	height: 425px;
	padding: 0;
	margin: 0;
	background-color: #F57006; 
	color: #FFF; 
	
}
.arbeitsproben_info_content p { 
	margin: 130px 0 0 190px; 
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif; 
}
/*]]>*/