/* scheed_design mit (X)HTML und CSS
	Start 20.02.11
	Letzte Aenderung am 09.06.11
	
	Wichtige Farben
	orange: #F60;
	rot: #C30;
	dunkelrot: #900;
	background: E6E6E6;
	copy: #666;
	
	 Allgemeines */
	 
	 
* {
  margin: 0;
  padding: 0;
  }
	
	
	
 body {
	font-size: 59%;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	background: #000 url(background/bg_body_bbc.jpg) left top repeat-x;
	}


#wrap {
	width: 1024px;
	height: 770px;
	margin: 10px auto;
	/*border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;*/
 	background: url(background/bg_wrap_bbc.png) right top no-repeat;
	}
	

/*---------------------------------------------------------------------- header	*/

#header {
	width: 1023px;
	height: 160px;
	float: left;
/*	background: url(background/bg_news.png) top left no-repeat;*/
	}
		
/*---------------------------------------------------------------------- col1 col2	news */

.colheader {
	width: 550px;
	float: left;
	padding: 12px 0 0 10px;
	}

/*.colheader2 {
	width: 400px;
	float: right;
	}*/
	

	
/*---------------------------------------------------------------------- nav */
	
#nav {
	float: left;
	height: 385px;
	width: 190px;
	}
	#nav ul {
	margin: 50px 0 0 40px;
	font-size: 110%;
	letter-spacing: 0.1em;
	list-style-type: none;
	text-decoration: none;
	} 
	#nav li {
	width: 110px;
	font-size: 110%;
	margin-top: 10px;
	padding: 2px;
	text-align: center;
	list-style-type: none;
	text-decoration: none;
	background: url(../css/background/button_nav.png) left center no-repeat;
	}
	 
	#nav li:hover {
	background: /*#09C */url(../css/background/button_nav_hier.png) left center no-repeat;
	}
	#nav li#hier {
	background: /*#09C*/ url(../css/background/button_nav_hier.png) left center no-repeat;
	}
	
	#nav a:link {
	font-size: 110%;
	color: #FFF;
	text-decoration: none;
	border: none; 
	}	
	#nav a:visited {
	font-size: 110%;
	color: #FFF;
	text-decoration: none;
	}
	#nav a:hover, a:focus, a:active {
	font-size: 110%;
	color: #000;
	text-decoration: none;
	border: none;
	}
	

/*---------------------------------------------------------------------- nav hier */

	#nav a#hier:link {
	color: #000;
	text-decoration: none;
	border: none;
	}
	#nav a#hier:visited {
	color: #000;
	text-decoration: none;
	border: none;
	}
	#nav a#hier:hover {
	color: #000;
	text-decoration: none;
	border: none;
	}



	
/*---------------------------------------------------------------------- content */


#content {
	float: left;
	height: 487px;
	width: 790px;
	background: #FFF;
	border: 2px solid #069;
	/*background: url(background/bg_content.png) top right no-repeat;*/
	}
#colcontent {
	height: 466px;
	width: 770px;
	margin: 10px;
	background: #FFF;
	}
#colclient {
	height: 466px;
	width: 770px;
	margin: 10px;
	background: url(../css/background/bg_colclient.jpg) top left no-repeat;
	}

/*---------------------------------------------------------------------- apDiv Contact + News	*/
#apDiv1 {
	/*position: absolute;*/
	height: 378px;
	width: 750px;
	margin: 20px 10px 10px 10px;
	z-index:1;
	overflow: auto;
	visibility: visible;
	background: #EEE;
	}
/*---------------------------------------------------------------------- column content */

#colnews {
	height: auto;
	width: 745px;
	padding-bottom: 20px;
	background: #EEE;
	}	
#colcompany {
	float: left;
	height: auto;
	width: 750px;
	margin: 30px 0 0 10px;
	background: #EEE;
	}
#colservices1 {
	float: left;
	height: 220px;
	width: 750px;
	margin-left: 10px;
	background: #EEE;
	}	
#colservices2 {
	position: absolute;
	height: 70px;
	width: 750px;
	margin: 220px 0 30px 10px;
	padding-bottom: 30px;
	background: #EEE;
	}	
#colclient1 {
	float: left;
	height: 330px;
	width: 345px;
	margin: 20px 0 0 10px;
	padding: 10px;
	background: #EEE;
	}
	
#colclient2 {
	float: right;
	height: 330px;
	width: 345px;
	margin: 20px 10px 0 0;
	padding: 10px;
	background: #EEE;
	}		
