@charset "utf-8";

	html, body{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%; 	
	}
	
	body {
		font-family: Arial,Tahoma,Helvetica,sans-serif;
		font-size:10pt;
		background-color: #FFFFFF;
		color:#8C8C8C;
	}
	
	.clear{
		clear: both;
	}
	
	a{
		color:#8C8C8C;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: underline;
		color:#8dbb00;
	}
	
	h2{
		font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
		font-size: 20pt;
		font-weight: normal;
		color: #79a400;
		margin: 0 0 0 0;
	}
	
	h3 {
		font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
		font-size: 14pt;
		font-weight: normal;
		color: #79a400;
		padding-top: 8px;
		margin: 0 0 10px 0;
	}
	
	h4{
		margin: 20px 0 10px 0;
	}
	
	textarea, input, option, select{
		font-family:Arial,Tahoma,Helvetica,sans-serif  !important;
		font-size: 10pt;
	}
	
	.center-wrapper {
		width: 904px;
		margin: 0 auto;
		line-height: 1.4;
	}
	
	span.sup{
		vertical-align: top; 
		font-size: 75%;
	}


/* HEADER [[ */
	#header{
		width: 100%;
		height: 100px;
		background: url(../img/gradient_header.jpg) repeat-x;
		min-width: 904px;
	}
	
	#header-content{
		width: 904px;
		margin: 0 auto;	
	}
	
	#header-content a.heading{
		display: inline-block;
		vertical-align: top;
		width: 284px;
		height: 59px;
		position: relative;
		top: 20px;
		background: url(../img/infoclips-logo.png) no-repeat;
		outline: none;
	}
	
	#header-content a.heading h1{
		margin: 0;
		text-indent: -30000px;
	}
	
	#navigation{
		display: inline-block;
		vertical-align: top;
		width: 480px;
		height: 20px;
		margin: 51px 0 0 105px;
		
		color: #ffffff;
		font-size: 14px;
		font-family: Arial,Tahoma,Helvetica,sans-serif;
	}
	
	#navigation ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#navigation ul li{
		display: inline-block;
		vertical-align: top;
		margin-right: 44px;
	}
	
	#navigation ul li a{
		color: #ffffff;
		text-decoration: none;
	}
	
	#navigation ul li a:hover{
		color: #8dbb00;
	}
	
	#navigation ul li a.navLinkHeadHighlight{
		color: #8dbb00;
		font-weight: bold;
	}
	
	#language-selector{
		display: inline-block;
		vertical-align: top;
		width: 80px;
		margin: 49px 0 0 0;
		background: #cccccc;
		border: 1px solid #cccccc;
		cursor: pointer;
	}
	
	#language-selector option{
		background: #cccccc;	
	}
	
	#language-img{
		display: inline-block;
		vertical-align: top;
		margin: 45px 0 0 0;
	}
	
	#language-img img{
		border: 0;
	}
/* ]] END-HEADER */

/* INDEX [[ */
	#content-wrapper{
		width: 100%;
		background: url(../img/gradient_content.jpg) repeat-x;
		min-width: 904px;
	}
	
	hr.dotted{
		margin: 6px 0 6px 0;
	  	border:dotted #ccc;
	  	border-width:0 0 1px 0;
	  	min-width: 904px;
	}

/* VIDEO [[ */
	#video-content{
		width: 100%;
		height: 324px;
		background: #BBBBBB url(../img/gradient_video.jpg) repeat-x;	
	}
	
	#video{
		width: 904px;
		margin: 0 auto;
	}
	
	#video p{
		text-indent: -30000px;
	}
/* ]] END-VIDEO */

/* REGISTER [[ */
	#register-content{
		width: 100%;
		height: 55px;
		background: #8DBB00 url(../img/gradient_register.jpg) repeat-x;	
	}
	
	#register-info{
		margin: 0 auto;
		width: 904px;
	}
	
	#register-info h3{
		display: inline-block;
		vertical-align: top;
		color: #ffffff;
		font-size: 16pt;
		margin: 22px 0 0 0;
		padding: 0;
		width: 744px;
	}
	
	#register-button{
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		outline: none;
		height: 28px;
		width: 160px;
		text-indent: -30000px;
		margin-top: 22px;
	}
/* ]] END-REGISTER */

/* GRID [[ */
	#grid-content{
		width: 100%;
		height: 177px;
		background: #ebebeb;	
	}
	
	#grids{
		margin: 0 auto;
		width: 914px;
	}
	
	.grid {
		display: inline-block;
		vertical-align: top;
		width: 298px;
		height: 177px;
		text-decoration: none;
		border-right: #ffffff 5px solid;
	}
	
	.grid p {
		position: relative;
		left: -30000px;
		color: #000000;
		text-align: center;
		margin: 45px 0 20px 0;
	}
	
	.grid div.playButton{
		position: relative;
		left: -30000px;
		background: url('../img/play.png') left bottom;
		width: 35px;
		height: 33px;
		margin: 0 auto;
	}
	
	.grid-hover:hover {
		text-decoration: none;
		background-position: left bottom;
	}
	
	.grid-hover:hover p, .grid-hover:hover div.playButton {
		left: 0px;
	}
	
	.grid1 {
		border-left: #ffffff 5px solid;
		background: #ebebeb url('../img/indexBottomLeft.png') left top;	
	}
	
	.grid2 {
		background: #ebebeb url('../img/indexTopCenter.png') left top;	
	}
	
	.grid3 {
		background: #ebebeb url('../img/indexTopRight.png') left top;	
	}
