/* -------------------- general ---------------------- */
body {
	color:#000000;
	background-color:#efefef;
	font-size:12px;
	line-height:20px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}

a { 
	outline:none;
	/* color:#086eb7; */
	color:#4489c9;
}

b {
	font-weight:600;
	color:#454545;
}

strong {
	font-weight:600;
	color:#454545;
}

center {
	font-size:12px;
	line-height:20px;
}

layer {
	color:#000000;
	background-color:#efefef;
}

p {
	font-size:12px;
	line-height:20px;
}

h1 {
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	color:#454545;
	display:inline;
}

h2 {
	font-size:12px;
	line-height:20px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	display:inline;
}

h3 {
	font-size:12px;
	line-height:20px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	display:inline;
}

h4 {
	font-size:10px;
	line-height:14px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	display:inline;
}

.large {
	font-size:14px;
	line-height:20px;
	color:#454545;
}

.small {
	font-size:10px;
	line-height:14px;
}

.shadow {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 4px 4px 4px #AAA;
	-webkit-box-shadow: 4px 4px 4px #AAA;
	box-shadow: 4px 4px 4px #AAA;
}

/* -------------------- template ---------------------- */
.BBNetTemplate #container {
	position:relative;
	width:920px;
	background:#efefef;
	margin:0 auto;
	top:10px;
}

.BBNetTemplate #header {
	height:100px;
	background:#efefef;
	padding:0 0px 0 0px;
	line-height:10px;
}

.BBNetTemplate #sidebar1 {
	position:absolute;
	top:100px;
	left:0;
	width:140px;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd));
	background: -moz-linear-gradient(top,  #efefef,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddddd');
	border: solid 1px #b7b7b7;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	padding:0px 0px 0px 0px;
	height:508px;
	overflow:hidden;
	text-align:center;
}

.BBNetTemplate #sidebar2 {
	position:absolute;
	top:100px;
	right:0;
	width:140px;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd));
	background: -moz-linear-gradient(top,  #efefef,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddddd');
	border: solid 1px #b7b7b7;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	padding:0px 0px 0px 0px;
	height:508px;
	overflow:hidden;
	text-align:center;
}

.sidebar_head1 {
	position:relative;
	top:5px;
	left:5px;
	width:130px;
	height:60px;
	padding:2px 0px 0px 0px;
	overflow:hidden;
	display:block;
}

.sidebar_head2 {
	position:relative;
	top:0;
	left:5px;
	width:130px;
	height:29px;
	background-color:#95959a;
	padding:2px 0px 0px 0px;
	margin-bottom:2px;
	overflow:hidden;
	display:block;
}

.sidebar_foot {
	position:relative;
	top:5px;
	left:5px;
	width:130px;
	height:60px;
	padding:2px 0px 0px 0px;
	overflow:hidden;
	display:block;
}

.sidebar_space {
	position:relative;
	top:0;
	left:5px;
	width:130px;
	height:29px;
	padding:2px 0px 0px 0px;
	overflow:hidden;
	display:block;
}

.sidebar_bspace {
	position:relative;
	top:0;
	left:5px;
	width:130px;
	height:2px;
	overflow:hidden;
	display:block;
}

.nav_button {
	position:relative;
	top:0px;
	left:5px;
	width:130px;
	height:29px;
	overflow:hidden;
	display:block;
}

.bg_green {
	background-color:#4dbf4d;
}

.bg_blue {
	background-color:#4bb4fa;
}

.bg_red {
	background-color:#ff5959;
}

.bg_gray {
	background-color:#d0d0dc;
}

.bg_yellow {
	background-color:#febf00;
}

.bg_pink {
	background-color:#ff66a1;
}

.bg_purple {
	background-color:#9966ff;
}

.BBNetTemplate #mainContent {
	position:absolute;
	top:100px;
	left:145px;
	height:510px;
	width:630px;
	overflow:hidden;
}

.BBNetTemplate #footer {
	position:absolute;
	top:610px;
	left:0;
	height:55px;
	width:920px;
	background:#efefef;
	overflow:hidden;
}

