/* CSS Document */

* {
  margin:0;
  padding:0;
}

html {
	height:100%;
	overflow-y: scroll;
}

body {
	background-image:url(images/bg.jpg);
	color:#1b1b1b;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	height:100%;
}

h1 {
    color:#1b1b1b;
    font-family: 'Ubuntu', Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

h2 {
    color:#333;
    font-family: 'Ubuntu', Verdana, Helvetica, sans-serif;
    font-size:14px;
}

h3 {
    color:#333;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:13px;
}

table {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:10px;
}
a {
	color:#8a8a8a;
	outline:none;
	text-decoration:underline;
}

a img {
	border:0;
}

p {
	padding:5px 0 5px 0;
	margin:0;
}

/* Variable Klassen */

.active a {
	background:scroll url(images/menudot.gif) 0 -10px no-repeat !important;
}

#big {
	background-image:url(images/inlay_bg.jpg);
	background-position:50% 0;
	background-repeat:repeat-y;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -30px auto;
	width:721px;
}

.clear {
	clear:both;
}

#content {
	float:left;
	margin:42px 0 0 17px;
	width:399px;
}

#content h1 {
	color:#025;
	font-size:22px;
	font-weight:normal;
	margin:5px 0 7px 0;
    text-shadow: 1px 1px 0px #ccc; -moz-text-shadow: 1px 1px 0px #ccc; -webkit-text-shadow: 1px 1px 0px #ccc;
}

#content h2, h3 {
 	margin-left:5px;
    text-shadow: 1px 1px 0px #ccc; -moz-text-shadow: 1px 1px 0px #ccc; -webkit-text-shadow: 1px 1px 0px #ccc;
}

.contentc {
	padding:0 4px 0 4px;
}



.contentbox {
	border:1px solid #ebebeb;
	color:#868686;
	float:left;
	margin:18px 4px 0 0;
	padding:5px;
	width:116px;
    font-size:12px;
}

.productbox {	
	border:1px solid #ebebeb;
	color:#868686;
	float:left;
	margin:18px 4px 0 0;
	padding:5px;
	width:420px;
    	font-size:12px;
}

.productbox h2 {
	background-color:#eee;
	color:#000;
	font-size:1.2em;
	font-weight:normal;
	height:1.4em;
	padding:1px 0 1px 0;
	text-indent:4px;
}


.contentbox h2 {
	background-color:#232323;
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
	height:14px;
	padding:1px 0 0 0;
	text-indent:4px;
}


.contentbox p {
	padding:2px 0 1px 0 !important;
}

.supportbox {
    border: none;
    color:#868686;
    float:left;
    margin:4px 4px 0 0;
    padding:5px;
    width:166px;
    font-size:12px;
}



#footer {
    clear:left;
	/* background-image:url(images/footer.jpg); */
	background:#eee;
	color:#333;
	height:14px;
	margin:15px auto 0 auto;
	padding:1px 0 0 0;
	text-align:center;
	width:721px;
}

#header {
	background-image:url(images/header.png);
	color:#111;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:17px;
	height:180px;
	padding:7px 0 0 0;
	text-indent:29px;
	width:721px;
}

#inlay {
	background-image:url(images/inlay_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
}

#menu {
	border-top:1px solid #cacaca;
	display:inline;
	float:left;
	margin:53px 0 0 27px;
	width:106px;
}

#menu li {
	border-bottom:1px solid #dadada;
	float:left;
	list-style-type:none;
}

#menu li a {
	background:scroll url(images/menudot.gif) 0 8px no-repeat;
	color:#585858;
	display:block;
	height:17px;
	margin:0 0 0 1px;
	padding:6px 0 0 0;
	text-decoration:none;
	text-indent:28px;
	width:105px;
}

#menu li a:hover {
	background:scroll url(images/menudot.gif) 0 -10px no-repeat #eee;
}

.news {
	color:#5c5c5c;
	font-family:Arial, Helvetica, sans-serif;
	margin:72px 0 0 9px;
}

.news dd {
		margin:0 0 20px 0;
}

#newsbox {
	float:left;
	margin:4px 0 0 0;
	width:156px;
}

#newsbox h2 {
	color:#0e0e0e;
	font-size:11px;
	font-weight:bold;
	padding:0 29px 0 0;
	text-align:right;
}

.newsboxpic {
	border-bottom:10px solid #fff;
	border-left:10px solid #fff;
	border-right:9px solid #fff;
	border-top:10px solid #fff;
    position:absolute;
    bottom:22px;
    display:none;
}

.startbox {
margin: 0pt;
padding-top: 17px;
padding-right: 0pt;
padding-bottom: 15px;
padding-left: 0pt;
width: 98%;
/*
background-color: transparent;
background-image: url(http://cpbx.eu/images/horiz_line.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
*/
}

.startbox h2 {
    font-size:12px;
    font-weight:bold;
    height:14px;
    padding:1px 0 0 0;
    text-indent:4px;
}

#push {
	clear:both;
	height:30px;
}

/* partner */
 #partner_more { 
padding:9px;
margin:9px;
background:#eee;
border: solid 4px #dcdff6;
}

#contentpartner {
 background:transparent url('/images/europa.gif') no-repeat right top;
 /* border-right: solid 1px #579; */
}


#contentpartner  table {
padding:.2em;
background:#dcdff6;
margin-left:.7em;
}

#contentpartner table td{
padding:.4em;
line-height:17px;
}



#contentc table {
padding:.2em;
background:#dcdff6;
margin-left:.7em;
}

#contentc table td{
padding:.4em;
line-height:17px;
}



#contact table{
  border: solid 4px #dcdff6;
  background:#eee;
}
#contact .input, textarea{
  border: solid 1px #acc;
  background:#fff;
}

/* countries form selectbox */
#cf select {
  border: solid 1px #acc;
  background:#fff;
  margin-left:1em;
  /* padding:0px; */
}

pre, code {
width:390px;
font-size:11px;
overflow:auto;
}


.trhover { background:#4f9; }
.dark { background-color:#eee; }
.lite { background-color:#efd; }
.darker { background-color:#cee; }
.liter { background-color:#efd; }


.jobslist {
  list-style-type: disc;

}


/* modal dialog overlay */
.button {
float:right;
width: 55px;
border: 3px double #999;
border-top-color: #CCC;
border-left-color: #CCC;
padding: 4px;
background-color: #EEE;
color: #333;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

.button:active {
border-top-color: #999;
border-left-color: #999;
border-bottom-color: #CCC;
border-right-color: #CCC;
background-color: #FFF;
}
.button:hover {
border-top-color: #999;
border-left-color: #999;
border-bottom-color: #CCC;
border-right-color: #CCC;
background-color: #AAA;
}

.blackoverlay {
  display: none;
  position: absolute;
  z-index:1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#000;
  filter:alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.mypic {
  position: absolute;
  z-index:1042;
}

/* @section sexy lightbox */
#img_container { height:120px; }
#img_container ul {display:block;padding:0;margin:0;list-style:none;}
#img_container ul li{float:left;width:320px;margin:10px;}
#img_container ul li a img {
  border:2px solid #ccc;
  padding:5px;
  background:#eee;
}
#img_container ul li a:hover img { border-color: darkred; }

/* @section Buttons  */
.button-demo:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}

.button-demo img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}

.button-login:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}

.button-login img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}


.button-demo {
  margin-left:32px;
}

.button-login{
margin-left:16px;
}


.button-demo, .button-login{
display:inline;
}