body { margin:0; padding:0; height:100%; }

#wrapper  { text-align:left; }

#head {
	background-image: url(../img/header-bg.gif);
	background-repeat: repeat-x;
	height:196px;
}
#headerimg { height: 131px; }
#headerimg-right { 	 }

#logo { width: 366px; position: relative; left: 54%; padding: 20px 0 0;  }

#mainnavi {  background: url(../img/navi-bg.jpg) repeat-x; height:39px;  padding-left:40px;}

#mainnavi span {
	display:block;
	float:left;
	height:39px;
	margin-right:15px;
}
#mainnavi span.navi-1 { background: url(../img/navi-1.gif) repeat-x; }
#mainnavi span.navi-2 { background: url(../img/navi-2.gif) repeat-x; }
#mainnavi span.navi-3 { background: url(../img/navi-new-3.gif) repeat-x; }
#mainnavi span.navi-4 { background: url(../img/navi-new-4.gif) repeat-x; }
 /* #mainnavi span.navi-5 { background: url(../img/navi-5.gif) repeat-x; } */



#subnavi{   background: #dadada; height: 25px; }
#subnavi .submenu { margin-left:  40px;  clear:both }
ul.submenu, ul.subsubmenu   { margin:0; padding:0; list-style-type:none; clear:right; }
.submenu li, .subsubmenu li { margin:0; padding:0; float:left; }
.submenu li a, .subsubmenu li a { float:left; padding:5px ; margin-right:15px; }
.submenu li a.activenavi {background: white;  }
.subsubmenu li a.activenavi {background: #DADADA;  }

 ul.subsubmenu { overflow: hidden; margin-bottom: 20px; }

.subsubmenu a {font: normal 10px Arial, Helvetica, sans-serif; color: #404040; }

#subnavi a {
  font: normal 12px Arial, sans;
  color: #404040;
}

#content {
	overflow:hidden;
	clear:both;
}

#main {
	width:65%;
	float: left; overflow: visible;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color: #414141;
	border-right: 1px dotted #A9A9A9;
}

#maincontent { margin: 5px 5px 25px 4%; overflow: hidden; }
#mainrightcontent {margin: 5px 15px 25px 15px; }

#mainright {
	float:right; width:34%;
  	font:normal 12px/19px Arial, Helvetica, sans-serif;
/*	border-left: 1px solid #DADADA;*/

}

#footer {
	height: 100px
}
#footer #footernavi {
	margin: 20px 20px 20px 40px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #414141;
	
	width:400px; float:left;
}

#footer .shareit { float: right; 	margin: 20px 20px 20px 40px; }

#footer #footernavi a {
	color: #414141; margin-right:15px;
}

/*=========== THINGS ===============*/

img { border:0; }

