/* CSS Document */
body {
	margin: 0;
	background: url(background_page.gif) repeat-y #fff;
	font-family: Arial, sans-serif;
}

/* header definitions */
#header_pro {
	background: url(header_proservice.png) no-repeat;
	height: 110px;
	position: relative;
}

#header_video {
	background: url(header_video.png) no-repeat;
	height: 110px;
	position: relative;
}
#header_codec {
	background: url(header_codec.png) no-repeat;
	height: 110px;
	position: relative;
}
#header_xvid {
	background: url(header_xvid.png) no-repeat;
	height: 194px;
	position: relative;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
}
#searchbox {
	position: absolute;
	bottom: 15px;
	left: 20px;
}
.searchinput {
	width: 95px;
	height: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
	position:relative;
	top:18px;
}
.newsletter-subscribe-email {
	width: 95px;
	height: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
	position:relative;
}
.newsletter-subscribe-submit {
	width:auto;
	margin: 0 5px 0 0;
	position:relative;
}
.submitbutton {
	width:auto;
	position:relative;
	left:100px;
}
.input {
	width: 95px;
	height: 15px;
	margin: 0 5px 5px 0;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
	
}
#headline {
	position: absolute;
	bottom: 5px;
	left: 195px;
	text-align: left;
}

#headline img {
	position: absolute;
	left: 0;
	bottom: 0;
}

#loginBox {
	position: absolute;
	bottom: 10px;
	left: 665px;
}
#loginBox #name, #loginBox #pass {
	width: 95px;
	height: 15px;
	margin: 0 5px 5px 0;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
}


/* header homepage specials */
#header_xvid p {
	margin: 0 0 .4em 0;
}

.cont {

}

.cont1 {
	position: absolute;
	left: 195px;
	top: 13px;
	width: 200px;
}
.cont2 {
	position: absolute;
	left: 430px;
	top: 13px;
	width: 200px;
}
.cont3 {
	position: absolute;
	left: 665px;
	top: 13px;
	width: 200px;
}
.cont1 a.internal-link, .cont2 a.internal-link, .cont3 a.internal-link {
	color: #fff;
	padding: 0 0 0 10px;
	background: url(link_right_ws.gif) no-repeat;
	display: block;
	height: 100%;
}
.cont1 a.internal-link:hover, .cont2 a.internal-link:hover, .cont3 a.internal-link:hover {
	color: #FF9900;
	background: url(link_right_or.gif) no-repeat;
}

.linkbut1 {
	position: absolute;
	left: 195px;
	bottom: 16px;
}
.linkbut2 {
	position: absolute;
	left: 430px;
	bottom: 16px;
}
.linkbut3 {
	position: absolute;
	left: 665px;
	bottom: 16px;
}
/* header homepage specials */

/* main page elements */
#mainNavPro{
	background: url(logo_solutions.gif) no-repeat 144px 35px;
	height: 85px;
	text-align: right;
	padding: 0 3px 0 0;
}
#mainNavVideo{
	background: url(logo_video.gif) no-repeat 144px 35px;
	height: 85px;
	text-align: right;
	padding: 0 3px 0 0;
}
#mainNavCodec{
	background: url(logo_codec.gif) no-repeat 144px 35px;
	height: 85px;
	text-align: right;
	padding: 0 3px 0 0;
}
#mainNavHome{
	background: url(logo_xvid.gif) no-repeat 144px 35px;
	height: 85px;
	text-align: right;
	padding: 0 3px 0 0;
}

#footer {
	background: url(footer_back.gif) no-repeat;
	margin: 0 0 0 175px;
	height: 30px;
	font-size: 10px;
	color: #929DA3;
	position: relative;
}
#footer a {
	color: #929DA3;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.maillink {
	position: absolute;
	left: 20px;
	top: 7px;
}
.imprintlink {
	position: absolute;
	left: 100px;
	top: 7px;
}
.toplink {
	position: absolute;
	left: 470px;
	top: 7px;
	padding: 0 0 0 10px;
	background: url(top_link.gif) no-repeat;
}

/* main cols //////////////////////////////////////////////// */
#container {
	width: 100%;
	background: url(background.gif) repeat-x #fff;
	padding: 0 0 5px 0;

}
#innerContainer {
	width: 883px; /*3 pixel shadow*/
}