/* ]] END-GRID */

/* TEXT-COLUMNS [[ */
	#textcolumns{
		width: 904px;
		margin: 0 auto;
	}
	
	.textcolumn{
		display: inline-block;
		vertical-align: top;
		width: 251px;
		padding: 0 20px 0 20px;
		
		line-height: 14pt;	
	}
	
	.textcolumn1{
		padding-left: 0;
		width: 280px;
	}
	
	.textcolumn2{
		width: 262px;
		border-left: 1px dotted #ccc;
		border-right: 1px dotted #ccc;
	}
	
	.textcolumn3{
		padding-right: 0;
		width: 280px;
	}
	
	.textcolumn p {
		margin-bottom: 0;
	}
	
	.textcolumn ul {
		padding: 0;
		margin: 15px 0 15px 0;
	}
	
	.textcolumn ul li {
		padding-left: 15px;
		margin-top: 6px;
		list-style-type: none;
		background: url('../img/listdot.png') no-repeat;
		background-position: 0px 7px;
	}
/* ]] END-TEXT-COLUMNS */

/* CUSTOMER [[ */
	#customer-content{
		width: 100%;
		background: #EBEBEB;
	}
	
	#customers{
		margin: 0 auto;
		width: 904px;
	}
/* ]] END-CUSTOMER */
/* ]] END-INDEX */


/* INFORMATION [[ */
	#left-content{
		display: inline-block;
		vertical-align: top;
		width: 281px;
		margin-right: 30px;
		margin-top: 40px;
	}
	
	#left-content div.subnav{
		width: 281px;
	}
	
	#left-content div.subnav div.head-corner{
		height: 9px;
		width: 100%;
		background: url(../img/corners_top_green.png) no-repeat;
	}
	
	#left-content div.subnav div.foot-corner{
		height: 9px;
		width: 100%;
		background: url(../img/corners_bottom_green.png) no-repeat;
	}
	
	#left-content div.subnav ul{
		background: #8DBB00;
		margin: 0;
		padding: 0 10px 0 10px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		list-style: none;
	}
	
	#left-content div.subnav ul li{
		padding: 3px 0 3px 0;
		border-bottom: 1px dotted #C1D983;
	}
	
	#left-content div.subnav ul li.last{
		border-bottom: 0;
	}
	
	#left-content div.subnav ul li a{
		text-decoration: none;
	}
	
	#left-content div.subnav ul li a:hover h3{
		color: #3F413A;
	}
	
	#left-content div.subnav ul li a.navLinkHighlight h3{
		color: #3F413A;
	}
	
	#left-content div.subnav ul li a h3{
		font-size: 13pt;
		color: #ffffff;
		padding: 0;
		margin: 0;
	}
	
	#left-content div.more-info {
		margin: 40px 0 60px 10px;
		line-height:14pt;
	}
	
	#left-content div.more-info ul {
		padding: 0;
		margin: 10px 0 15px 3px;
	}
	
	#left-content div.more-info ul li {
		padding-left: 15px;
		margin-top: 6px;
		list-style-type: none;
		background: url('../img/listdot.png') no-repeat;
		background-position: 0px 7px;
	}
	
	#left-content div.more-info-grey{
		margin-left: 0;
	}
	
	#left-content div.more-info-grey div.head-corner{
		height: 9px;
		width: 100%;
		background: url(../img/corners_top_grey.png) no-repeat;
	}
	
	#left-content div.more-info-grey div.foot-corner{
		height: 9px;
		width: 100%;
		background: url(../img/corners_bottom_grey.png) no-repeat;
	}
	
	#left-content div.more-info-grey div.info-box{
		padding: 0 10px 0 10px;
		background: #EBEBEB;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
	}
	
	#left-content div.more-info h3{
		padding-top: 0;
		font-size: 13pt;
		color: #3F413A;
	}
	
	#left-content div.more-info p{
		margin-bottom: 0;
	}
	
	#right-content{
		display: inline-block;
		vertical-align: top;
		width: 562px;
		padding-left: 30px;
		border-left: 1px dotted #CCCCCC;
		margin-top: 40px;
	}
	
	#right-content h5{
		font-size:9pt;
		margin-bottom: 0;
		color: #3F413A;
	}
	
	#right-content p{
		margin-top: 5px;
	}
	
	#right-content img.infoclipPic{
		margin: 10px 0 0 30px;
	}
	
	#right-content ul {
		padding: 0;
		margin: 10px 0 15px 3px;
	}
	
	#right-content ul li {
		padding-left: 15px;
		margin-top: 6px;
		list-style-type: none;
		background: url('../img/listdot.png') no-repeat;
		background-position: 0px 7px;
	}
	
	#right-content dl.sup{
		font-size: 8pt;
	}
	
	#right-content dl.sup dt{
		display: inline-block;
		vertical-align:top;
		font-size: 80%;
	}
	
	#right-content dl.sup dd{
		display: inline-block;
		vertical-align:top;
		margin: 0 0 0 5px;
		width: 550px;
	}
	
