/* © 2006, ingodesign
charlie-kim.com 
css-file */





/*                       GENERAL SITE  
************************************************************/
* {
	font-family:Verdana, Arial, Helvetica, sans_serif, Georgia, Times;
	color:#555;
}
body, div, p, table, td   {
        font-size: 11px;
	line-height:150%;
}
body { 
	background-color:#A8B5BD;
	 /* b4e3ff 6B87A4 CEDAE2*/
	margin:0px;
}

h4 {
	font-family:Verdana, Arial,  Helvetica, sans_serif;
	font-size:11px;
}
h2 {
	font-family: Arial, Verdana, Helvetica, sans_serif;
}

img { 
	border:0px solid #f6f6f6; 
}
strong {
	font-family:Arial, Verdana, Helvetica, sans_serif;
	font-size:10px;
}
form {
	/*background-color:#ead;*/
}
.a_table {
	padding:20px;
	width:100%;
	height:100%;
}
.b_table {
	width:650px;			/* <<< SEITEN BREITE */
	height:100%;
	border:20px solid #fff; 	/* D9DBC6 fff 20*/
	background-color:#fff;
}
.b_table td {
	border-left:1px solid #A4A39C;
	border-right:1px solid #A4A39C;
}
.head {
	text-align:center;
	background-color:#b4e3ff; /* b4e3ff A4A39C bbb*/
 	border-top:1px solid #A4A39C;

	/*   ddd fff 
	C6D1B2 
	D9DBC6 
	D6DEBB 
	A8B286  
	ADB397
	999c8f 
	95A3BE original blau heller
	536283 originales blau dunkler
	b4e3ff blau
	baecff hellerblau
	d1fbff cyan
	A4A39C warmgrau 
	99CBF2 blau 
	B6C57C armygreen 
	6B798A petrolblau
	ae6  neongreen*/
}

h2 {
	font-size:16px;
	letter-spacing:3px; /*20*/
	color:#555;
}
.logo {
	margin-top:20px;
}
.film {
	border-top:1px solid #A4A39C; /*  666*/
	background-color:#E2E8EC; /* DFE8EE(blaugrauhell) CEDAE2(blaugraudkl)   D9DBC6(papierbraun) fff ddd*/
}








/*               PORTFOLIO PAGES  
************************************************************/
.top table {
	width:650px;
}
.top table td {
	padding-top:15px;
	padding-bottom:8px;
	vertical-align:top;
	border:none;
	border-bottom:1px solid #A4A39C;
	/*background-color:#fee;*/
}


td.jobnum {
	width:50px;
	padding-right:5px;
	border-right:1px solid #A4A39C;
	/*background-color:#f0f;*/
	overflow:hidden;
}
td.jobnum p {		 
	font-family: Arial, Verdana, sans_serif;
	color:#999; 
	font-size:38px; 
	font-weight:normal;
	margin:0px;
	margin-top:-12px; /*-11*/
	margin-left:10px;	
	/*background-color:#b4e3ff;*/
}
.description {
	vertical-align:top;
	text-align:left;
	padding:0px 50px 0px 5px;
	/*background-color:#f40;*/
}
.description h4  {
	margin:0px;
	line-height:130%;
}
.description p  {
	margin:0px;
	margin-top:2px;
	line-height:130%;
}
.submenu {
	color:#536283;
	text-align:right;
	width:130px;
	padding-right:10px;
	/*background-color:#eee;*/
}
.content {
	text-align: center;
	padding:0px 0px;
	background-color:#fff;
	/* border-left:1px solid #A4A39C;
	border-right:1px solid #A4A39C; */
						
}
.content table td {
	border:none;
}
.picture {   
	padding-top:8px;				
	padding-bottom:8px;/*20*/
	border-top:1px solid #A4A39C; /* FFF fff*/
}

.pictitle{
	font-family: Verdana, Arial, sans_serif;
	padding:10px 10px 20px 20px;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	/*border-top:1px solid #95A3BE;*/
}


.copyright {
	text-align:center;
	font-size:10px;
	border-top:1px solid #A4A39C;
	border-bottom:1px solid #A4A39C; /**/
	padding:5px;
	/*padding-bottom:20px; */
	/*background-color:#b4e3ff; D9DBC6 A4A39C*/
}















