/* Cetics Logo Farbe: #7e9bc7 RGB: 126 155 199*/
/* etwas heller  #B1C3DD 177 195 221*/
/* noch heller #C4D2E6*/

*
{
padding: 0px;
margin: 0px;
}

body {
/*background: #F9F9F7 url('../images/a1.gif') repeat-x;*/
background: #ddd;
font-family: "trebuchet ms", helvetica, sans-serif;
margin: 5px;
text-align: center;
}

td {
border:1px dotted #000; vertical-align:top;
}

#wrapper
{
width:800px;
height: 800px;
margin: 0px auto;
text-align:left;
border:1px dashed #ccc;
background-color: #fff;
}

h1 {font-size:18px;color:#333;}
h2 {font-size:14px;color:#666;}
h3 {font-size:10px;color:#666;}

#punch
{
clear:both;
/*padding: 0px;*/
padding-bottom: 25px;
margin: 0px auto;
background: url('../images/keyboard.jpg') no-repeat;
width: 800px;
height: 100px;
}


/* Der Inhalt */
#content {
background-color: #fff;
padding:10px;
color: #666;
font-size:12px;
/*border: 1px dotted #321;*/
height: 530px;
}

/* Der Inhalt */
#content_mit_submenu {
	background-color: #fff;
	padding:10px;
	color: #666;
	font-size:12px;
	width: 77%;
	height: 505px;
	margin-left: 20%;
	margin-top:10px;
	/*border: 1px dotted #321;*/
}

#content_mit_submenu .abschnitt {
	padding-bottom: 10px;
	padding-top: 10px;
	/*padding-left: 10px;*/
	border-bottom: 1px dotted;
}

#standort {
	font-size: 12px;
	width: 77%;
	margin-left: 20%;
	padding: 0 0 0 10px;
	margin-top: 0px;
}

.people {
	margin-left: 150px;
	/*border: 1px dotted #321;*/
	/*background-color: #727;*/
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 20%;
	/*height: 637px;*/
	padding: 0; 
	margin: 0;
	/*background: #f6fafd;*/
	background: #C4D2E6;
	/*background:#CEDBF9 url("../images/col_bg.gif") 0 0 repeat-y;*/
	/*border-right: 1px solid #99ccff;*/
}	

#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	/*margin-bottom: 100%; */
	padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	/*background: url(go.gif) no-repeat 5px 5px;	*/
	/*padding: 2px 0 2px 25px;*/
	margin: 0 3px;
}

#sidebar ul.sidemenu a {
	/*font-weight: bolder;*/
	text-decoration: none;
	font-size: 12px;
	color: #000;
	/*background-image: none;*/
}

#sidebar ul.sidemenu a:hover {
	/*font-weight: bolder;*/
	text-decoration: none;
	font-size: 12px;
	/*background-image: none;*/
	color:#7e9bc7;
}

#footer {
/*margin-top: 440px;*/
/*background: #123;*/
/*border: 1px dotted #321;*/
}

#footerLinks {
/*padding-top: 20px;*/
text-align:center;
font-size:12px;
}

#copyright {
font-size:10px;
text-align:center;
color:#ccc;
}


#navcontainer {
/*background: url("../images/navi.jpg") repeat-x 19px;*/
background: #7e9bc7;
height: 20px;
}

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin-top: 0px;
margin-left: 0px;
display: block;
float: left;
/*background: url("../images/navi.jpg") repeat-x 20px;*/
background: #7e9bc7;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #fff;
text-decoration: none;
display: block;
width: 90px;
border-top: 0px solid #C4D2E6;
border-bottom: 0px solid #C4D2E6;
border-left: 0px solid #C4D2E6;
border-right: 1px solid #C4D2E6;
}

#navcontainer li#active {
/*background: url("../images/navi_hover.jpg") repeat-x 20px;*/
background: #666;
}

#navcontainer a:hover {
color:#fff;
/*background: url("../images/navi_hover.jpg") repeat-x 20px; */
background:#666;
}

img.picPeople
{
float:right;
position: relative;
/*background: url('images/a47.gif') no-repeat;*/
width: 136px;
height: 162px;
padding: 0 0 0 15px;
}


a:link, a:visited
{ 
/*color: #999999;*/
color: #7e9bc7;
text-decoration: underline;
/*text-decoration:none;*/

 
}

a:hover
{
text-decoration: none;
color:#000;
}

#teaser_l
{
width:300px;
height: 150px;
background-color: #fff;
color:#000;
float: left;
margin-left: 20px;
margin-right: 20px;
border:1px dotted #ccc;

}

#teaser_r
{
/*float: right;*/
width:300px;
height: 150px;
background-color: #fff;
color:#000;
border:1px dotted #ccc;
}

.box_header
{
height: 20px;
background-color: #7e9bc7;
color: #fff;
padding-left: 5px;
}

.box_text
{
margin: 5px 5px 0px 5px;
}

img.picTeaser
{
float:right;
position: relative;
/*background: url('images/a47.gif') no-repeat;*/
width: 100px;
height: 100px;
margin: 23px 10px 10px 5px;
}