/* 
	===========================================
	 Html Elements
	===========================================
*/

	body {
		behavior: url("css/csshover.htc");
		font-family:arial;
		font-size:10px;
		letter-spacing:0.1em;
		background:#fff url(../images/background-body.gif) scroll repeat-y 50% 0;
		color:#000;
		margin:0;
		padding:0;
		overflow:auto;
		}
		
#list		{
		border: 0px solid #000;
		margin:0 auto;
		height:400px;
		width:450px;
		position:relative;
		}
#list ul,
#list li	{
		border: 0px solid #000;
		font-family:helvetica;
		list-style:none;
		margin:0;
		padding:0;
		}
#list 		
a		{
		position:absolute;
		text-decoration: none;
		color:#000;
		}
		

	h1, h2, h3 {
		font-size:11px;
		line-height:1.5em;
		margin:0 0 0.5em 0;
		}
	h1, h2 {
		font-size:17px;
		color:#012E87;
		}
	h3 {
		color:#003587;
		}
	h4 {
		margin:1em 0 0 0;
		padding:0;
		font-size:1em;
		}	
	a {
		color:#000;
		}
	table {
		border:0;
		}
	th {
		line-height:1.4em;
		}
	td, th {
		font-size:inherit;
		line-height:1.2em;
		vertical-align:top;
		text-align:left;
		}
	p {
		margin:0 0 1em 0;
		}
	strong {
		font-weight:bold;
		}

/* 
	===========================================
	 Container
	===========================================
*/
	#wrapper {
		width:805px;
		margin:0px auto;
		padding:0 0 20px 0;
		background-color:#fff;
		color:#000;
		font-size:1.1em;
		}
		
	#header {
		background: #fff;
		padding:0 0 20px 0;
		}

#content-wrapper{
		background: #fff;
		}

/*
   ------------------------------------------------
	Misc Classes
   ------------------------------------------------
*/
	.clear {
		clear:both;
		}
		
	.c-l 	{
		clear:both;
		float:left;
		width:300px;
		height:auto !important;
		padding:0 0 15px 0;
		margin:16px 0 0 22px;
		}
		div.cl img {
			margin:4px 0 0 0;
			}
			
	.c-left {
		clear:both;
		float:left;
		height:auto !important;
		width:300px;
		font-size: 9px;
		padding:0 0 0 0;
		margin:10px 0 0 0;
		color: #f08a00;
		}
			
	.c-r {
		float:left;
		width:420px;
		padding:0 0 15px 0;
		margin:15px 0 0 0;
		}
	
	.c-crew {
		float:left;
		width:310px;
		height:auto !important;
		padding:0 0 15px 0;
		margin:15px 0 0 138px;
		border: 0px solid #000;
		}
		
	.c-right {
		float:left;
		width:465px;
		line-height: 15px;
		height:auto !important;
		padding:15px 0 15px 10px;
		margin:15px 0 0 0;
		background-color:#fff7d5;
		}
				
	.c-dialog {
		float:left;
		width:440px;
		height:auto !important;
		padding:0 0 0 10px;
		margin:15px 0 0 0;
		background-color:#fff7d5;
		}
		
	.c-schriftbig {
		color:#f08a00;
		font-size: 15px;
		padding:0 0 15px 0;

		}	
	
		
		
	.c-m 	{
		float:left;
		width:785px;
		height:auto !important;
		padding:5px 0 5px 22px;
		margin:0 0 10px 0;
		background-color:#fff7d5;
		font-weight: bold;
		color:#f08a00;
		}
		
	.c-m2	{
		margin:10px 0 10px 0;
		}
		
	.c-mweiss 	{
		float:left;
		width:785px;
		height:auto !important;
		padding:10px 0 0 22px;
		margin:0 0 10px 0;
		color:#e88300;
		}
			
			
	.c-black {
		float:left;
		width:785px;
		height:auto !important;
		padding:10px 0 10px 22px;
		margin:10px 0 10px 0;
		}
			
	ul.toolbar li
		{
		display: inline;
		list-style-image: url(../images/content/coldewey/kleinerkreis.jpg);
		padding:5px 0 0 20px;
		}
		
	.liste		
		{
		float:left;
		width:806px;
		height:auto !important;
		text-align: center;
		padding:10px 0 0 0;
		margin:0 0 10px 0;
		background-color:#fff7d5;
		}
		
	.schulung
		{
		float:left;
		width:803px;
		height:auto !important;
		background: url(../images/content/coldewey/schulung.jpg) no-repeat ;;
		text-align: left;
		padding:10px 0 0 15px;
		margin:15px 0 0 1.25px;
		border: 0px solid #000;
		}
		
	.crm	{
		float:left;
		width:800px;
		height:auto !important;
		text-align: left;
		padding:10px 0 0 15px;
		margin:10px 0 0 1.25px;
		}

	.crm2	{
		float:left;
		width:795px;
		height:auto !important;
		text-align: left;
		padding:0 0 0 22px;
		margin:4px 0 0 0;
		border:0px solid #000;
		margin:8px 0 0 0;
		}

		
	.c-zielgerichtet 
		{
		float:left;
		width:795px;
		height:auto !important;
		padding:5px 0 5px 22px;
		background-color:#fffbea;
		list-style-type:none;
		line-height: 17px;
		margin:5px 0 0 0;
		}

	.vorteil 
		{
		width:780px;
		border: 0px solid #000;
		}

	.center 	
		{
		padding:5px 0 5px 18px;
		margin:15px 0 0 0;
		}

	.wesentlich 
		{
		float:left;
		height: 285px;
		width:804px;
		padding:5px 0 0 22px;
		background: url(../images/content/coldewey/wesentlich_back.jpg);
		list-style-type:none;
		line-height: 21px;
		margin:10px 0 0 0;
		}

	.kapitaelchen 	
		{
		font-variant: small-caps;
		}
		
				
	.c-service 
		{
		float:left;
		width:795px;
		padding:5px 0 5px 22px;
		height:auto !important;
		margin:0 0 0 0;
		background-color:#fff7d5;
		margin:10px 0 0 0;
		}
		
	.c-service1 
		{
		background-color:#ffdf6a;
		}
		
	.c-service2 
		{
		float:left;
		width:803px;
		padding:2px 0 0 0;
		height:auto !important;
		margin:0 0 0 0;
		margin:10px 0 0 0;
		background: url(../images/content/coldewey/callcenter.jpg) no-repeat ;
		background-position:right top;
		background-color:#fff7d5;
		}
		
	.c-service3 
		{
		background: url(../images/content/coldewey/welcome.png) no-repeat ;
		background-position:right top;
		background-color:#fff7d5;
		}
		
	.c-service4 
		{
		background: url(../images/content/coldewey/auge.png) no-repeat ;
		background-position:right top;
		background-color:#fff7d5;
		}
	.ausbildung ul {
		padding-left:16px;
		}
	.ausbildung ul li {
		padding-bottom: 3px;
		}
	.ausbildung a {
		text-decoration: none;
		}
	.mail a {
		font-weight: bold;
		}
	.ausbildung a:hover,
	.mail a:hover {
		color:#666;
		}
	 a.nohover:hover {
	 	color:#000;
	 	}