/* -------------------- berufsbild ---------------------- */
.BBNetTemplate #bb_header {
	position:relative;
	top:0;
	left:0;
	width:630px;
	height:35px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:block;
}

.BBNetTemplate #bb_image {
	position:absolute;
	top:35px;
	left:0;
	width:280px;
	height:180px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:inline;
}

.BBNetTemplate #bb_buttons1 {
	position:absolute;
	top:35px;
	right:130px;
	width:204px;
	height:180px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:inline;
	text-align:center;
}

.bb_button1 {
	position:relative;
	top:0;
	left:0;
	width:204px;
	height:29px;
	padding:0px 0px 2px 0px;
	overflow:hidden;
	display:block;
}

.BBNetTemplate #bb_buttons2 {
	position:absolute;
	top:35px;
	right:0;
	width:128px;
	height:180px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:inline;
	text-align:center;
}

.bb_button2 {
	position:relative;
	top:0;
	left:0;
	width:128px;
	height:29px;
	padding:0px 0px 2px 0px;
	overflow:hidden;
	display:block;
}

.BBNetTemplate #bb_content_frame {
	position:absolute;
	top:219px;
	left:0;
	width:628px;
	height:289px;
	padding:0px 0px 0px 0px;
	border: solid 1px #b7b7b7;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	background-repeat:no-repeat;
}

.BBNetTemplate #bb_content {
	position:relative;
	top:1px;
	left:5px;
	width:617px;
	height:222px;
	padding:65px 0px 0px 5px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow-y:auto;
}

.BBNetTemplate #bb_content_header1 {
	position:absolute;
	top:1px;
	left:5px;
	width:380px;
	height:45px;
	padding:5px 0px 0px 0px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow:hidden;
}

.BBNetTemplate #bb_content_header2 {
	position:absolute;
	top:1px;
	left:390px;
	width:200px;
	height:45px;
	padding:0px 0px 0px 0px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow:hidden;
}

/* -------------------- guide ---------------------- */
.BBNetTemplate #guide_header {
	position:relative;
	top:0;
	left:0;
	width:630px;
	height:35px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:block;
}

.BBNetTemplate #guide_image {
	position:absolute;
	top:35px;
	left:0;
	width:170px;
	height:170px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:inline;
}

.BBNetTemplate #guide_info {
	position:absolute;
	top:35px;
	right:130px;
	width:310px;
	height:180px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:inline;
	text-align:left;
}

.BBNetTemplate #guide_buttons {
	position:absolute;
	top:35px;
	right:0;
	width:128px;
	height:180px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:inline;
	text-align:center;
}

.BBNetTemplate #guide_button {
	position:relative;
	top:0;
	left:0;
	width:128px;
	height:29px;
	padding:2px 0px 0px 0px;
	overflow:hidden;
	display:block;
}

.BBNetTemplate #guide_content_frame {
	position:absolute;
	top:219px;
	left:0;
	width:628px;
	height:289px;
	padding:0px 0px 0px 0px;
	border: solid 1px #b7b7b7;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	background-repeat:no-repeat;
}

.BBNetTemplate #guide_content {
	position:relative;
	top:1px;
	left:5px;
	width:619px;
	height:284px;
	padding:5px 0px 0px 5px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow-y:auto;
}

/* -------------------- registers ---------------------- */
.BBNetTemplate #reg_az_header1 {
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:100px;
	padding:0px 0px 0px 0px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow:hidden;
}

.BBNetTemplate #reg_az_header2 {
	position:absolute;
	top:0px;
	left:120px;
	width:255px;
	height:100px;
	padding:0px 0px 0px 0px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow:hidden;
}

.BBNetTemplate #reg_az_header3 {
	position:absolute;
	top:0px;
	left:375px;
	width:255px;
	height:100px;
	padding:0px 0px 0px 0px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow:hidden;
}

.BBNetTemplate #reg_az_register {
	position:absolute;
	top:95px;
	left:0;
	width:630px;
	height:25px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.BBNetTemplate #reg_az_content_frame {
	position:absolute;
	top:121px;
	left:0;
	width:628px;
	height:387px;
	padding:0px 0px 0px 0px;
	border: solid 1px #b7b7b7;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	background-repeat:no-repeat;
}