#colprojects {
	float: left;
	height: auto;
	width: 360px;
	margin: 0 0 10px 10px;
	background: url(../css/background/button_projectssw.png) right top no-repeat;
	}
#col2projects {
	float: right;
	height: auto;
	width: 360px;
	margin: 0 10px 10px 0;
	background: url(../css/background/button_projectssw.png) right top no-repeat;
	}
	
	
	
#coldocuments1 {
	height: 464px;
	width: 770px;
	margin: 10px;
	background: url(../css/background/bg_coldocument.jpg) top right no-repeat;
	}
#coldocuments2 {
	float: left;
	height: auto;
	width: 460px;
	margin: 60px 10px 10px 10px;
	padding: 10px;
	background: #EEE;
	}
#colprofile {
	float: left;
	height: auto;
	width: 733px;
	background: #EEE;
	}
#colcontact1 {
	height: 464px;
	width: 770px;
	margin: 10px;
	background: url(../css/background/bg_colcontact.jpg) top right no-repeat;
	}
#colcontact2 {
	float: left;
	height: auto;
	width: 300px;
	margin: 0 10px 10px 10px;
	padding: 10px;
	}


/*---------------------------------------------------------------------- footer */


#footer {
	float: left;
	width: 1000px;
	height: 25px;
	padding: 45px 20px 20px 5px;
	}
.footer {
	text-align: left;
	font-size: 100%;
	color: #069;
	letter-spacing: 0.1em;
	padding: 6px 6px 0 4px;
	text-decoration: none;
	}
.footer a:link {
	font-size: 100%;
	color: #000;
	text-decoration: underline;
	padding: 0;
	background: none;
	}
.footer a:visited {
	font-size: 100%;
	color: #000;
	padding: 0;
	text-decoration: underline;
	background: none;
	}
.footer a:hover, a:active, a:focus {
	font-size: 100%;
	color: #036;
	padding: 0;
	text-decoration: underline;
	background: none;
	}

		

/*-------------------------------------------------- allgemeinen Def.*/

/*---------------------------------------------------------------------- h1, h2, h3	*/	

h1.index {
	font-size: 220%;
	color: #036;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	border: none;
	}
	
h1 {
	font-size: 220%;
	color: #036;
	padding: 10px 0 30px 10px;
	text-decoration: none;
	}

h1.projectsnav {
	color: #036;
	text-decoration: none;
	padding: 10px 0 50px 10px;
	}

h1.projects {
	padding: 10px 0 20px 10px;
	color: #036;
	text-decoration: none;
	}
	h1.projects a:link {
	color: #036;
	text-decoration: none;
	}
	h1.projects a:visited {
	color: #036;
	text-decoration: none;
	}
	h1.projects  a:hover, a:active, a:focus {
	color: #09C;
	text-decoration: none;
	}
h1.none {
	font-size: 220%;
	color: #FFF;
	text-decoration: none;
	visibility: hidden;
	}
h1.services {
	font-size: 180%;
	color: #FFF;
	padding-top: 5px;
	text-align: center;
	line-height: 1.2em;
	}
	
	
h2.index {
	font-size: 130%;
	color: #003;
	padding: 0;
	text-align: left;
	}
h2  {
	font-size: 170%;
	color: #09C;
	padding: 30px 0 10px 10px;
	text-align: left;
	text-decoration: none;
	}

