/* ***************************************************** 

    kok kontaktstellen datenbank, 
    (c) 2009 - Helga Kröger  Kommunikation, h3 PartG
    
    Filename:   kok.css
    Descr.:     default stylesheet
    Remarks:    Tab width 4

    Version/Date:   1.x 10.02.2009 hk, gj


***************************************************** */




/**** default tag styles ******************************************************/
body {
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	border:0;
	font-size:12px;
	/*font-size:100.01%;*/
	color:#1E1E1E;  
}
body, h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
}


a { 
	color:#ff0848;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	color:#ff7799;
	text-decoration:underline;
}

a:active, a:focus {outline:none;}

/**** default headlines */
h1 { font-size:18px; }
h2 { font-size:16px; margin-top:15px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { }



hr { color:#ff0848; size:2px; margin: 10px 0 10px 0;}




/******************************************************************************/
/**** project spec. ids and classes *******************************************/


#main {
	height:101%;
	margin:0px;
	padding:0px;
}

#top {
	width:100%;
	height:140px;
	background-image: url(../img/head_bg.jpg); background-repeat:no-repeat;
}

#application {
	width:1000px;
	background: url("../img/bg_stripe_plus.jpg") 0px top repeat-y;
	min-height:400px;
}


#navigation {
	float:left;
	width:160px;
	padding:0;
	margin-left:25px;
}
#navigation div {}
#navigation .headnavi {
	padding:15px 5px 5px 5px;
	border-bottom: 5px solid #ff0848;
}
#navigation .mainnavi {
	padding:0px 0px 0px 0px;
}
#navigation div a {
	display:block;
	font-weight:bold;
	border: 2px solid #ffffff;
	color:#171717;
}
#navigation .headnavi p {
	margin:0px 0px 12px 4px;
	padding:0px; 
}
#navigation .headnavi a {
	margin:8px 5px 8px 0px; 
	padding:4px ; 
}
#navigation .headnavi a:hover, #navigation .headnavi a:focus, #navigation .headnavi a:active { 
 	color:#171717;
	border: 2px dotted #9ebdca;
	background-color:#ffffff;
	text-decoration:none;
}

#navigation .headnavi a:active, #navigation .headnavi a:focus {outline:none;}
#navigation .headnavi a.selected { 
	background-color: #9ebdca; 
	color:#ffffff;  
}
#navigation .mainnavi a {
	margin:2px 0px 0px 0px;
	padding:8px; 
	color:#171717;

}
#navigation .mainnavi a:hover, #navigation .mainnavi a:focus, #navigation .mainnavi a:active {
	border: 2px dotted #9ebdca;
	background-color:#ffffff;
	color:#171717;
	text-decoration:none;
}

#navigation .mainnavi a:active, navigation .mainnavi a:focus {outline:none;}

#navigation .mainnavi a.selected { 
	border: 2px solid #ffffff; 
	background-color: #9ebdca;  
	color:#ffffff; 
}  


#content {	
	float:left;
	width:750px;
	margin-left:35px;
	padding:15px 0 20px 0;
}

#page {
	/* border:1px solid #0000C0; */
}


#msgdiv {
	min-height:20px;
}


#footer {
	width:790px;
	font-size:10px;
	margin-left:200px;
	margin-top:0px;
	padding:5px 0 0 2px;
	color:#666666;
	border-top:1px solid #ff0848;
}

#footer a {color:#666666;}
#footer a:hover {color:#666666; text-decoration:underline;}
#footer a:active, #footer a:focus {outline:none;}




/******************************************************************************/
/* formular for account data, login ... */
.standard_form {}
.standard_form .field { margin-bottom:6px; }
.standard_form .field label {
	display:block;
	margin-bottom:1px;
}
	/* used only for show mode */
.standard_form .field div {
	height:18px;
	padding:3px 2px 0 2px;
	border:2px solid #C0C0C0;
}

/* filter formular for listing */
.filter_form {	
	border:2px solid #e6e6e6;
	background-color: #f9f9f9;
	margin:0 0 20px 2px;
	padding:20px 0 0 20px;
	width:721px;
	height:150px;
}
.filter_form .fieldline {
	border-top:1px solid #f9f9f9;
	border-bottom:1px solid #f9f9f9;
}
.filter_form .field {
	float:left;
	width:240px;
	margin-bottom:6px;
}