.BBNetTemplate #reg_az_content {
	position:relative;
	top:1px;
	left:5px;
	width:617px;
	height:385px;
	padding:0px 0px 0px 5px;
	color:#000000;
	overflow-y:auto;
}

.BBNetTemplate #reg_header {
	position:absolute;
	top:0px;
	left:0px;
	width:630px;
	height:60px;
	padding:0px 0px 0px 0px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow:hidden;
}

.BBNetTemplate #reg_register {
	position:absolute;
	top:62px;
	left:0;
	width:630px;
	height:25px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.BBNetTemplate #reg_content_frame {
	position:absolute;
	top:88px;
	left:0;
	width:628px;
	height:420px;
	padding:0px 0px 0px 0px;
	border: solid 1px #b7b7b7;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	background-repeat:no-repeat;
}

.BBNetTemplate #reg_content {
	position:relative;
	top:1px;
	left:5px;
	width:617px;
	height:418px;
	padding:0px 0px 0px 5px;
	color:#000000;
	overflow-y:auto;
}

.BBNetTemplate #reg_plain_header {
	position:absolute;
	top:0px;
	left:0px;
	width:630px;
	height:60px;
	padding:0px 0px 0px 0px;
	font-size:12px; 
	line-height:20px;
	color:#000000;
	overflow:hidden;
}

.BBNetTemplate #reg_plain_content_frame {
	position:absolute;
	top:62px;
	left:0;
	width:628px;
	height:446px;
	padding:0px 0px 0px 0px;
	border: solid 1px #b7b7b7;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
	background-repeat:no-repeat;
}

.BBNetTemplate #reg_plain_content {
	position:relative;
	top:1px;
	left:5px;
	width:617px;
	height:444px;
	padding:0px 0px 0px 5px;
	color:#000000;
	overflow-y:auto;
}