/*               CONTACT PAGE  
************************************************************/
.contact, .contactNew {
	text-align:left;
	background-color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	/*border-left:1px solid #A4A39C;
	border-right:1px solid #A4A39C;*/
	width:650px;
}
.contactLeftNew {
	margin:0px 30px 0px 30px;
	/* border-bottom:1px solid #A4A39C; */
	text-align:justify; /* left*/
}
.contactLeftNew h4 {
	/*font-family: Arial, Verdana, Helvetica, sans_serif;*/
	font-size:12px;
}
.contactLeftNew p {
	margin-top:0px;
	margin-bottom:0px;
}
.contactLeftNew p.ind {
	text-indent:20px;
}
.contactNew {
	padding-bottom:0px;
}
.contactRightNew {
	margin:0px 30px 0px 30px;
	overflow:hidden;
}
.contactLeft {
	float:left;
	width:300px;/**/
	padding:0px 10px 0px 20px;
	background-color:#dea;
}

.contactRight {
	padding:0px 20px 0px 15px;
	/*position:relative;
	left:310px;*/
	margin-left:310px;
	

}
.contactPhone {
	border-top:1px solid #A4A39C; 
	padding:5px;
	text-align:center;
	font-size:10px;
	/*background-color:#eee; D9DBC6 ddd b4e3ff(blau) D9DBC6(papierbraunhell) */
}
.contactCopyright {
	font-size:10px;
        border-top:1px solid #A4A39C; 
        border-bottom:1px solid #A4A39C; 
	padding:5px;
	/*padding-bottom:20px;*/
	text-align:center;
	/*background-color:#b4e3ff; */
}










/*               ADMIN PAGES  
************************************************************/

.loginForm {
	width:100px;
	text-align:right;
	padding-right:10px;
}

.item, .confirm {
	/*border-bottom:1px solid #A4A39C;*/
}
.confirm {
	text-align:right;
	padding:0px 10px 10px 0px;
}
.item table {
	width:100%;
	margin-bottom:0px;
}
.item table td {
	vertical-align:top;
	text-align:left;
	padding-top:4px;
	padding-left:10px;
	padding-bottom:4px;
	
}
.item table td.itemNum {
	/*border-right:1px solid #A4A39C;*/
	width:15px; /*25*/
}
.item table td.button {
	text-align:right;
	width:200px;
	padding-right:10px;
	/*background-color:#eda;*/	
}
.item table td h4 {
	margin:0px;
}

/* im edit-bereich */
.editdiv {
	/*padding:10px; */
	line-height:200%;
}















/*              LINKS  
************************************************************/
/* ------------------------------------------- 
                    GENERAL
------------------------------------------- */
a, a:link, a:visited {	
	font-family:Verdana, Arial,  sans_serif;
	font-size:10px;
	font-weight:bold;
	color:#6AB0F1; 		/* 4BA2F3 20AEF8 49B2E3 4BBAED   83CEFB b4e3ff 95A3BE(petrol) */
	text-decoration:none;
	margin:0px;
	border:none;
	padding:1px 2px;
}
a:hover, a:focus { 
	/*background-color:#83CEFB; b4e3ff f6f6f6*/
	color:#555; /* 60707A (petrol dark) 536283 
	border:1px solid #A4A39C;*/
}

/* ------------------------------------------- 
           1st SUBMENU (JOB-SQUARES)
------------------------------------------- */
.submenuhalter {
	float:left;
	/*background-color:#fee;
	border:1px solid #A4A39C;*/
	text-align:center;
	margin-right:5px;
	margin-bottom:5px;

}
.submenu a, .submenu a:link, .submenu a:visited {
	background-color:#ddd; /* D9DBC6     999 ddd 999 b4e3ff A4A39C*/
	/*color:#95A3BE;(petrol hell)*/
	font-size:10px;
	padding:1px 3px;/**/
	border:1px solid #A4A39C;
		
}
.submenu a:hover, .submenu a:focus {
	background-color:#fff;
}
.submenuhalter a.jobnav_o {
	background-color:#fff; /* A4A39C*/	
}