/*
		background: url(../images/content/coldewey/callcenter.jpg) no-repeat 80% 0%;

	===========================================
	 Reference List / Clients
	===========================================
*/

	ul.rotation 
		{
		height: 20px;
		margin:0;
		padding:0;
		border:1px solid #000;
		}

	ul.reflist 
		{
		width:54%;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
		}
		
	ul.clientlist 
		{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
		}
		
	div.rll, div.cll {
		display:none;
		}
		div.rll p {
			margin:0 1.5em 1em 0;
			}	
	.rla, .rlahl {
		width:95%;
		padding:0.1em 0 0.1em 0;
		margin:0 1% 0 0;
		text-indent:0.3em;
		}
	.rla {
		cursor:pointer;
		}
	li.rla:hover {
		color:#fff;
		background-color:#000;
		}
		
		li.rota {
		font-weight:bold;
		}
	
	li.rlahl {
		font-weight:bold;
		cursor:default;
		}
	.cla {
		width:48%;
		float:left;
		padding:0.1em 0 0.1em 0.3em;
		margin:0 1% 0 0;
		cursor:pointer;
		line-height:1.5em;
		}
		td.cla {
			width:100%;
			}
		td.cla:hover {
			color:#fff;
			background-color:#000;
			}
	li.cla:hover {
		color:#fff;
		background-color:#000;
		}
	.clientlogos {
		width:270px;
		height:300px;
		}
	/*.modal {
		position:absolute;
		background-color:#fff;
		top:0px;left:0px;
		z-index:5;
		width:100%;
		height:100%;
		-moz-opacity: 85;
		opacity:.85;
		filter:alpha(opacity=85);
		display:none;
		}*/	
	.loading {
		position:absolute;
		z-index:8;
		top:30%;
		left:47%;
		width:200px;
		height:50px;
		line-height:50px;
		margin:-25px 0 0 -100px;
		font-size:1.8em;
		color:#000;
		background-color:#fff;
		text-align:center;
		border:1px solid #000;
		display:none;
		}
	
