/* ---------------------------------------------------------------
Style Sheet
 __  __           _____ _____ _______      ________            _____ _______ 
|  \/  |   /\    / ____/ ____|_   _\ \    / /  ____|     /\   |  __ \__   __|
| \  / |  /  \  | (___| (___   | |  \ \  / /| |__       /  \  | |__) | | |   
| |\/| | / /\ \  \___ \\___ \  | |   \ \/ / |  __|     / /\ \ |  _  /  | |   
| |  | |/ ____ \ ____) |___) |_| |_   \  /  | |____   / ____ \| | \ \  | |   
|_|  |_/_/    \_\_____/_____/|_____|   \/   |______| /_/    \_\_|  \_\ |_|   

Site:       COLLINI
Author:     Michael E. Trawetzky - MASSIVE ART www.massiveart.com
Version:    1.0
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
Reset-File */
@import url(reset.css);

/* Carousel-File */
@import url(carousel.css);
/* --------------------------------------------------------------- */

/* --------------------------
@start, General Definition */

body {
  background: url(/website/themes/collini/images/gradient.gif) repeat-x #e5e4e4 0 0;
  color: #333;
  font-family: Arial, Sans-Serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;  
}
p {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}
img {
	behavior: url(/website/themes/collini/css/iepngfix/iepngfix.htc);
}
.float {
  float: left;
}
.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}
.wrapper {  
  margin: 0 auto;
  text-align: left;
  min-height: 605px;
}
.subWrapper {
  width: 940px;
  margin: 0 auto;
}
/*
.wrapper .start {
  padding: 40px 0 0 0;
}
*/
/* --------------------------
@end, General Definition */

/* --------------------------
@start, Links Definition */
a {
  color: #096fb7;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-decoration: none;
}
a:hover {
  color: #096fb7;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-decoration: underline;
}
a.more {
  color: #096fb7;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-decoration: none;
}
a.more:hover {
  color: #096fb7;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-decoration: underline;
}
/* --------------------------
@end, Links Definition */

/* --------------------------
@start, Headlines Definition */
h1 {
  font-size: 24px;
  font-family: Arial, Sans-Serif;
  line-height: 30px;
  color: #333;
  font-weight: normal;
  padding: 0 0 10px 0;
}
h2 {
  font-size: 18px;
  font-family: Arial, Sans-Serif;
  line-height: 20px;
  font-weight: normal;
  padding: 0 0 10px 0;
}
h3 {
  font-size: 14px;
  font-family: Arial, Sans-Serif;
  line-height: 20px;
  font-weight: bold;
  padding: 0 0 0px 0;
}
/* --------------------------
@end, Headlines Definition */

/* -------------------------
@start, ERROR Definition */
.errorContainer {
  padding: 0 0 100px 0;
}
/* @end, ERROR Definition */
  
/* -------------------------
@start, Fonts Definition */
.footer {
	font-size: 12px;
  font-family: Arial, Sans-Serif;
  line-height: 15px;
}
/* -----------------------
@end, Fonts Definition */

/* -----------------------------
@start, Navigation Definition */
#nav {
  height: 35px;
  width: 790px;
  margin: 0 0 10px 230px; 
}

#nav ul {
  list-style:none;
  /* clear:both;
  float:right; */
}

#nav li {
  float: left;
  height: 35px;
}

#nav li a,
#nav li a:hover {
  font-size: 14px;
  line-height: 35px;
  font-weight: bold;
  color: #525252;
  text-decoration: none;
	text-transform: uppercase;
}

#nav li a:hover {
  text-decoration: underline;
}

#nav li .start,
#nav li.selected .start {
  height: 35px;
  width: 11px;
  float: left;
}

#nav li .middle,
#nav li.selected .middle {
  background-color: #FFF;
  height: 35px;
  padding: 0 2px 0 2px;
  float: left;
}

#nav li .end,
#nav li.selected .start {
  height: 35px;
  width: 11px;
  float:left;
}

#nav li.selected a,
#nav li.selected a:hover {
  font-size:14px;
  line-height:35px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}

