/* 


   
	Projekt: 	Dortmunder Kreis e.V.
	Start: 		18.02.2008
	Author: 	unternehmen.online GmbH & Co. KG 
   
															*/



html , body , div , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , span , a , table , td , form , img , li , blockquote, textarea, input, select {
margin: 0;
padding: 0; 
font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; }

html { font-size: 100%; padding: 0; margin: 0;   }

body.bg { font-size: 100%; padding: 0; margin: 0; background: #ffffff url(../images/bg.gif) left top no-repeat; }
body.bg2 { font-size: 100%; padding: 0; margin: 0; background: #ffffff url(../images/bg2.gif) left top no-repeat fixed; }
body.bg3 { font-size: 100%; padding: 0; margin: 0; background: #ffffff url(../images/bg3.gif) left top no-repeat fixed; }



#wrapper {
width: 100%;
margin: 0;
padding: 0;
}

#container {
float: left;
display: inline;
width: 864px;
margin: 0;
padding: 40px 0 0 20px;
}

/* global player */

p { font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; line-height: 150%; } 

a:link, a:visited {
/*text-decoration: none; color: #748ca7; }*/
text-decoration: none; color: #295687; }
a:hover, a:active {
text-decoration: none; color: #000000; }

h1 { font-size: 18px; font-weight: bold; margin: 0 0 5px 0; padding: 0; } 
h2 { font-size: 16px; font-weight: bold; margin: 15px 0 0 0; padding: 0; } 
h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; } 
h4 { font-size: 12px; font-weight: normal; } 
h5 { font-size: 12px; font-weight: bold; border-top: 4px solid #043161; border-bottom:1px solid #C0CCD8; padding:3px 0 2px 0; color:#043161; margin:0 0 10px 0;} 
h6 { font-size: 10px; font-weight: normal; } 

ul		{ margin-top: 5px; margin-bottom: 0px; }
ul li	 	{ font-size: 11px; line-height: 160%; list-style: square outside; display: list-item; margin: 0 0 0 30px; }
ul li li 	{ font-size: 100%; line-height: 160%; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
ol 		{ margin-top: 5px; margin-bottom:30px; }
ol li	 	{ font-size: 11px; font-weight: bold; line-height: 160%; list-style: decimal outside; display: list-item; margin: 0 0 0 30px; }
ol li li 	{ font-size: 100%; font-weight: bold; line-height: 160%; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }




table.dk-table  {
border-collapse: collapse; margin: 10px 0 0 0; }

caption {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 7px 5px 7px 5px; margin: 0; color: #ffffff; background: #007DC5; }

table.dk-table td  {
background: #ffffff; border: 1px solid #002e5e; }

table.dk-table td p {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 5px 3px 5px; margin: 0; }

table.dk-table th  {
background: #002e5e; border-bottom: 1px solid #fff; }

table.dk-table th p {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; padding: 7px 5px 7px 5px; margin: 0; }

table.dk-table ul {			margin-top: 5px; margin-bottom: 15px; }
table.dk-table ul li {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: square outside; display: list-item; margin: 0px 10px 0px 30px; }
table.dk-table ul li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 25px; }
table.dk-table ol  {		margin-top: 0px; margin-bottom: 0px; }
table.dk-table ol li {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0px 10px 0px 35px; }
table.dk-table ol li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0px 10px 0px 25px; }


table.dk-table2  {
border-collapse: collapse; }

table.dk-table2 td  {
padding: 3px 5px 30px 5px; }

table.dk-table2 td p {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 5px 3px 5px; margin: 0; }

table.dk-table2 th  {
background: #E8E9EA; border-bottom: 1px solid #007DC5; }

table.dk-table2 th p {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 7px 5px 7px 5px; margin: 0; color: #007DC5; }

table.dk-table2 ul {		margin-top: 0px; margin-bottom: 0px; }
table.dk-table2 ul li {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: square outside; display: list-item; margin: 0px 10px 0px 30px; }
table.dk-table2 ul li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 25px; }
table.dk-table2 ol {		margin-top: 0px; margin-bottom: 0px; }
table.dk-table2 ol li {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0px 10px 0px 35px; }
table.dk-table2 ol li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0px 10px 0px 25px; }


table.dk-table3 td  {
background: #ffffff; border: 0px solid #BEC0C2; padding-top: 5px}

table.dk-table3 td p {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 5px 3px 0px; margin: 0; }

table.dk-table3 th  {
background: #E8E9EA; border-bottom: 1px solid #007DC5; }

table.dk-table3 th p {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 7px 5px 7px 0px; margin: 0; color: #007DC5; }

table.dk-table3 ul {		margin-top: 5px; margin-bottom: 15px; }
table.dk-table3 ul li {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: square outside; display: list-item; margin: 0px 10px 0px 30px; }
table.dk-table3 ul li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 25px; }
table.dk-table3 ol {		margin-top: 0px; margin-bottom: 0px; }
table.dk-table3 ol li {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0px 10px 0px 35px; }
table.dk-table3 ol li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0px 10px 0px 25px; }



table.dk-table4 td  {
border: 0px solid #BEC0C2; padding-top: 5px; font-size: 11px;}

table.dk-table4 td p {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 5px 3px 0px; margin: 0; }

table.dk-table4 th  {
border-bottom: 1px solid #007DC5; }

table.dk-table4 th p {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 7px 5px 7px 0px; margin: 0; color: #007DC5; }

table.dk-table4 ul {		margin-top: 5px; margin-bottom: 15px; }
table.dk-table4 ul li {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: square outside; display: list-item; margin: 0px 10px 0px 30px; }
table.dk-table4 ul li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 25px; }
table.dk-table4 ol  {		margin-top: 0px; margin-bottom: 0px; }
table.dk-table4 ol li {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0px 10px 0px 35px; }
table.dk-table4 ol li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0px 10px 0px 25px; }







#head {
float: left;
display: inline;
width: 864px;
margin: 0;
padding: 0;
}

#head-frame {
float: left;
display: inline;
width: 864px;
margin: 0;
padding: 0 0 17px 0;
border-bottom: 1px solid #b3bec9;
}

div.navigations {
float: left;
display: inline;
width: 660px;
margin: 0;
padding: 0;
}

div.metanav {
float: left;
display: inline;
margin: 0;
padding: 0;
}

div.metanav ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.metanav ul li {
float: left;
display: inline; 
margin: 0;
padding: 0;
}

a.meta:link, a.meta:visited {
font-size: 12px; font-weight: normal; text-decoration: none; color: #748ca7; margin: 0 18px 0 0; padding: 0; }
a.meta:hover, a.meta:active {
font-size: 12px; font-weight: normal; text-decoration: none; color: #000000; margin: 0 18px 0 0; padding: 0; }

div.nav01 {
float: left;
display: inline;
width: 100%;
margin: 21px 0 0 0;
padding: 0;
}

div.nav01 ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.nav01 ul li {
float: left;
display: inline; 
margin: 0;
padding: 0;
}

a.nav01-off:link, a.nav01-off:visited {
font-size: 14px; font-weight: bold; color: #033061; text-decoration: none; margin: 0 20px 0 0; padding: 0; }
a.nav01-off:hover, a.nav01-off:active {
font-size: 14px; font-weight: bold; color: #748ca7; text-decoration: none; margin: 0 20px 0 0; padding: 0; }

a.nav01-off-last:link, a.nav01-off-last:visited {
font-size: 14px; font-weight: bold; color: #033061; text-decoration: none; margin: 0 20px 0 0; padding: 0; }
a.nav01-off-last:hover, a.nav01-off-last:active {
font-size: 14px; font-weight: bold; color: #748ca7; text-decoration: none; margin: 0 20px 0 0; padding: 0; }

a.nav01-on:link, a.nav01-on:visited {
font-size: 14px; font-weight: bold; color: #748ca7; text-decoration: none; margin: 0 20px 0 0; padding: 0; }
a.nav01-on:hover, a.nav01-on:active {
font-size: 14px; font-weight: bold; color: #748ca7; text-decoration: none; margin: 0 20px 0 0; padding: 0; }



#logo {
float: right;
display: inline;
width: 198px;
margin: 0 2px 0 0;
padding: 0;
}

div.illu-container {
float: left;
display: inline;
width: 100%;
margin: 17px 0 0 0;
padding: 0;
}

div.illu {
float: left;
display: inline;
width: 512px;
height: 280px;
margin: 0 11px 0 0;
padding: 0;
}

div.waystosuccess {
float: left;
display: inline;
width: 341px;
height: 280px;
margin: 0;
padding: 0;
background: url(../images/bg_waystosucces.gif) no-repeat;
}

div.waystosuccess-content {
float: left;
display: inline;
width: 290px;
margin: 14px 0 0 24px;
padding: 0;
}

div.waystosuccess-content h1 { font-size: 22px; font-weight: normal; color: #ffffff; margin: 0; padding: 0; line-height: 130%; } 

div.cities {
float: left;
display: inline;
width: 100%;
margin: 28px 0 0 0;
padding: 0;
}

div.city {
float: left;
display: inline;
width: 296px;
margin: 0 0 0 0;
padding: 0;
}

p.left { font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0; width: 180px; float: left; display: inline; line-height: 28px; }

p.right { font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0; width: 110px; float: left; display: inline; line-height: 28px; }

div.content-container-start {
float: left;
display: inline;
width: 864px;
margin: 20px 0 0 0;
padding: 0;
}

div.content-container-left {
float: left;
display: inline;
width: 512px;
height: 200px;
margin: 0;
padding: 0;
border-bottom: 1px solid #bdcad8;
}

h2.sub-headline { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #043161; text-decoration: none; margin: 0 0 10px 0; padding: 3px 0 2px 0; width: 100%; border-top: 4px solid #043161; border-bottom: 1px solid #c0ccd8; float: left;  display: block; }

div.content-left {
float: left;
display: inline;
width: 480px;
margin: 0;
padding: 0;
}

h1.head { font-size: 24px; font-weight: normal; color: #043161; text-decoration: none; margin: 6px 0 10px 0; padding: 0; }

a.more:link, a.more:visited {
font-size: 11px; font-weight: normal; color: #043161; text-decoration: none; margin: 2px 0 0 0; padding: 0 0 0 11px; background: url(../images/bullet_more.gif) left no-repeat; float: left; display: inline; }
a.more:hover, a.more:active {
font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; margin: 2px 0 0 0; padding: 0 0 0 11px; background: url(../images/bullet_more.gif) left no-repeat; float: left; display: inline; }


div.marginal {
float: left;
display: inline;
width: 341px;
height: 200px;
margin: 0 0 0 11px;
padding: 0;
border-bottom: 1px solid #bdcad8;
}

div.marginal-sequence {
float: left;
display: inline;
width: 341px;
margin: 0 0 0 11px;
padding: 0 0 20px 0;
border-bottom: 1px solid #bdcad8;
}

div.marginal-content {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.marginal-logo {
margin: 0 0 0 0;
padding: 0;
text-align: center;
}

div.marginal-logo-folge {
margin: 0px 0 0 0;
padding: 0;
text-align: center;
}

div.marginal-illu {
float: left;
display: inline;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
}


/* folgeseite */

div.sequence-container {
float: left;
display: inline;
width: 864px;
margin: 17px 0 0 0;
padding: 0 0 50px 0;
}

div.sequence-container-frame {
float: left;
display: inline;
width: 604px;
margin: 0 0 0 20px;
padding: 0;
}

div.sequence-content-left-container {
float: left;
display: inline;
width: 512px;
margin: 0; /* abstand content nach unten */
padding: 0;
border-top: 1px solid #b3bec9;
}


div.sequence-content-left-container-frame {
float: left;
display: inline;
width: 512px;
margin: 0 0 0 0; /* abstand content nach unten */
padding: 0 0 50px 0;
}

div.sequence-content {
float: left;
display: inline;
width: 490px;
margin: 10px 0 0 0;
padding: 0 0 20px 0;
}

div.sequence-content-kompetenzpool {
float: left;
display: inline;
width: 604px;
margin: 10px 0 0 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #b3bec9;
}


div.sequence-content-frame {
float: left;
display: inline;
width: 604px;
margin: 10px 0 0 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #b3bec9;
}


/* intern berech */

div.nav02 {
float: left;
display: inline;
width: 210px;
margin: 0 0 0 20px;
padding: 20px 0 0 0;
}

div.nav02 ul {
list-style:none;
padding:0;
margin:0;  
}

div.nav02 ul ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;  
}

div.nav02 ul li {
list-style: none;
margin: 0;
padding: 0;
display:inline;
}

div.nav02 ul li ul li {
list-style: none;
margin: 0;
padding: 0;
display:inline;
}


a.nav02-off:link, a.nav02-off:visited {
font-size: 12px; font-weight: bold; line-height: 125%; color: #002e5f; text-decoration: none; margin: 0; padding: 3px 0 3px 13px; background: url(../images/bullet_nav02_off.gif) left top no-repeat; display: block; }
a.nav02-off:hover, a.nav02-off:active {
font-size: 12px; font-weight: bold; line-height: 125%; color: #000000; text-decoration: none; margin: 0; padding: 3px 0 3px 13px; background: url(../images/bullet_nav02_over.gif) left top no-repeat; display: block; }

a.nav02-on:link, a.nav02-on:visited {
font-size: 12px; font-weight: bold; line-height: 125%; color: #002e5f; text-decoration: none; margin: 0; padding: 3px 0 3px 13px; background: url(../images/bullet_nav02_over.gif) left top no-repeat; display: block; }
a.nav02-on:hover, a.nav02-on:active {
font-size: 12px; font-weight: bold; line-height: 125%; color: #000000; text-decoration: none; margin: 0; padding: 3px 0 3px 13px; background: url(../images/bullet_nav02_over.gif) left top no-repeat; display: block; }

a.nav03-off:link, a.nav03-off:visited {
font-size: 12px; font-weight: normal; line-height: 125%; color: #002e5f; text-decoration: none; margin: 0; padding: 3px 0 3px 24px; background: url(../images/bullet_nav03_off.gif) left top no-repeat; display: block; }
a.nav03-off:hover, a.nav03-off:active {
font-size: 12px; font-weight: normal; line-height: 125%; color: #000000; text-decoration: none; margin: 0; padding: 3px 0 3px 24px; background: url(../images/bullet_nav03_over.gif) left top no-repeat; display: block; }

a.nav03-on:link, a.nav03-on:visited {
font-size: 12px; font-weight: normal; line-height: 125%; color: #002e5f; text-decoration: none; margin: 0; padding: 3px 0 3px 24px; background: url(../images/bullet_nav03_over.gif) left top no-repeat; display: block; }
a.nav03-on:hover, a.nav03-on:active {
font-size: 12px; font-weight: normal; line-height: 125%; color: #000000; text-decoration: none; margin: 0; padding: 3px 0 3px 24px; background: url(../images/bullet_nav03_over.gif) left top no-repeat; display: block; }

a.nav04-off:link, a.nav04-off:visited {
font-size: 12px; font-weight: normal; line-height: 125%; color: #8097b0; text-decoration: none; margin: 0; padding: 3px 0 3px 36px; background: url(../images/bullet_nav04_off.gif) left top no-repeat; display: block; }
a.nav04-off:hover, a.nav04-off:active {
font-size: 12px; font-weight: normal; line-height: 125%; color: #000000; text-decoration: none; margin: 0; padding: 3px 0 3px 36px; background: url(../images/bullet_nav04_over.gif) left top no-repeat; display: block; }

a.nav04-on:link, a.nav04-on:visited {
font-size: 12px; font-weight: normal; line-height: 120%; color: #8097b0; text-decoration: none; margin: 0; padding: 3px 0 3px 36px; background: url(../images/bullet_nav04_over.gif) left top no-repeat; display: block; }
a.nav04-on:hover, a.nav04-on:active {
font-size: 12px; font-weight: normal; line-height: 120%; color: #000000; text-decoration: none; margin: 0; padding: 3px 0 3px 36px; background: url(../images/bullet_nav04_over.gif) left top no-repeat; display: block; }

/* login */

fieldset {
border: 0px solid #000000;
padding: 15px 5px 15px 15px; 
margin: 0;
}

form br {
clear: both;
}

div.form-login {
float: left;
display: inline;
width: 100%;
margin: 40px 0 0 0;
padding: 0;
}

label.left {
float: left; 
display: inline;
width: 140px; 
margin: 7px 0 5px 0;
padding: 0;
font-size: 11px; 
font-weight: bold; 
color: #000000;
} 

input.form-login  {
float: left; 
display: inline;
width: 220px;
margin: 4px 0 4px 0;
padding: 2px 0 2px 5px;
font-size: 11px; 
font-weight: normal; 
color: #000000;
}

span.login-button {
float: left;
display: inline;
margin: 10px 0 0 140px;
padding: 0;
}

a.login:link, a.login:visited {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 4px 20px 4px 20px; background: #033061; float: left; display: inline; }
a.login:hover, a.login:active {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 4px 20px 4px 20px; background: #748ca7; float: left; display: inline; }


div.form-search {
float: left;
display: inline;
width: 100%;
margin: 40px 0 0 0;
padding: 0;
}

input.form-search  {
float: left; 
display: inline;
width: 220px;
margin: 4px 0 4px 0;
padding: 2px 0 2px 5px;
font-size: 11px; 
font-weight: normal; 
color: #000000;
}

a.search:link, a.search:visited {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 4px 20px 4px 20px; background: #033061; float: left; display: inline; }
a.search:hover, a.search:active {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 4px 20px 4px 20px; background: #748ca7; float: left; display: inline; }

span.red {
color: #ff0000;
}


div.footer-sequence {
float: left;
display: inline;
width: 512px;
margin: 5px 0 0 0;
padding: 0;
border-top: 1px solid #b3bec9;
}

div.footer-sequence-content {
float: right;
display: inline;
margin: 5px 10px 0 0;
padding: 0;
}

div.footer-sequence-content p {
font-size: 11px; text-decoration: none; margin: 0; padding: 0; }

a.gotop:link, a.gotop:visited {
font-size: 100%; font-weight: bold; color: #012957; text-decoration: none; margin: 0; padding: 0 0 0 12px; background: url(../images/bullet_gotop.gif) left no-repeat; }
a.gotop:hover, a.gotop:active {
font-size: 100%; font-weight: bold; color: #000000; text-decoration: underline; margin: 0; padding: 0 0 0 12px; background: url(../images/bullet_gotop.gif) left no-repeat; }


div.footer-sequence-frame {
float: left;
display: inline;
margin: 0;
padding: 0;
}

div.footer-sequence-frame {
float: right;
display: inline;
margin: 5px -83px 0 0;
padding: 0;
}

div.footer-sequence-content-frame p {
font-size: 11px; text-decoration: none; margin: 0; padding: 0; }