/*
   ------------------------------------------------
	Mootools Accordion/Accordion2
   ------------------------------------------------
*/
	.toggler, .toggler2, .toggler3, .chat {
		color: #000;
		margin: 0;
		padding: 0.1em 22px;
		background:#fff;
		font-size: 11px;
		font-weight: normal;
		font-family: 'Andale Mono', sans-serif;
		cursor: pointer;
		}
	.toggler {
		line-height:2.2em;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		}
	.toggler2, .toggler3, .chat {
		line-height:2.2em;
		}
	.element, .element2, .element3 {
	 	background: #fff;
		}
	.element p, .element2 p, .element3 p {
		margin: 0;
		padding: 4px;
		}
	.float-right {
		padding:10px 20px;
		float:right;
		}
	#accordion {
		border: 1px solid #000;
		}
	
	h3.border_coldewey:hover {
		border: 1px solid #5F9BFF;
		color: #000;
		/*background-color: #5F9BFF;*/
	}
	
	h3.border_concept:hover {
		border: 1px solid #4EC7FF;
		color: #000;
		/*background-color: #4EC7FF;*/
	}
	
	h3.border_competence:hover {
		border: 1px solid #f08a00;
		color: #000;
		/*background-color: #4EF5FF;*/
	}
	
	h3.border_clients:hover {
		border: 1px solid #A5FF4E;
		color: #000;
		/*background-color: #A5FF4E;*/
	}
	
	h3.border_creations:hover {
		border: 1px solid #FFF94E;
		color: #000;
		/*background-color: #FFF94E;*/
	}
	
	h3.border_crew:hover {
		border: 1px solid #4EFF73;
		color: #000;
		/*background-color: #4EFF73;*/
	}
	
	h3.border_career:hover {
		border: 1px solid #FFAA4E;
		color: #000;
		/*background-color: #FFAA4E;*/
	}
	
	h3.border_contact:hover {
		border: 1px solid #FF4EE0;
		color: #000;
		/*background-color: #FF4EE0;*/
	}
	
	h3.acc_active {
		color: #fff;
		background-color: #000;
	}
/*
   ------------------------------------------------
	Mootools Accordion2 (Tabs)
   ------------------------------------------------
*/	
	#accordion2, #accordion3, #accordion4, #accordion5, #accordion6, #accordion7, #accordion8, #accordion9, #accordion10 {
		/*padding: 0 0.7em 0.7em 0.7em;*/
		padding: 0 0 0 0;
		height: 100%;
	}	
	.box {
		background: #fff;
		width:800px;
	}
	.boxholder2, .boxholder3, .boxholder4, .boxholder5, .boxholder6, .boxholder7, .boxholder8, .boxholder9, .boxholder10 {
		clear: both;
		background: #fff;
	}
	.tab_first {
		float: left;
		margin: 0 0 0 12px;
		text-align: center;
		/*padding: 0.2em 0 0 12px;*/
		line-height:1.8em;
		border-right: 1px solid #fff;
	}
	.tab {
		float: left;
		margin: 0 0 0 0;
		text-align: center;
		line-height:2.2em;
		border-right: 1px solid #fff;
	}
	.tabs {
		height:25px;
	}
	.tabs_creations{
		height:25px;
	}
	.tab_leiste {
		height: 18px;
		background-color: #fff;
	}
	
	.tab_crm {
		height: 18px;
		background-color: #f08a00;
	}
	
	.tab_leiste_creations_weiss {
		height: 26px;
		background-color: #fff;
	}
	.tab_leiste_creations_gelb {
		height: 26px;
		background-color: #fff;
	}
	.tabtxt {
		margin: 0;
		color: #000;
		font-size: 11px;
		padding: 0px 10px 0px 10px;
		cursor: pointer;
	}
	
	.bg_coldewey {
		background-color: #5F9BFF;
	}
	
	.bg_concept {
		background-color: #4EC7FF;
	}
	
	.bg_competence {
		background-color: #f08a00;
	}
	
	.bg_crm {
		background-color: #f08a00;
	}
	
	.bg_clients {
		background-color: #A5FF4E;
	}
	
	.bg_creations {
		background-color: #FFF94E;
	}
	
	.bg_crew {
		background-color: #4EFF73;
	}
	
	.bg_career {
		background-color: #FFAA4E;
	}
	
	.bg_contact {
		background-color: #FF4EE0;
	}
	
	.tab h3:hover {
		background-color: #fff;
		/*border-bottom: 1px solid #000;*/
	}
	
	.tab h3.tabactive {
		color: #fff;
		background-color: #000;
	}
	
	.tab_first h3:hover {
		background-color: #fff;
		/*border-bottom: 1px solid #000;*/
	}
	
	.tab_first h3.tabactive {
		color: #fff;
		background-color: #000;
	}