#nav li.selected .start {
  background: url(/website/themes/collini/images/nav_left.gif) no-repeat 0 0;
}

#nav li.selected .middle {
  background: url(/website/themes/collini/images/nav_middle.gif ) repeat-x 0 0;
}

#nav li.selected .end {
  background:url(/website/themes/collini/images/nav_right.gif) no-repeat 0 0;
}

/* ---------------------------
@end, Navigation Definition */

/* --------------------------
@start, Top Definition */

.languageContainer {
	background-color: #666;
	margin: 0 0 20px 0;
}
.languageContainer .text {
	float: right;
	margin: 0 10px 0 0;
	color: #FFF;
}
.languageContainer .flagContainer {
	float: right;
	margin: 0;
}
.flagContainer img {
	margin: 0 0 0 10px;
}
.topContainer .logo {
	float: left;
	margin: 0 0 0 0;
}
.topContainer .searchContainer {
	float: right;
}
/* --------------------------
@end, Top Definition */

/* -------------------------
@start, Search Definition */

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

.searchFilter .tags .item {
  padding: 3px 0 2px 0;
}

.searchFilter .small,
.searchFilter .small a,
.searchFilter .small a:hover {
  font-size: 12px;
}

.searchContainer {
  background-color:#fff;
  /* width:260px; */
}

.searchContainer .box {
  padding: 13px 0 0 0;
}

.searchContainer .pre {
	color:#009EEB;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	padding:36px 0 5px 0;
}

.searchContainer .box .field {
  float:left;
  width:175px;
  padding:0 5px 0 0;
}

.searchContainer .box .field input {
  height:20px;
  width:154px;
  padding:2px 4px 0 4px;
  font-size:14px;
  line-height:20px;  
  font-weight:bold;
  color:#333;
  border: 1px solid #ccc;
}

.searchContainer .box .button {
  float:left;
}

#livesearch {
  position:relative; 
  margin:-1px 0 0 0;
  background:#fff; 
  color:#333; 
  z-index:30; 
  width:238px !important; 
  border:1px solid #ccc;
}

#livesearch ul {
  
}

#livesearch li {
  padding:5px 10px 5px 10px; 
}

#search_list li.selected,
#search_list li:hover {
  background:#ebebeb;
}

#livesearch li a,
#livesearch li a:hover {
  text-decoration:none;
}

#livesearch .detailSearch {
  font-size:12px;
  padding:5px 10px 5px 10px;
  cursor:pointer;
  background-color:#ebebeb;
  text-align:center;
  color:#096FB7;
  border-top:1px solid #ccc;  
}
/* -----------------------
@end, Search Definition */

/* -------------------------
@start, Buttons Definition */

.bttnSmall {
  width:61px;
  height:21px;
  padding:2px 0 0 0; 
  background:url(/website/themes/collini/images/button_small.gif) no-repeat 0 0;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  color: #096fb7;
  text-align:center;  
  cursor:pointer;
}
/* -------------------------
@end, Buttons Definition */

/* --------------------------
@start, Subnavi Definition */

.headerContainer {
	
}

.headerContainer {
  
}

.headerContainer .backgroundImageContainer {
	background: url(/website/themes/collini/images/tmp/header_2.jpg) no-repeat #FFF 0 0;
	height: 300px;
}

.headerContainer .backgroundImageContainer .spacer {
	width: 100px;
	height: 60px;	
}

.headerContainer .backgroundImageContainer .content {
	width: 400px;
	height: 170px;
	margin: 0 0 0 60px;
	padding: 10px;
	background: url(/website/themes/collini/images/trans.png) transparent 0 0;	
}

.headerContainer .backgroundImageContainer .content p {
	font-size: 13px;
	line-height: 18px;
	padding: 0;
}
/* --------------------------
@end, Subnavi Definition */

/* --------------------------
@start, Subnavi Definition */

/* --------------------------
@end, Subnavi Definition */