h1, h2, h3 { margin:20px 0; padding:0;}
h1 { font:normal 21px Arial, Helvetica, sans-serif; color: #414141; margin-top: 15px; }
h2 { font:normal 18px Arial, Helvetica, sans-serif; color: #414141; margin: 5px 0; }
h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #414141; clear: both; margin: 0 0 10px 0; }
h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #414141; clear: both; margin: 0 0 10px 0; }

.portfolio-item-special h2 {font:normal 12px Arial, Helvetica, sans-serif;}

input, textarea {
	border: 1px solid gray; padding:2px;
}
.formbutton { 	background:url(../img/button-bg.gif); padding: 5px; margin:2px; color:white; font-weight:bold;}
.required { color:red; }

/*=========== NEWS ===============*/
/* news list 
.news-list-item, .news-latest-item {
	width:120px; height:90px;
	margin: 0 3px 3px 0px ;
	padding:5px;
	float:left;

	border:1px solid #e7e7e7; background:white;
}
#mainrightcontent .news-list-item, .news-latest-item { height:60px; width:80px; }

/*
.news-list-item h3, .news-latest-item h3 {display:none; }
.news-list-morelink, .news-latest-morelink {display:none; }
/*=================================

.news-list-date, .news-latest-date {display:none;}
.news-single-item .news-single-timedata, .news-single-item .news-single-author { display:none; }


*/
.csc-firstHeader { margin: 10px 0; }
.news-list-container { height: 500px; overflow: auto; }
.news-single-timedata , .news-list-date { font-size:10px; font-weight: normal; float: right; margin: 0 10px 0 0 ; }
.news-list-item h3 { margin: 5px 0;}

.news-single-author { display: none; }
.news-single-item h3  { font-size: 90%; }


/*=========as PORTFOLIO ========================*/
.tx-asportfolio-pi1 a { color: #3C3C3C; text-decoration:underline;}
.tx-asportfolio-pi1 a:hover { color: #B80718; text-decoration:none;}

.portfolio-item {
	width:30%; height:250px;
	float:left;
	margin:0 20px 20px 0;
}

.portfolio-item-special {
	width:31%; height:220px;
	float:left;
	/* margin:0 15px 15px 0; */
	text-align:center;
}

.portfolio-item h2 {
	margin: 5px 0;
}

.portfolio-item small {
	margin: 5px 0;
}



.portfolio-item h2 { font-size: 1.2em;  }
span.tags { font-size:0.9em; color: #DADADA;  line-height: 12px;}

#detail-right {
	border-top: 1px solid #3D3D3D;
	border-bottom: 1px solid #3D3D3D;
	padding: 6px 0;
	margin-bottom:10px;
	overflow: hidden;
}

#detail-right div { text-align: center; width: 33%; float: left; }

.tags-cloud { 
/*	width:70%; */
	clear:both; 
/*	padding:10px; */
/*	background: #DADADA;  */
	text-align:center;
}
.tags-cloud ul { padding:0; margin:0; list-style-type:none; }
#tab-uptodateness ul, #tab-customers ul { height:400px; overflow:auto;  }
.tags-cloud li {  }
#tab-uptodateness li, #tab-customers li {border-bottom: 1px dotted #DADADA; padding:5px }

.tags-cloud a { line-height:150%; }
.tag1 {
	font-size: 11px;
}
.tag2 {
	font-size: 16px;
}
.tag3 {
	font-size: 18px;
}
.tag4 {
	font-size: 21px;
}
.tag5 {
	font-size: 24px;
}
.tag6 {
	font-size: 28px;
}
.tag7 {
	font-size: 31px;
}
.tag8 {
	font-size: 34px;
}
.tag9 {
	font-size: 38px;
}
.tag10 {
	font-size: 41px;
}

/*=================================*/

a:link, a:visited { color: #404040; }
.portfolio-customerinfo { margin-bottom:15px; overflow:hidden; }

.tagcloud { margin-bottom: 30px; }
.content, #footer { clear: both; }

.csc-textpic-caption { font-size: 10px; line-height: 1.5; }

/*------------------*/

blockquote  { }
p.align-right { text-align: right; }

/* .csc-frame-indent3366  .csc-header  {  height: 45px; color: #39570a; margin: 0; padding:0; border-bottom:2px solid; } /

/*
.csc-frame-indent3366  .csc-header-n1 { background: #79b51c url(../img/commerce-unterheader.jpg) top right no-repeat; }
.csc-frame-indent3366  .csc-header-n2 { background: #79b51c url(../img/commerce-unterheader-2.jpg) top right no-repeat; }
.csc-frame-indent3366  .csc-header-n3 { background: #79b51c url(../img/commerce-unterheader-3.jpg) top right no-repeat; }
*/
/*
.csc-frame-indent3366  h1 { margin: 0; padding: 10px 5px; }
.csc-frame-indent3366  p a { display: block; background: url(../img/learn-more-ecom.jpg) repeat-x; text-align: right; padding: 1px  10px; color: white; }

*/
.csc-frame-indent3366 { background:  #79b51c url(../img/teaser-bg.jpg) top right no-repeat; padding: 10px; width: 95%; overflow: hidden; }
.csc-frame-indent3366 h1, .csc-frame-indent3366 h2 { margin: 0; padding: 0; }
.csc-frame-indent3366 table { font: normal 12px/19px Arial, Helvetica, sans-serif; color: black;  }
.csc-frame-indent3366 p.bodytext { color: black; }
.csc-frame-indent3366 td { width: 50%; vertical-align: top; border: none !important; }
.csc-frame-indent3366 table ul { margin: 0; }
.csc-frame-indent3366 p  a { color:#003366; font-weight: bold; }

.contenttable { border-collapse:collapse; font: 12px Arial, Helvetica, sans-serif; width: 97%; }
.contenttable td, .contenttable th { padding: 2px; border-bottom: 1px dotted; padding: 8px; }
.contenttable th { background: #e7e7e7;  } 
.contenttable p { margin: 0;  } 

.followmeontwitter { float: left; margin: 20px 0 0 30px;  }

.basicbox {float: left; padding: 5px; margin-right: 10px; margin-bottom: 10px;}
.basicbox h1 { border-bottom: 2px solid; padding-bottom: 5px; margin: 0; }
.basicbox a, .basicbox h1 a { }
.basicbox h1 a  { text-decoration: none; }

.basicbox table { border-collapse:collapse; width: 100%; background: white; margin-right: -154px; }
.basicbox td { border: none; padding: 3px;}

.boxdouble, .box {  width: 46%;  }
.prestaframe { background: #79B51C url(../img/index-prestaframe.jpg) top right no-repeat; }
.typoframe { background: #e48c18 url(../img/index-tlframe.jpg) top right no-repeat; }

.boxtripple { width: 28%;  margin-right: 18px; }

.box  .csc-textpic-image { margin: -46px 0 0 !important; }
.boxdouble { overflow: auto; height: 350px; }
.short { height: 180px !important; }

hr { clear: both; }

#mydiv { overflow: hidden; }
.parnerlogos { float: right; margin-top: 10px; }
.parnerlogos img { margin-right: 20px; }

.jcarousel-item  p, .jcarousel-item  h2 { margin: 0 0 10px 0; }
##mailform p { margin: 5px 0; padding: 0; }
.labelspan { float: left; width: 85px; }


.news-list-item { padding: 10px 0; border-bottom: 1px dotted; overflow: hidden; }
.news-list-item h3 { font-size: 15px; }


.skizzen { width: 20%; float: left; margin: 0 10px 10px 0; height: 300px; border: 1px solid; overflow: hidden; }
.news-single-img a { float: left; margin-right: 10px; }
.news-single-item h2 { margin: 10px 0;}