h2.news  {
	font-size: 170%;
	color: #09C;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	}
h2.services {
	font-size: 160%;
	color: #FFF;
	padding: 0;
	text-align: center;
	line-height: 0.1em;
	}

h2.projects {
	font-size: 140%;
	color: #FFF;
	padding: 0;
	text-align: center;
	text-decoration: none; 
	}
h2.projectslink {
	float: left;
	font-size: 160%;
	color: #09C;
	margin-top: 25px;
	padding: 2px 5px 2px 10px;
	text-align: left;
	text-decoration: none;
	}
	h2.projectslink a:link {
	color: #09C;
	text-align: left;
	text-decoration: none;
	}
	h2.projectslink a:visited {
	color: #09C;
	text-align: left;
	text-decoration: none;
	}
	h2.projectslink a:hover {
	color: #069;
	text-align: left;
	text-decoration: none;
	}
h2.projectslink2 {
	float: left;
	font-size: 160%;
	color: #09C;
	margin-top: 37px;
	padding: 2px 5px 2px 10px;
	text-align: left;
	text-decoration: none;
	}
	h2.projectslink2 a:link {
	color: #09C;
	text-align: left;
	text-decoration: none;
	}
	h2.projectslink2 a:visited {
	color: #09C;
	text-align: left;
	text-decoration: none;
	}
	h2.projectslink2 a:hover {
	color: #069;
	text-align: left;
	text-decoration: none;
	}
	
h3  {
	font-size: 130%;
	color: #003;
	padding: 10px;
	text-align: center;
	}
h3.news  {
	font-size: 130%;
	color: #003;
	padding: 0 10px 0 10px;
	text-align: left;
	}
/*h1.news {
	font-size: 150%;
	color: #333;
	margin: 20px 0 0 0;
	text-align: right;
	letter-spacing: 0.1em;
	text-decoration: none;
	}
	h1.news a:link {
	text-align: right;
	letter-spacing: 0.1em;
	text-decoration: none;
	}
	h1.news a:visited {
	text-align: right;
	letter-spacing: 0.1em;
	text-decoration: none;
	}
	h1.news a:hover {
	text-align: right;
	letter-spacing: 0.1em;
	text-decoration: none;
	}
*/	
/*---------------------------------------------------------------------- a.links	*/	

a.links {
	text-decoration: none;
	}


/*---------------------------------------------------------------------- p	*/	

	
p {
	font-size: 120%;
	color: #333;
	padding: 5px 5px 5px 10px;
	line-height: 1.5em;
	}

	
p.links {
	font-size: 120%;
	color: #333;
	padding: 7px;
	line-height: 1.4em;
	}
	p.links a:link, a:visited {
	color: #09C;
	text-decoration: underline;
	}
	p.links a:hover {
	color: #069;
	text-decoration: underline;
	}

p.reg {
	float: right;
	padding: 10px 10px 0 0;
	text-align: right;
	font-size: 110%;
	color: #333;
	}
/*---------------------------------------------------------------------- p.impressum */

p.impressum {
	float: right;
	padding: 20px 10px 0 0;
	text-align: right;
	font-size: 120%;
	color: #333;
	}
p.impressum a:link {
	color: #333;
	padding: 0;
	text-decoration: underline;
	background: none;
	}
p.impressum a:hover, a:active, a:focus {
	display: inline;
	color: #333;
	padding: 0;
	text-decoration: underline;
	background: none;
	}
	 
	
	
/*---------------------------------------------------------------------- images	*/
	
	
img.logo_bbc {
	float: left;
	border: none;
	padding: 0 10px 0 13px;
	width: auto;
	height: 70px;
	}

img.content {
	float: right;
	padding: 17px 10px 10px 10px;
	border: none;
	width: 220px;
	}
	
img.technical {
	float: left;
	padding: 10px 0 10px 70px;
	border: none;
	width: 220px;
	}
img.projectslink {
	float: left;
	padding: 7px 0 7px 7px;
	border: none;
	width: 110px;
	}
img.projects {
	float: right;
	padding: 20px 10px 10px 10px;
	border: none;
	width: 220px;
	}

img.profil {
	float: right;
	padding: 20px 5px 0 0;
	border: none;
	width: 140px;
	}

img.arrow {
	float: right;
	height: 24px;
	margin-left: 620px;
	padding: 0 10px 0 10px;
	border: none;
	position: absolute;
	}
	
/*---------------------------------------------------------------------- table	*/	


table {
	margin: 0 0 20px 0;
	font-size: 120%;
	float: left;
	}
table.company {
	margin: 20px 0 20px 0;
	font-size: 120%;
	}
table.services {
	margin: 40px 0 0 10px;
	font-size: 120%;
	}
	th {
	color: #09C;
	}
	td {
	line-height: 1.3em;
	text-align: left;
	color: #333;
	}
table.projects {
	margin: 10px 0 0 0;
	font-size: 120%;
	}

table.profile {
	margin: 10px 0 20px 0;
	font-size: 120%;
	}
	th.profile {
	color: #09C;
	padding: 3px;
	width: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	}
	td.profile {
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	}

td.links {
	color: #333;
	line-height: 1.5em;
	padding-bottom: 10px;
	}
	td.links a:link, a:visited {
	color: #09C;
	text-decoration: underline;
	}
	td.links a:hover {
	color: #069;
	text-decoration: underline;
	}
	
td.profile {
	color: #333;
	line-height: 1.5em;
	padding-bottom: 12px;
	}
	td.profile a:link, a:visited {
	color: #09C;
	text-decoration: underline;
	}
	td.profile a:hover {
	color: #069;
	text-decoration: underline;
	}

td.services {
	color: #333;
	line-height: 1.5em;
	}
	td.services a:link, a:visited {
	color: #09C;
	text-decoration: underline;
	}
	td.services a:hover {
	color: #069;
	text-decoration: underline;
	}