/* --------------------------
@start, Startpage Content Definition */
.contentContainer {
	margin: 20px 0 0 0;
	background: url(/website/themes/collini/images/bg_start_box_3.gif) repeat-y 0 0;
}
/*
.contentContainer .item:first-child {
	width: 300px;	
	float: left;
	margin: 0px;
}
*/
.contentContainer .itemfirst {
	width: 300px;	
	float: left;
	margin: 0px;
}
.contentContainer .item {
	width: 300px;
	float: left;
	margin: 0 0 0 20px;
}
.contentContainer .itemfirst .headline,
.contentContainer .item .headline	 {
	background-color: #FFF;
	padding: 10px 15px;
	font-weight: bold;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.contentContainer .itemfirst .content,
.contentContainer .item .content	 {
	padding: 10px 15px 30px 15px;
}
.contentContainer .itemfirst .content p,
.contentContainer .item .content p {
	padding: 0;
}
.contentContainer .itemfirst .content .image,
.contentContainer .item .content .image	 {
	float: left;
	padding: 0 5px 5px 0;
}
.contentContainer .itemfirst .content .image img,
.contentContainer .item .content .image img {
	width: 53px;
}
/* --------------------------
@end, Startpage Content Definition */

/* ----------------------------------- 
@start, Overview Content Definition */

.overviewContainer {
  padding: 0 0 40px 0;  
}

.overviewContainer .leftContainer,
.templateContainer .leftContainer {
  float: left;
  width: 220px;  
}

.overviewContainer .subnav,
.templateContainer .subnav {
  text-align: left;
  padding: 0;
  margin: -8px 0 30px 0;   
}

.overviewContainer .start .subnav {
  width: 200px;  
  padding: 10px 10px 0 10px;    
}

.overviewContainer .leftContainer .sidebar,
.templateContainer .leftContainer .sidebar {
  margin: 0 10px 0 10px;
}

.overviewContainer .leftContainer .internalLinksContainer,
.templateContainer .leftContainer .internalLinksContainer {
  margin: 0 10px 30px 10px;
}

.overviewContainer .leftContainer .contactContainer,
.templateContainer .leftContainer .contactContainer {
  margin: 0 10px 30px 10px;
}

.overviewContainer .content {
  float: right;
  width: 700px;
  text-align: left;
  padding: 0; 	
}

.overviewContainer .content .header {
  padding: 0 0 20px 0; 	
}

.overviewContainer .content .description {
  padding: 0 0 0 0;
}

.overviewContainer .content .description p {
  padding: 0 0 0 0;
}

.overviewContainer .col1 .item {
	margin-bottom: 20px;
}

.overviewContainer .col2 .item {
	float: left;
	width: 340px;
}

.overviewContainer .content .list {
	margin: 0 0 30px;
}

.overviewContainer .content .list .itemImg {
	margin: 0 0 10px;
}

.overviewContainer .content .list .itemImg .left {
	padding: 0 10px 0 0;
}

.overviewContainer .content .list .itemImg .right {
	float:left;
}
/* ----------------------------------- 
@end, Overview Content Definition */

/* ----------------------------------- 
@start, Detail Content Definition */

.templateContainer {
  padding: 0 0 40px 0;  
}
.templateContainer .subnav {
  float: left;
  width: 220px;
  text-align: left;
  padding: 0;   
}

.templateContainer .start .subnav {
  width: 200px;  
  padding: 10px 10px 0 10px;   
}

.templateContainer .content {
  float: right;
  width: 700px;
  text-align: left;
  padding: 0; 	
}

.templateContainer .content .header {
  padding: 0 0 20px 0; 	
}

.templateContainer .content .headline {
  float: left;
}

.templateContainer .content .back {
  float: right;
  padding: 7px 0 0 0;
}

.templateContainer .content .description {
  padding: 0 0 0 0;
}

.templateContainer .content .imageDescription {
  padding: 0 0 30px 0;
}

.templateContainer .content .imageDescription img{
  padding: 0 0 10px 0;
}

.templateContainer .block {
  padding: 0 0 30px 0;
}

.content ul {
  list-style-type: disc;
  padding: 0 0 20px 20px;  
}

.templateContainer .content .description table {
  margin: 0 0 20px 0;  
}

.templateContainer .content .description table th {
  border-bottom: 2px solid #999;
  padding: 0 0 5px 0;
  /* width: 200px; */
}

.templateContainer .content .description table td {
  border-bottom: 1px solid #999;
  padding: 5px 20px 5px 0;
  /* width: 200px; */
}
/* ---------------------------------
@end, Detail Content Definition */

/* --------------------------
@start, Subnavigation Definition */

.subnav ul {
  padding: 0;  
}

.subnav li {
   
}

.subnav li div {   
  margin: 0 10px 0 10px;
  border-bottom: 1px solid #999;
  padding: 3px 10px 1px 15px;
}


.subnav li div.selected {
  padding: 3px 10px 1px 15px;
  border-bottom: none;
  margin: 0 10px;
  border-bottom: 2px solid #999;
  background: url(/website/themes/collini/images/arrow.gif) no-repeat 6px 9px; 
}

.subnav li a {
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}

.subnav li a:hover {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}

.subnav li div.selected a,
.subnav li div.selected a:hover {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.subnav li ul {
  padding: 0 10px 5px 30px;
}

.subnav li ul li {
  background: none;
  padding: 3px 0 1px 5px;
  border-bottom: 1px solid #999;
}

.subnav li ul li a {
  font-size: 14px;
  font-weight: normal;  
  color: #096fb7;
}

.subnav li ul li a:hover {
  font-size: 14px;
  font-weight: normal;  
  color: #000;
}

.subnav li ul li a.selected,
.subnav li ul li a.selected:hover {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: none;
}
/* --------------------------
@end, Sunavigation Definition */

/* ====================================
@start, Sitemap */

.sitemap { }

.sitemap .block {
  padding:0 0 20px 0;
}

.sitemap .block .item { 
  padding:0 0 0 20px;
}
.sitemap .block a,
.sitemap .block a:hover {
  font-size: 12px;  
  line-height: 16px;
}

.sitemap .block .levle1 a,
.sitemap .block .levle1 a:hover {
  font-size: 16px; 
  line-height: 20px; 
}

.sitemap .block .levle2 a,
.sitemap .block .levle2 a:hover {
  font-size: 14px;  
  line-height: 18px;
}

/* --------------------------
@start, Gallery Definition */

.galleryContainer {
  padding:0 0 20px 0;
}
.gallery {
  margin: 0 0 0 0;
}
.gallery .item {
  float: left;
  /*width: 180px;
  height: 180px; */
  overflow: hidden;
  padding: 0;
}
.gallery .item img {
  /* border:3px solid #fff; */
  /* margin: 20px 0 0 15px; */
  /* border: 1px solid #999; */  
}
.gallery #showAll {
  float: left;
  padding-top: 137px;
}
/* --------------------------
@end, Gallery Definition */

/* --------------------------
@start, Documents Definition */

.documents {
  padding: 0 0 20px 0;
}

.documents .item {
  padding: 0 0 10px 0;
}

.documents .item .icon {
  float: left;
  width: 16px;
  padding-right: 10px;
}

.documents .item .text {
  float: left;
  width: 600px;
}

.documents .item .text span {
  font-size:11px; 
}
/* --------------------------
@end, Documents Definition */

/* --------------------------
@start, Contact Definition */

.contactContainer {
  padding: 0 0 0 0;  
}

.contactContainer h3 {
  padding: 0 0 10px 0;  
}

.person { 
  padding:0 0 20px 0;
}

.person .img {
  float: left;
  width: 53px;
  padding: 0 15px 0 0;
}

.person .img img {
  border: 1px solid #ccc;
  width: 53px;
}

.person .detail {
  float:left;
  padding:0;
  width: 130px;
}

.person .name {
  color: #48403c;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
}

.person .function {
  font-size: 12px;
  line-height: 20px;
}

.person .infos {
  font-size: 12px;
  line-height: 1.3em;
  float: left;
}

.person .infos a {
  font-size: 12px;
  line-height: 1.3em;
  float: left;
}
/* --------------------------
@end, Contact Definition */

/* --------------------------
@start, Sidebar Definition */

/* --------------------------
@end, Sidebar Definition */

/* ----------------
Search Page */

.searchResultContainer {
  padding:0;
}
.searchResultContainer p {
  padding:0;
}

.content .searchResultContainer .header {
  padding:10px 0 20px 0;
}

.searchResultContainer .item {
  padding:0 0 15px 0;
}

.searchResultContainer .item .title {
  font-size:18px;
  padding:0 0 2px 0;
}

.searchResultContainer .item .title a,
.searchResultContainer .item .title a:hover {
  font-size:18px;
}

.searchResultContainer .item .description {
  padding:0 0 5px 0;
}

.searchResultContainer .item .url {
  font-size:12px;
  color:#666;
}

/* --------------------------
@start, Image Definition */
	
.imgLeft {
  float: left;
}
.imgRight {
  float: right;
}
/* --------------------------
@end, Image Definition */

/* --------------------------
@start, Footer Definition */

.footerContainer {
  padding: 10px 0 0 0;
  color: #666;
}
.footerContainer .item {
  float: left;
  margin: 0 15px 0 0;
}
.footerContainer .stripline {
  float: left;
  margin: 0 15px 0 0;
}
.footerContainer .item a {
  color: #096FB7;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-decoration: none;
}
.footerContainer .item a:hover {
  color: #096FB7;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  text-decoration: none;
}
/* --------------------------
@end, Footer Definition */

/* --------------------------
@start, Font Weight Definition */

.bold {
  font-weight:bold;
}
.normal {
  font-weight:normal;
}
.lighter {
  font-weight:lighter;
}
.bolder {
  font-weight:bolder;
}
.justify {
  text-align: justify;
}
/* --------------------------
@end, Font Weight Definition */

/* --------------------------
@start, Colors Definition */

.black {
  color:#000;
}
.white {
  color:#fff;
}
.dark {
  color:#6c6c6c;
}
/* --------------------------
@end, Colors Definition */

/* --------------------------
@start, Paddings Definition */

.pTop10 {
  padding-top:10px;
}
.pTop20 {
  padding-top:20px;
}
.pBottom10 {
  padding-bottom:10px;
}
.pBottom20 {
  padding-bottom:20px;
}
.pLeft10 {
  padding-left:10px;
}
.pLeft20 {
  padding-left:20px;
}
.pRight10 {
  padding-right:10px;
}
.pRight20 {
  padding-right:20px;
}
.pRight40 {
  padding-right:40px;
}
/* --------------------------
@end, Paddings Definition */

/* --------------------------
@start, Margins Definition */

.mTop10 {
  margin-top:10px;
}
.mTop20 {
  margin-top:20px;
}
.mTop40 {
  margin-top: 40px;
}
.mTop60 {
  margin-top: 60px;
}
.mBottom10 {
  margin-bottom: 10px;
}
.mBottom20 {
  margin-bottom: 20px;
}
.mBottom40 {
  margin-bottom: 40px;
}
.mBottom60 {
  margin-bottom: 60px;
}
.mLeft10 {
  margin-left:10px;
}
.mLeft20 {
  margin-left:20px;
}
.mRight10 {
  margin-right:10px;
}
.mRight20 {
  margin-right:20px;
}
.mRight60 {
  margin-right: 60px;
}
/* --------------------------
@end, Margins Definition */

/* --------------------------
@start, Floats Definition */

.left {
  float:left;
}
.right {
  float:right;
}
/* --------------------------
@end, Floats Definition */

/* ----------------
Busy */

#searchIndicator {
  background: transparent url(/website/themes/collini/images/loader_small.gif) no-repeat center right;
  position: relative; 
  top: -22px; 
  left: 140px;
  width:20px;
  height:20px;
}

/* --------------------------
@start, Special Definition */

.pointer {
	cursor: pointer;
}
/* --------------------------
@end, Special Definition */

/* --------------------------
@start, Grid Definition */

#divGrid12 {
  position: absolute;
  width: 940px;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 50%;
  margin: 0 0 0 -470px;
}
.grid {
  position:absolute;
  z-index:1000;
  top:0;
  background:url(/website/themes/gort/images/tmp/grid.png) 0 0;
  bottom:0;
  width:60px;
  height:100%;
}
/* --------------------------
@end, Grid Definition */