/* ]] END-INFORMATION */

/* PREISE [[ */
	table.paketeTable{
		width: 100%;
		border: 0;
		border-collapse: collapse;
		border-style:dotted;
		border-width: 0px;
		margin: 10px 0 35px 0;
		font-size: 9pt;
		border-color: #6C6C6E;
	}
	
	table.paketeTable tr th{
		color: #ffffff;
		background: #727274;
		border-bottom-color: #ffffff !important;
		border-bottom-width: 1px !important;
		border-bottom-style: solid !important;
		border-right-width: 0px !important;
		border-left-width: 0px !important;
	}
	
	table.paketeTable tr th, table.paketeTable tr td{
		text-align: center;
		height: 20px;
		border-style:dotted;
		border-width: 1px;
		border-left-width: 0px;
		border-top-width: 0px;	
	}
	
	table.paketeTable tr th.noRightBorder, table.paketeTable tr td.noRightBorder{
		border-right-width: 0px;		
	}
	
	table.paketeTable tr th.noBottomBorder, table.paketeTable tr td.noBottomBorder{
		border-bottom-width: 0px;		
	}
	
	table.paketeTable tr th.noTopBorder, table.paketeTable tr td.noTopBorder{
		border-top-width: 0px;		
	}
	
	table.paketeTable tr th:first-child{
		text-align: left;
		padding-left: 5px;
	}
	
	table.paketeTable tr td:first-child{
		text-align: left;
		padding-left: 5px;	
	}
	
	table.paketeTable td.subHeader{
		background: #EDEDEE;
		color: #8DBB00;
		font-weight: bold;
		border-bottom-width: 0px !important;
		border-top-width:0px !important;
	}
/* ]] END-PREISE */

/* BEISPIELE [[ */
	a.examplesPic{
		display: block;
		outline: none;
	}
	
	a.examplesPic img{
		display: block;
		margin: 40px auto 0 auto;
		border: 0px;
	}
/* ]] END-BEISPIELE */

/* KONTAKT [[ */
	
	dl.contact{
		border: 1px dotted #CCCCCC;
		padding: 15px;
	}	
	
	dl.contact dt{
		display: inline-block;
		vertical-align: top;
		width: 150px;
		margin-top: 7px;
		
		font-family: Arial,Tahoma,Helvetica,sans-serif;
		font-size: 9pt;
		color: #8C8C8C;
	}
	
	dl.contact dd{
		display: inline-block;
		vertical-align: top;
		width: 377px;
		border: 0;		
		padding: 0;
		margin: 5px 0 0 0;
	}
	
	/* margin 0, wenn dd auf dt folgt und wenn dt first-child von parent ist */
	dl.contact dt:first-child {
		margin-top: 2px !important;
	}
	
	dl.contact dt:first-child + dd{
		margin: 0 !important;
	}
	
	dl.contact dd textarea{
		width: 377px;
		height: 100px;
		background: #E1E1E1;
		border: 1px solid #E1E1E1;
		margin: 0 !important;
	}
	
	dl.contact dd input{
		width: 377px;
		background: #E1E1E1;
		border: 1px solid #E1E1E1;
		margin: 0 !important;
	}
	
	dl.contact dd input.selectbox{
		width: 15px;
		margin: 4px 0 0 0 !important;
	}
	
	dl.contact dd input.validation-failed{
		border: 1px solid #ff3300;
	}
	
	dl.contact dd select{
		background: #E1E1E1;
		border: 1px solid #E1E1E1;
		cursor: pointer;
	}
	
	dl.contact dd label.leftside{
		vertical-align: top;
		margin: 2px 5px 0 20px !important;
	}
	
	dl.contact dd label.rightside{
		vertical-align: top;
		margin: 2px 15px 0 5px !important;
	}
	
	div.nextbtn{
		position: relative;
		width: 100%;
		height: 50px;
	}
	
	div.nextbtn img{
		position: absolute;
		right: 0;
		cursor: pointer;
	}
	
	div.validation-advice{
		background: #ff3300;
		color: #ffffff;
		font-weight: bold;
		width:374px;
		padding-left: 3px;
		border: 1px solid #ff3300;
	}
	
	#container-right{
		display: inline-block;
		vertical-align: top;
		width: 559px;
		margin-top: 40px;
	}
	
	#container-left{
		display: inline-block;
		vertical-align: top;
		width: 320px;
		margin-top: 40px;
		margin-right: 25px;
	}
/* ]] END-KONTAKT */


/* FOOTER [[ */
	#footer-content{
		width: 904px;
		height: 50px;
		margin: 0 auto;
		font-size: 9pt;
	}
/* ]] END-FOOTER */