/* -------------------- buttons ---------------------- */
.abutton {
	outline: none;
	cursor: pointer;
	display:inline-block;
	position:relative;
	top:3px;
	left:0px;
	width:120px;
	height:20px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c9c9c9));
	background: -moz-linear-gradient(top,  #fff,  #c9c9c9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9c9c9');
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	color: #606060;
	border: solid 1px #b7b7b7;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-shadow:1px 1px 0px #eeeeee;
}
.abutton:active {
	color: #303030;
	background: #c9c9c9;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#fff));
	background: -moz-linear-gradient(top,  #c9c9c9,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9', endColorstr='#ffffff');
	top:4px;
}
.abutton:hover {
	background: #ececec;
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#bababa));
	background: -moz-linear-gradient(top,  #ececec,  #bababa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#bababa');	
}

.lbutton {
	width:196px;
}

.hbutton {
	color:#efefef;
	font-weight:normal;
	font-size:12px;
	line-height:28px;
	text-decoration:none;
}

.selbutton, selbutton:hover, selbutton:active {
	cursor: not-allowed !important;
	color: #303030 !important;
	background: #c9c9c9 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#fff)) !important;
	background: -moz-linear-gradient(top,  #c9c9c9,  #fff) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9', endColorstr='#ffffff') !important;
}

.ibutton, ibutton:hover, ibutton:active {
	cursor: not-allowed !important;
	background: #fff !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c9c9c9)) !important;
	background: -moz-linear-gradient(top,  #fff,  #c9c9c9) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9c9c9') !important;
	color: #9a9a9a !important;
	border: solid 1px #ddd !important;
	top:3px !important;
}

.sbutton {
	color:#606060;
	font-weight:normal;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #eeeeee;
}

.sbutton:link {
	color:#606060;
	text-decoration:none;
}

.sbutton:visited {
	color:#606060;
	text-decoration:none;
}

.sbutton:hover {
	color:#303030;
}

.sbutton:active {
	color:#303030;
}

.search {
	color:#000000;
	font-weight:normal;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
}

.flag {
	font-weight:600;
	font-size:14px;
	line-height:60px;
	text-decoration:none;
	color:#444;
}

/* -------------------- tables ---------------------- */
td {
	font-size:12px;
	line-height:20px;
	margin-left:5px;
	margin-right:5px; 
}

table.headerbar{
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd));
	background: -moz-linear-gradient(top,  #efefef,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddddd');
	border: solid 1px #b7b7b7;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

td.headerbar {
	height:26px;
}

td.head {
	width:100%;
	height:20px;
	font-size:12px;
	font-weight:bold;
	color:#ccddee;
	background-color:#1e598b;
}

/* -------------------- attributes ---------------------- */
img.att_0 { background-image:url(/images/attributes.png); background-position: -0px -0px; width: 13px; height: 16px; vertical-align:middle; }
img.att_1 { background-image:url(/images/attributes.png); background-position: -13px -0px; width: 13px; height: 16px; vertical-align:middle; }
img.att_2 { background-image:url(/images/attributes.png); background-position: -26px -0px; width: 13px; height: 16px; vertical-align:middle;  }
img.att_3 { background-image:url(/images/attributes.png); background-position: -39px -0px; width: 13px; height: 16px; vertical-align:middle;  }
img.att_4 { background-image:url(/images/attributes.png); background-position: -52px -0px; width: 13px; height: 16px; vertical-align:middle;  }
img.att_5 { background-image:url(/images/attributes.png); background-position: -65px -0px; width: 13px; height: 16px; vertical-align:middle;  }
img.att_6 { background-image:url(/images/attributes.png); background-position: -78px -0px; width: 13px; height: 16px; vertical-align:middle;  }
img.att_7 { background-image:url(/images/attributes.png); background-position: -91px -0px; width: 13px; height: 16px; vertical-align:middle;  }
img.att_8 { background-image:url(/images/attributes.png); background-position: -104px -0px; width: 13px; height: 16px; vertical-align:middle;  }
img.att_9 { background-image:url(/images/attributes.png); background-position: -117px -0px; width: 13px; height: 16px; vertical-align:middle;  }

/* -------------------- lists ---------------------- */
ul {
	font-size:12px;
	line-height:20px;
}

li img {
	vertical-align:middle;
	border:hidden;
}

/* -------------------- inputs ---------------------- */
form {
	margin:0px;
	padding:0px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

input, textarea {
	font-family:Tahoma, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
}

.search_ip {
	position:relative;
	top:2px;
	left:0px;
	width:112px;
	height:20px;
	padding:2px 2px 2px 16px;
	background-color:#ffffff;
	background-image:url(/images/mg.png);
	background-repeat:no-repeat;
	background-position:2px 3px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c0c0c0;
	display:inline-block;
	color:#505050;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

/* -------------------- overlays ---------------------- */


/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(/images/overlay/transparent.png);
	color:#efefef;
	height:535px;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:526px;
	overflow-y:auto;
}



/* use a semi-transparent image for the overlay */
#overlay_small {
	background-image:url(http://www.berufskunde.com/images/overlay/transparent_small.png);
	color:#efefef;
	height:535px;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap_small {
	height:526px;
	overflow-y:auto;
}

/* the overlayed elements */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://www.berufskunde.com/images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:880px;		
	
	/* some padding to layout nested elements nicely  */
	padding:50px 40px 50px 50px;
}

.apple_overlay_small {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://www.berufskunde.com/images/overlay/white_small.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:535px;		
	
	/* some padding to layout nested elements nicely  */
	padding:50px 45px 35px 55px;
}

/* default close buttons positioned on upper right corner */
.apple_overlay .close {
	background-image:url(http://www.berufskunde.com/images/overlay/close.png);
	position:absolute; right:16px; top:12px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.apple_overlay_small .close {
	background-image:url(http://www.berufskunde.com/images/overlay/close.png);
	position:absolute; right:16px; top:12px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* simple graph */
.clear{
	clear:both;}

.graph {
	float:left;
	background-color:#cfcfcf;
	position:relative;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:0
}
 
.graph .bar {
	display:block;
	position:relative;
	background-image:url(http://www.berufskunde.com/images/bargraph.gif);
	background-position:right center;
	background-repeat:repeat-x;
	border-right:#538e02 1px solid;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	height:12px
}
 
.graph .bar span {
	position:absolute;
	left:1em
}