.delete_form div {
	width:460px;
}

.upload_form {
	
}
.upload_form label, .delete_form label {
	display:block;
	margin-bottom:2px;
	font-weight:bold;
}
input.upload {
	margin-bottom:10px;
}

/****************************************************************/
/* fragebogen 1 - Ansicht */
.questionary_navi,
.show_navi {
	width:720px;
	font-weight:bold;
}
.questionary_navi div,
.show_navi div {
	margin-bottom:3px;
}
.questionary_navi a {
	margin-right:20px;
}
.show_navi a {
	margin-right:46px;
}
.questionary_navi {
	margin-bottom:16px;
	padding:15px 10px 12px 10px;
	background-color:#EEEEEE;
	border: 2px solid #E6E6E6;
}
.questionary_navi div div {
	float:left;
	width:120px;
}
.show_navi {
	
}

 


.show_form {
	margin-top:30px;
}
.show_form label {
	margin-bottom:3px;
	color:#477081;
	font-weight:bold;
}

.show_form .field_1col,
.show_form .field_2col,
.show_form .txtfield_1col,
.show_form .row {
	float:left;
	width:740px;
	margin-bottom:8px;
	/*margin-left:6px;*/
}
.show_form .field_2col {
	width:364px;
}

.show_form .field_1col div,
.show_form .field_2col div,
.show_form .txtfield_1col div {
	border:1px solid #C0C0C0;
}
.show_form .field_1col div,
.show_form .field_2col div {
	min-height:15px;
	padding:3px 2px 3px 2px;
}
.show_form .field_1col div {}
.show_form .field_2col div {
	width:358px;
}
.show_form .txtfield_1col div {
	min-height:54px;
	padding:0 4px 0 4px;
}


.show_form .gmap {
	margin-top:4px;
}
.gmap a {
	padding-right:14px;
	font-weight:bold;
	background:url(../img/arrow_r.gif) no-repeat center right;
}
.gmap a:hover, .gmap a:active, .gmap a:focus {
	padding-right:14px;
	background:url(../img/arrow_r_hover.gif) no-repeat center right;
}


.show_form .row ul {
	float:left;
	margin:6px 0 6px 0;
	padding-left:30px;
}
.show_form .row li {
	min-height:18px;
	padding-top:2px;
	vertical-align:middle;
}
.show_form .row ul.other {
	margin:0;
	padding-left:15px;
	list-style-type:none;
}
.show_form .row li.other {
	height:auto;
	padding:0;
}
.show_form .row li.other ul {
	margin:0;
	margin-top:-6px;
}
.show_form .row li.other p {
	margin-top:-3px;
	margin-left:14px;
	z-index:1;
}



/****************************************************************/
/* fragebogen 1 - Eingabe */

.questionary_form label {
	margin-bottom:2px;
	font-weight:bold;
}

a.textformat {
	margin: 0 1px 0 2px;
}
.hspace {
	float:left;
	width:680px;
	height:8px;
}
.wspace {
	float:left;
	width:12px;
	height:6px;
}

.form_action {
	width:740px;
	text-align:right;
}	
.label { width:200px; float:left; }


.infofiles {
	width:720px;
	padding:15px 10px 15px 10px;
	background-color:#EEEEEE;
	border: 2px solid #E6E6E6;
	font-weight:bold;
}
.infofiles .row {
	margin-bottom:12px;
	padding-top:8px;
	padding-right:10px;
}
/*
.infofiles .action a {
	margin: 0 1px 0 2px;
}
*/
.basics, .languages, .offers, .experiences, .details {
	width:720px;
	background-color:#9ebdca;
	color:#FFFFFF;
	font-weight:bold;
}

.basics {
	float:left;
	padding:15px 10px 15px 10px;
}
.basics div {
	float:left;
	margin-bottom:6px;
}
.basics label {
	display:block;
}
.basics .div_2col {
	width:355px;
}


.details {
	float:left;
	padding:15px 10px 9px 10px;
}
.details div {
	float:left;
	margin-bottom:12px;
}
.details label {
	display:block;
	width:680px;
}

.languages {
	/*float:left;*/
	padding:15px 10px 9px 10px;
}
.languages .row {
	margin-bottom:12px;
}
.languages .radio {
	float:left;
	width:505px;
}

