﻿/*
	**************************
	*                        *
	*   Styling for screen   *
	*                        *
	**************************
*/

body, html {
	text-align: center; /* Used for IE5/Win centering */
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	/*color: #888;*/
	background-color: #F4F6F8;
}

body { min-width: 1003px; background-image: url(/images/bg_blue.gif); background-repeat: repeat-x; font-size: 76%; }

h1, h2, h3, h4, h5, h6 { color: #000; }
h1 { font-size: 1.5em; letter-spacing: 1px; font-weight: normal; margin: 0; padding: 10px 0 0 0; border: 0; }
h2 { font-size: 1.2em; letter-spacing: 1px; font-weight: normal; margin: 0; padding: 5px 0 15px 0; border: 0; color: #888; }
h3 { font-size: 1em; letter-spacing: 1px; font-weight: normal; margin: 0; padding: 10px 0 0 0; border: 0; color: #888; }
h4 { }
h5 { font-size: 1em; font-weight: bold; margin: 0; padding: 0; border: 0; color: #E3831C; }
h6 { font-size: 1em; letter-spacing: 1px; font-weight: bold; margin: 0; padding: 0; border: 0; color: #000; }

img { border: 0; }

a:link, a:visited, a:active, a:hover { color: #3A6FA4; text-decoration: underline; }
a:hover { color: #3A6FA4; text-decoration: none; }
/*
.label { padding-left: 2px; font-size: 1em;}
.labelerror { color:Red; padding-left: 2px; font-size: 1em;}
*/
.label { padding-left: 2px; font-size: 0.94em; text-align:left;}
.labelerror { color:Red; padding-left: 2px; font-size: 1em; text-align:left;}

.newslink { font-size: 1.2em; line-height: 1.2; letter-spacing: 1px; }
.dotspacer_h { background-image: url(/images/dotspacer_h.gif); background-repeat: repeat-x; height: 1px; padding-bottom: 5px; }

.labeldata 
{
	z-index:-1;
	padding-left: 2px; font-size: 0.94em; text-align:left;width:90px;
}

.fodnote 
{
	padding-left: 2px; font-size: 0.8em; text-align:left;
}
.inputfield 
{
	z-index:-1;
	padding-left: 2px; font-size: 0.94em; text-align:left;
}

.ramme
{
	width: 450px;
	text-align:left;
	margin-top: 10px;
	margin-left: 20px; margin-right: auto; position: relative;
}

.bredramme
{
	width: 750px;
	text-align:left;
	margin-top: 10px;
	margin-left: 20px; margin-right: auto; position: relative;
}

.GridSearchHeader
{
	background-color:#CCCC66;
	font-weight:bold;
	color:White;
}

div#pagebg { width: 1003px; background-image: url(/images/bg_grid_blue.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto; position: relative; padding: 0; border: 0; }

div#footer { width: 1003px; height: 45px; color: #888; font-size: 0.9em; background-image: url(/images/bg_footer_blue.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; position: relative; }

div#wrapperPage {
	width: 900px;
	min-height: 600px;
	text-align: left;
	margin: 0 53px 0 50px;
	padding: 20px 0 0 0;
	border: 0;
}

#welcome div#wrapperPage, #news div#wrapperPage, #types div#wrapperPage { background-image: url(/images/bg_content5_blue.gif); background-repeat: no-repeat; background-position: top left; }
#taketest div#wrapperPage { background-image: url(/images/bg_content1_blue.gif); background-repeat: no-repeat; background-position: bottom left; }

#header { width: 900px; height: 67px; background-image: url(/images/bg_header_blue.gif); background-repeat: no-repeat; }

#wrapperleftclm { padding: 0 0 0 20px; float: left; }
#wrappercenterclm { padding: 0 0 0 30px; float: left; }
#wrapperrightclm { padding: 0 0 0 30px; float: left; }

#leftclm { width: 200px; }
#centerclm { width: 450px; }
#rightclm { width: 150px; }

#leftclm p { border: 0; padding: 0; margin: 0; }
/*
#centerclm p { padding: 0; margin: 0; border: 0; }
#welcome #centerclm p, #news #centerclm p, #types #centerclm p { padding-bottom: 15px; line-height: 1.6; font-size: 0.9em; }
#centerclm p { margin: 0; border: 0; padding-bottom: 15px; line-height: 1.6; font-size: 0.9em; }
*/
#centerclm p { margin: 0; border: 0; padding-bottom: 15px; line-height: 1.6; }

#iframe { width: 650px; height:500; background-color:White; }


#footer p { padding-top: 12px; margin: 0; }

#copyright { text-align: center; color: #888; font-size: 0.8em; padding: 10px 0 10px 0; }

#logo { padding: 7px 0 0 35px; float: left; }

#menulevelone { float: left; padding-top: 20px; padding-left: 81px; }
.menuleveloneitem { width: 105px; height: 47px; background-image: url(/images/bg_menulevel1_blue.gif); background-repeat: no-repeat; text-align: center; float: left; }
#menulevelone p { margin: 0; padding: 8px 0 0 0; border: 0; }
#menulevelone a:link, #menulevelone a:visited, #menulevelone a:active, #menulevelone a:hover { color: #5C4B37; text-decoration: none; font-size: 0.9em; }
#menulevelone a:active { color: #3A6FA4; text-decoration: underline; }
#menulevelone a:hover { color: #3A6FA4; }

#menuleveltwo p { padding: 7px 15px 0 27px; }
#menuleveltwo h6 { padding-top: 9px; padding-left: 15px; }
.menuleveltwoheader { width: 200px; height: 30px; background-image: url(/images/header_menulevel2.gif); background-repeat: no-repeat; }
.menuleveltwoitem { width: 200px; height: 29px; background-image: url(/images/bg_menulevel2.gif); background-repeat: no-repeat; color: #000; }
#menuleveltwo a:link, #menuleveltwo a:visited, #menuleveltwo a:active, #menuleveltwo a:hover { color: #5C4B37; text-decoration: none; font-size: 0.9em; }
#menuleveltwo a:active { color: #3A6FA4; text-decoration: underline; }
#menuleveltwo a:hover { color: #3A6FA4; }

#menulevelthree { background-color: #fff; }
#menulevelthree p { padding: 7px 15px 0 27px; }
.menulevelthreeitem { width: 200px; height: 29px; background-image: url(/images/bg_menulevel3.gif); background-repeat: no-repeat; color: #000; background-color: #fff; }

.clear { clear: both; height: 20px; }
.setright { text-align: right; }

#testpaper { width: 450px; }
.bg_testpaper_top { padding-left: 15px; padding-right: 15px; height: 42px; background-image: url(/images/bg_testpaper_top_blue.gif); background-repeat: no-repeat; background-color: #FDFDFD; }
.bg_testpaper { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; background-image: url(/images/bg_testpaper_blue.gif); background-repeat: repeat-y; line-height: 1.65; color: #888; }
.bg_testpaper_bottom { padding-left: 15px; padding-right: 15px; height: 42px; background-image: url(/images/bg_testpaper_bottom_blue.gif); background-repeat: no-repeat; background-color: #FDFDFD; text-align: right; }

.p_box { margin-bottom: 15px; background-color: #DAE0E8; }
.p_box_top { background-image: url(/images/p_box_top_blue.gif); background-repeat: no-repeat; height: 10px; }
.p_box_middle { color: #504130; background-color: #DAE0E8; padding-left: 10px; padding-right: 10px; line-height: 1.6; font-size: 0.9em; font-style: italic; }
.p_box_bottom { background-image: url(/images/p_box_bottom_blue.gif); background-repeat: no-repeat; height: 10px; }
#p_box_btn1 { float: left; width: 65px; height: 65px; }
#p_box_text1 { float: right; width: 355px; height: 65px; }

.banner1 { background-image: url(/images/bg_banner_140x390.gif); background-repeat: no-repeat; padding-top: 5px; text-align: center; }
.sideimg { background-image: url(/images/bg_sideimg_small.gif); background-repeat: no-repeat; padding-top: 5px; text-align: center; }

.wrapper_btn_right { float: right; }
.btn_left { float: left; width: 15px; }
.btn_mid { float: left; background-image: url(/images/btn/btn_mid_blue.gif); border:0px; background-repeat: repeat-x; height: 24px; min-width: 60px; text-align: left; color:White; font-size: 0.95em;}
.btn_mid_paper { float: left; background-image: url(/images/btn/btn_mid_paper_blue.gif); border:0px; background-repeat: repeat-x; height: 24px; min-width: 25px; text-align: left; }
.btn_right { float: left; width: 37px; color:White; }
.btn_link:link, .btn_link:visited, .btn_link:hover, .btn_link:active { color: #fff; text-decoration: none; font-size: 1em; font-weight: bold; line-height: 1.7; text-shadow: #000 1px 1px 2px; }

#report table { font-size: 0.9em; }
#report table tr td { height: 32px; }
#report h6 { padding-top: 15px; }
#report ul { padding: 0; margin: 0; }
#report li { margin: 0 0 0 15px; line-height: 1.6; }
#report .green { background-color: #aaba52; color: #fff; }
#report .yellow { background-color: yellow; color: #fff; }
#report .lightred { background-color: #ff2222; color: #fff; }
#report .red { background-color: red; color: #fff; }
#report .diffpoint { background-color: #6882A4; color: #fff; }
#report .pyjamas_primary { background-color: #DAE0E8; }
#report .pyjamas_secondary { background-color: #EDF0F4; }
#report .pointwidth { width: 33px; }

#loginout { width: 105px; }
#loginouticon { float: left; width: 15px; height: 11px; padding-top: 9px; padding-left: 27px; }
#loginouttext { float: left; }

#report .typeNormal { font-weight:normal; text-align:left  }
#report .typeBold { font-weight:bold; text-align:left }
#enneagramReport { width: 700px; }

/* Ajax Firma liste  */

autocomplete_completionListElement 
{ 
	visibility : hidden; 
	margin : 0px;  

	background-color : white; 
	color : blue;

	border : solid 1px gray; 
	cursor : hand;

	text-align : left; 
	list-style-type : none;

	font-family : Verdana; 
	font-size: 11px;

	padding : 0; 
	z-index : 2 
}

.autocomplete_listItem
{
	padding: 1px; 
	z-index: 2; 
	background-color:#FFFFCC;
} 

.autocomplete_highlightedListItem
{
	color : Red; 
	background-color:HighlightText;
	padding : 1px;
	z-index : 2; 
}