/* ancornavigation //////////////////////////////////////////////// */
.leftCol{
	float:left;
	width: 165px;
	height: 10px;
}
.anchorNavigation ul, .csc-menu-3 {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 25px 0 0 10px;
	background: url(anchornav_balken.gif) no-repeat;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}
.anchorNavigation li, .csc-section {
	padding: 0 0 .2em 0;
	display: block;
	height: auto;
}
.anchorNavigation a, .csc-section a {
	padding: 0 0 0 10px;
	background: url(link_right_bl.gif) no-repeat;
	display: block;
	height: auto;
}
.anchorNavigation a:hover, .csc-section a:hover {
	background: url(link_right_or.gif) no-repeat;
}



.mainCol{
	float:left;
	margin: 0 0 0 10px;
	width: 450px;
}
.rightCol{
	float:left;
	margin: 0 0 0 20px;
	width: 235px;
}

/* breadcrumb //////////////////////////////////////////////// */
#breadcrumb {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #00458A;
	padding: 3px 0 4px 0;
}

#breadcrumb .leftCol a {
	margin-left: 20px;
	padding: 0 0 0 10px;
	background: url(link_left_bl.gif) no-repeat;
}
#breadcrumb .leftCol a:hover {
	background: url(link_left_or.gif) no-repeat;
}

#breadcrumb .firstLink a, .firstLinkHomepage {
	color: #0099FF;
	margin: 0 0 0 10px; 
	padding: 0 0 0 10px;
	background: url(link_right_bl.gif) no-repeat;
}
#breadcrumb .firstLink a:hover {
	color: #FF9900;
	background: url(link_right_or.gif) no-repeat;
}


/* pagecontent //////////////////////////////////////////////// */
#content {
	margin: 15px 0 0 0;
}
/* main colum //////////////////////////////////////////////// */
#content .mainCol{
	font-size: 12px;
	line-height: 16px;
}
#content .mainCol td{
	font-size: 12px;
	line-height: 16px;
}

#content .mainCol h1{
	margin: 0 0 .5em 0;
	font-size: 18px;
	line-height: 21px;
	color: #00458A;
}
#content .mainCol h2{
	margin: 1em 0 .5em 0;
	font-size: 14px;
	line-height: 18px;
	color: #00458A;
}
#content .mainCol h3{
	margin: 1em 0 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #00458A;
}
#content .intro {
	font-weight: bold;
	color: #00458A;
}

/* right colum //////////////////////////////////////////////// */
#content .rightCol{
	font-size: 11px;
	line-height: 14px;
	color: #00458A;
}
#content .rightCol h1{
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 .5em 0;
}
#content .rightCol h2{
	font-size: 12px;
	line-height: 15px;
	margin: 1em 0 0 0;
}

/* feature boxes right colum */
#content .rightCol .featureGrey{
	background: url(box_rightcol_grey_top.gif) no-repeat;
	padding: 15px 15px 5px 20px;
}
#content .rightCol .featureGrey p {
	color:#737F85;
}
#content .rightCol .featureGreyFoot{
	background: url(box_rightcol_grey_bottom.gif) no-repeat;
	height: 15px;
}

/* right colum //////////////////////////////////////////////// */

#content .rightCol label {
	display: block;
	padding: 0 0 .5em 0;
}


/* bracket elements */
.contentPart {
	background: url(klammer_top.gif) no-repeat;
	padding: 25px 0 10px 20px;
}
.contentPartFoot {
	background: url(klammer_bottom.gif) no-repeat;
	width: 100%;
	height: 15px;
}

/* linkliste */

.linkitem {
	padding: 0 0 .5em 10px;
	background: url(link_right_bl.gif) no-repeat;
}
.linkitem:hover {
	background: url(link_right_or.gif) no-repeat;
	color: #FF9900; 
}
.downloaditem {
	padding: 0 0 .5em 12px;
	background: url(download_bl.gif) no-repeat;
	margin-left: -2px;
}
.downloaditem:hover {
	background: url(download_or.gif) no-repeat;
	color: #FF9900; 
}



.linklist {
	margin: .5em 0 .5em 0;
	padding: 0;
	list-style: none;
}
.linklist li {
	padding: 0 0 .2em 0;
}
.linklist a {
	padding: 0 0 0 10px;
	background: url(link_right_bl.gif) no-repeat;
	display: block;
	height: 1.2em;
}
.linklist a:hover {
	background: url(link_right_or.gif) no-repeat;
}