.offers {
	/*float:left;*/
	padding:15px 10px 15px 10px;
}
.offers .colLabel {
	margin-bottom:8px;
}
.offers .row {
	height:24px;
	margin-bottom:15px;
}
.offers .other {
	margin-bottom:6px;
}

.experiences {
	/*float:left;*/
	padding:15px 10px 15px 10px;
}
.experiences .colLabel {
	margin-bottom:8px;
}
.experiences .row {
	height:24px;
	margin-bottom:15px;
}
.experiences .other {
	margin-bottom:6px;
}




/******************************************************************************/
/* table for listing */
table.list
		{	width:750px; }
table.list, table.list th, table.list td
		{	vertical-align:top; }
table.list thead tr
		{	background-color:#9ebdca; }
table.list thead tr th
		{	padding:2px 1px 2px 1px; }


/* anchors for sorting links in th */
th.sort { white-space:nowrap; }
th.sort a, th.sort a:hover, th.sort a:active, th.sort a:focus, th.sort a:visited
		{	text-decoration:none; padding:0 12px 0 0; border-bottom:1px solid #9ebdca; border-top:1px solid #9ebdca; color:#ffffff; }
th.sort a:hover
		{	border-bottom:1px solid #171717; color: #171717; }
th.nosort p
		{	padding:0 6px 0 0; border-bottom:1px solid #9ebdca; border-top:1px solid #9ebdca; }
th.sort a.sorted_asc
		{	border-bottom:1px solid #ffffff; background:url(../img/sorted_asc.gif) no-repeat center right; }
th.sort a.sorted_asc:hover
		{	border-top:1px solid #171717; border-bottom:1px solid #171717; }
th.sort a.sorted_desc
		{	border-top:1px solid #ffffff; background:url(../img/sorted_desc.gif) no-repeat center right; }
th.sort a.sorted_desc:hover
		{	border-bottom:1px solid #171717; }

/* stripes */
tbody.stripes tr.stripe1
		{	background-color:#F0F0F0; }
tbody.stripes tr.stripe2
		{	background-color:#DDDDDD; }

/* action icons */
.img {border:0; margin:4px 2px 0 2px;}


/* table for query result */
.result_headline
		{	padding:0; margin:0.5em 0; }
table.result
		{	max-width:680px; border-collapse:collapse; /*border:1px solid #101010;*/ }
table.result th, table.result td
		{	vertical-align:top; padding:2px 4px; font-weight:normal; }
table.result thead, table.result tfoot
		{	border:1px solid #101010; }
table.result th, table.result tfoot td
		{	padding-right:3px; }
table.result .thfirstrow th
		{	padding-top:7px; padding-bottom:7px; border-top:1px solid #101010; }
table.result .bo
		{	border:1px solid #101010; }
table.result .bole
		{	border-left:1px solid #101010; }
table.result .bori
		{	border-right:1px solid #101010; }
table.result .boto
		{	border-top:1px solid #101010; }
table.result .bobo
		{	border-bottom:1px solid #101010; }
table.result tbody
		{	border-left:none; border-right:none; border-top:1px solid #101010; border-bottom:1px solid #101010; }
.result_footer
		{	padding:0; margin:0.5em 0; font-size:0.9em; }




/******************************************************************************/
/* buttons */
input.but_g {
	height:27px;
	border:none;
	background-color:transparent;
	cursor:pointer;
	margin:20px 40px 20px 0px;
	padding:5px 5px;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#203030;
	line-height:15px;
	font-weight:bold;
	letter-spacing:0.04em;
	background: url("../img/button_bg_gray.gif") repeat-x top left;
}




/******************************************************************************/
/* hint field */
.qmark_icon {
	padding-bottom:0;
	padding-left:10px;
	margin-left:6px;
	background:url(../img/hilfe.gif) no-repeat center right;
	cursor:pointer;
}
#hint {
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	z-index:3;
	width:220px;
	padding:15px 3px 3px 3px;
	/*line-height:20px;*/	
	font-size:0.9em;
	background-color:#F4E970;
	border:1px solid #ff9900;
}
#hint .closeX {
	position:absolute;
	top:0px;
	right:2px;
	height:15px;
	margin:0;
	font-weight:bold;
	color:#BC0044;
	cursor:pointer;
}