/* link plus arrow */
.linkarrow {
	padding: 0 0 0 10px;
	background: url(link_right_bl.gif) no-repeat;
	display: block;
	height: 100%;
}
.linkarrow:hover {
	background: url(link_right_or.gif) no-repeat;
}


/* images */
.imageOnRight {
	float: right;
	padding: 0 0 .5em .5em;
}
.imageOnLeft {
	float: left;
	padding: 0 0 .5em .5em;
}
/* buttons */
.butRight {
	text-align: right;
	margin: .5em -3px .5em 0;
	
}


/* constant elements */

a {
	color: #0099FF;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}

p { margin: 0 0 .5em 0;}

ul {
	list-style: square;
	margin: 0 0 .5em 0;
	padding: 0 0 0 1.3em;
}
ul li {
	margin: 0 0 .2em 0;

}
ul li ul {
	margin: 0 0 0 1.3em;

}
form {
	margin:0;
	padding:0;
}
.clr {
	clear: both;
}

hr{
	background-color:#C1C8CC; /* Mozilla 1.4 */
	color:#C1C8CC; /* IE 6 */
	border: #C1C8CC; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

/* content elements */


/* tables //////////////////////////////////////////////// */

table {
	border-spacing: 0px;
}
td {
	vertical-align: top;
}


#content .mainCol .texttable .tr-0 td {
	vertical-align: bottom;
	border-top: none;
}
#content .mainCol .texttable .tr-last td {
	border-bottom: solid 1px #737F85;
}
#content .mainCol .texttable td a {
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: .3em 0 0 0;
}

#content .mainCol .texttable .td-0 {
	color: #00458A;
}

#content .mainCol .texttable td {
	color: #737F85;
	padding: .2em 10px .5em 0;
	font-size: 11px;
	line-height: 14px;
	border-top: solid 1px #737F85;

}
#content .maincol .texttable .tr-0 td {
	font-size: 12px;
	color: #00458A;
	font-weight: bold;
}


/* contact form //////////////////////////////////////////////// */

.csc-mailform {
	padding: 0px;
	border: 0px;
}
.csc-mailform .csc-mailform-field {
	padding: 0 0 .5em 0 ;
	width: 100%;
}
.csc-mailform .csc-mailform-field label {
	display: block;
	float: left;
	width: 100px;
}
.csc-mailform .csc-mailform-field input {
	width: 300px;
	font-family: Arial;
	font-size: 11px;
}

#mailformtv {
	width: auto;
	margin-left: -2px;
}
.csc-mailform .csc-mailform-field textarea {
	width: 300px;
}
#mailformformtype_mail {
	width: auto;
	margin-left: 100px;
}

/* Quickpoll elements //////////////////////////////////////////////// */
.pollheader {
	display: none;
}
.polltable h2 {
	display: none;
}
.pollquestion {
	color: #00458A;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 .5em 0;
}
.pollresulttext, .pollawnser, .pollmain, .polltotal {
	font-size: 11px;
	line-height: 14px;
	color: #00458A;
}
.pollsubmit {
}
.pollbar {
	background: url(/fileadmin/pics/pollbar.gif) repeat-x left center;
}

/*.bodytext img { 
	float: left;
	padding: 0 10px 10px 0;
}*/
/*h3 img {
	float: right;
	padding: 0 0 10px 10px;
}*/
.contenttable {
	width: 430px;
}
.contenttable td {
	padding: 0 10px 10px 0;
	}
	
	/* rte classes */
	
.twocoltable  {
	width: 430px;
}
.twocoltable td  {
	width: 430px;
}
.threecoltable  {
	width: 430px;
}
.threecoltable td  {
	width: 430px;
}
.fourcoltable  {
	width: 430px;
}
.fourcoltable td  {
	width: 430px;
}
.imageontheleft {
	float: left;
	margin: 0 10px 5px 0;
}
.imageontheright {
	float: right;
	margin: 0 0 5px 10px;
}
.greytext {
	color:#737F85;
}
.introtext_normal {
	color: #00458A;
	font-weight: bold;
}
.introtext_widespace {
	color: #00458A;
	font-weight: bold;
	margin-bottom: 1em;
}

/* datum der news snippets */
.news-list-item h3 span, .news-single-timedata {
	display:block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: .2em;
}
#content .mainCol .news-single-item h2{
	margin: 0 0 .5em 0;
	font-size: 18px;
	line-height: 21px;
	color: #00458A;
}

