/*---------------------------------------------------- */
/*---------------------------------------------------- */
/*------ Norman Paschke, das MedienKombinat	------ */
/*------ Projekt: NeoCorp			------ */
/*------ Bereich: Main Styles, Content          ------ */
/*------ Version: 1.1 12.04.2010		------ */
/*---------------------------------------------------- */
/*---------------------------------------------------- */


/* ------------------------ */
/* -- Reset      ---------- */
/* ------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
input {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a,
button,
input[type="submit"],
label[for] {
	cursor:pointer;
}
/* ------------------------ */
/* -- Generelles ---------- */
/* ------------------------ */
body {
	background-color:#fff;
	color:#747577;
	font:normal 12px/20px arial,sans-serif;
	text-align:left;	
}
a {
	color:#0062ac;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a.external-link,
a[href*=pdf] {
	background:transparent url(../images/pdf_icon.jpg) no-repeat 0 0;
	display:inline-block;
	padding:0 0 0 20px !important;
}
p {
	margin-bottom:10px;
}
h1,
h2,
h3 {
	font-weight:normal;
}
h2 {
	color:#e2001a;
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
}
h3,
h4 {
	font-size:16px;
	line-height:24px;
	margin-bottom:10px;
}
h4,
h5,
h6 {
	font-weight:bold;
	margin-bottom:10px;
}
sup {
	font-size:80%;
	vertical-align:top;
}
#prodlist sup {
	vertical-align:super;
}
small,
.small {
	font-size:11px;
}
.hide,
hr {
	display:none;
}
table {
	background-color:#f0f0f0;
	border-top:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	color:#333;
	margin:10px 0 20px;
}
table p {
	margin:0;
}
td,
th {
	border-right:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
	padding:4px 6px;
	text-align:left;
}
th {
	background-color:#d8d8d8;
	font-weight:bold;
	vertical-align:middle;
}
tr.even td {
	background-color:#d8d8d8;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	float:none;
	margin:0 auto;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
	overflow:hidden;
}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.align-justify {
	text-align:justify;
}
.bold,
strong,
b {
	font-weight:bold;
}
em,
i {
	font-style:italic;
}
small {

}
#content ul {
	list-style:square outside;
	margin:0 0 10px 15px;
}
#content ol {
	list-style:decimal outside;
	margin:0 0 10px 20px;
}
#content li {
	margin-bottom:5px;
}
.csc-textpic-caption {
	font-weight:bold;
	line-height:14px;
	padding-left:5px;
}
/* ------------------------ */
/* -- Boxstyles/Wrapper --- */
/* ------------------------ */
#pagewrap {
	width:964px;
}
#page {
	background:transparent url(../images/sidebar.jpg) repeat-y 145px 0;
}
#contentwrap {
	clear:both;
	padding:0 0 20px 0;
}

/* ------------------------ */
/* -- Header -------------- */
/* ------------------------ */
#header {
	background:transparent url(../images/header.gif) repeat-x scroll 0 0;
	height:83px;
}
#logo {
	float:left;
	padding:41px 0 0 632px
}

/* ------------------------ */
/* -- Navi_service -------- */
/* ------------------------ */
#navi_service {
	background-color:#fff;
	clear:both;
	height:45px;
	padding:0 0 30px 10px;
}
#navi_service li {
	float:left;
}
#navi_service a {
	color:#747577;
	display:block;
	font-size:10px;
	line-height:45px;
	padding:0 10px;
	text-decoration:none;
}
#navi_service a:hover,
#navi_service .active a {
	color:#0062ac;
}
/* ------------------------ */
/* -- Navi_main ----------- */
/* ------------------------ */
#navi_main {
	min-height:410px;
}
/*--- 1. Ebene --- */
#navi_main ul li {
	line-height:1;
	margin-bottom:10px;
}
#navi_main ul a {
	color:#747577;
	font-size:18px;
	line-height:22px;
	text-decoration:none;
}
#navi_main ul .active a,
#navi_main ul a:hover {
	color:#0062ac;
}
/*--- 2. Ebene --- */
#navi_main ul ul li {
	line-height:16px;
	margin:10px 0;
}
#navi_main ul ul a,
#navi_main ul .active ul a {
	color:#747577;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
}
#navi_main ul ul a:hover {
	color:#0062ac;
}
#navi_main ul ul .active a {
	background-color:#0062AC;
	color:#fff;
	margin-left:-20px;
	padding:5px 0 5px 20px;
}
/*--- 3. Ebene --- */
#navi_main ul ul ul li {
	margin-top:0;
}
#navi_main ul ul .active ul {
	background-color:#ecf1f7;
	margin-left:-20px;
	padding:5px 0 1px 20px;
}
#navi_main ul ul ul a,
#navi_main ul ul .active ul a {
	background-color:transparent;
	color:#747577;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0;
	text-decoration:none;
}
#navi_main ul ul ul a:hover,
#navi_main ul ul ul .active a {
	color:#0062ac;
}

/* ------------------------ */
/* -- Navi_footer --------- */
/* ------------------------ */
#navi_footer {
	margin-top:30px;
}
#navi_footer a {
	color:#747577;
	line-height:20px;
	text-decoration:none;
}
#navi_footer a:hover,
#navi_footer .active a {
	color:#0062ac;
}

/* ------------------------ */
/* -- Content       ------- */
/* ------------------------ */
#content {
	float:right;
	width:567px;
}
.startpage {
	background:transparent url(../images/grosse-grafik_03.jpg) no-repeat 245px 0;
}
.startpage #content {
	width:715px;
}
.content_row {
	clear:both;
	/*margin-bottom:20px;*/
}
.col_text {
	float:right;
	width:337px;	
}
.col_media {
	float:left;
	padding-top:30px;
	width:210px;
}
.col_media .csc-textpic .csc-textpic-imagecolumn {
	width:210px !important;
}
.csc-textpic-imagewrap {
	margin-bottom:20px !important;
	width:210px !important;
}
.col_media img,
div.csc-textpic img,
.productpic img,
#teaserbar img {
	border:1px solid #ddd !important;
	padding:1px !important;
}
div.col_text div.csc-textpic-below img,
#teaserbar a img {
	border:0 !important;
	padding:0 !important;
}
div.csc-textpic div.csc-textpic-imagewrap ul {
	margin:0 !important;
}
.csc-textpic a,
.col_media a {
	background:none !important;
	padding:0 !important;
}
#content .col_media ul {
	margin:0;
}
#start_text {
	margin:200px 0 0 380px;
}
#start_text a {
	text-decoration:none;
}
#teaserbar a.internal-link,
.link a,
button.link,
input.link,
input.submit,
input.pollsubmit,
input.csc-mailform-submit {
	background:transparent url(../images/pfeil.gif) no-repeat 0 4px;
	border:none;
	color:#0062ac;
	display:block;
	font:12px/20px arial,sans-serif;
	height:20px;
	padding-left:16px;
	text-decoration:underline;
}
#teaserbar a.internal-link:hover,
.link a:hover,
button.link:hover,
input.link:hover,
input.submit:hover,
input.pollsubmit:hover,
input.csc-mailform-submit:hover {
	text-decoration:none;
}
input.pollanswer {
	vertical-align:baseline;
}
.tx_jkpoll_pi1_answer_horizontal div {
	float:none !important;
}
.farbcodes a {
	background:transparent url(../images/punkte_03.jpg) no-repeat 0 0;
	color:#747577;
	display:block;
	font-size:11px;
	line-height:15px;
	margin:40px 0 0 15px;
	padding:10px 0 0 115px;
}
.farbcodes a:hover {
	color:#0062ac;
	text-decoration:none;
}
.loginbox {
	border:1px solid #747577;
}
.loginbox h4 {
	background-color:#0062ac;
	color:#fff;
	margin-bottom:20px;
	padding:2px 0 2px 20px;
}
.loginbox form {
	padding:0 20px 5px;
}
.loginbox form label {
	display:inline-block;
	width:100px;
}
.loginbox form input {
	border:1px solid #747577;
	padding:1px;
	width:180px;
}
/*--- Produkte ---*/
.faq_cat_list {
	margin:0 0 0 15px !important;
}
#prodlist ul {
	float:left;	
	list-style:none;
	margin:0;
	width:48%;
}
#prodlist li {
	height:30px;
	line-height:30px;
}
#prodlist a {
	color:#747577;
	font-weight:bold;
	text-decoration:none;
}
#prodlist a:hover {
	color:#0062AC;
}
#prodlist img {
	margin-right:5px;
	vertical-align:middle;
}
.product {
	float:left;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin:0 10px 30px 0;
	width:320px
}
.product_image {
	float:left;	
}
.product h3,
.product p {
	margin-left:130px;
}
.product p {
	margin-bottom:1px;
}

#product .tab {
	border:1px solid #0062AC;
	border-top:0;
	margin-bottom:10px;
	overflow:hidden;
	padding:20px;
}
#product .tabs {
	border-bottom:1px solid #0062AC;
	height:31px;
	list-style:none;
	margin:0;
	padding-left:1px;
}
#product h3 {
	font:bold 12px/20px arial,sans-serif;
	margin:0;
}
#product .tabs li {
	float:left;
	margin:0 0 0 -1px;
}
#product .tabs a {
	border-color:#bfbfbf;
	border-width:1px 1px 0 1px;
	border-style:solid;
	color:#bfbfbf;
	display:block;
	font:bold 16px/30px arial,sans-serif;
	padding:0 20px;
	text-decoration:none;
}
#product .tabs .selected,
#product .tabs a:hover {
	color:#6b6b6b;
}
#product .tabs .selected {
	border-color:#0062AC;
	border-bottom:1px solid #fff;
	position:relative;
	z-index:10;
}
#product .productpic {
	float:right;
	margin:0 0 10px 10px;
}
#product .productvid {
	clear:both;
	padding-top:20px;
}
#product .vid {
	border:1px solid #ddd;
	float:right;
	height:210px;
	margin:0 0 10px 10px;
	padding:1px;
}
.faq_cat_list li {
	float:left;
	height:30px;
	line-height:30px;
	width:48%;
}
#faqlist .trigger {
	background:transparent url(../images/plus.gif) no-repeat 0 5px;
	color:#0062AC;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:12px;
}
#faqlist .active {
	background-image:url(../images/minus.gif);
}
#faqlist .toggle_container {
	margin:0 0 20px 12px
}
/* ------------------------ */
/* -- Teaserbar     ------- */
/* ------------------------ */
#teaserbar {
	float:right;
	line-height:15px;
	margin-left:25px;
	min-height:50px;
	height:auto !important;
	height:50px;
	width:200px;
}
#teaserbar_inner {
	background-color:#ecf3f9;
	overflow:hidden;
	padding:20px 20px 0;
}
#teaserbar .widget {
	background-color:#fff;
	border:1px solid #ddd;
	margin-bottom:20px;
	padding:5px 8px;
}
#teaserbar h2 {
	color:#0062AC;
	line-height:22px;
	margin-bottom:5px;
}
#teaserbar p {
	margin-bottom:5px;
}
#teaserbar #widget_197 {
	background:#fff url(../images/small_dots.jpg) no-repeat bottom right;
}
#teaserbar #widget_198 {
	background:#fff url(../images/bild_quiz.jpg) no-repeat bottom right;
	padding-bottom:110px;
}

/* ------------------------ */
/* -- Sidebar       ------- */
/* ------------------------ */
#sidebar {
	background:transparent url(../images/punktegrafik_links.jpg) no-repeat 0 bottom;
	float:left;
	padding:0 0 200px 20px;
	width:125px;
}
.startpage #sidebar {
	background:none;
	padding-bottom:0;
}
#sidebar a {
	display:block;
}

/* ------------------------ */
/* -- Footer         ------ */
/* ------------------------ */


/* ------------------- News -------------------------------- */
.startpage .latestnews p {
	color:#0062ac;
	font-size:10px;
	line-height:16px;
}
#start_text .newsitem h4 {
	font-weight:normal;
}
.newsitem {
	margin-bottom:30px;
}
.newsitem_start {
	background:#f1f1f1;
	padding:10px;
}
.newsitem h4 {
	margin-bottom:0;
}
.newsitem h4 a {
	text-decoration:none;
}
.date {
	font-size:11px;
}
.news-single-imgcaption {
	font-size:11px;
	text-align:right;
}
.news-single-img {
	float:none !important;
	margin:0 0 30px 0 !important;
}
.newssingle .link {
	float:right;
	width:168px;
	}
#content .newslist .col_text ul,	
#content .newssingle .col_text ul {
	margin-left:30px;
	}	
/* ------------------- FAQs -------------------------------- */
/*.tx-irfaq-pi1 a {
	color:#747577;
}
.tx-irfaq-pi1 a:hover {
	color:#0062ac;
	text-decoration:none;
}*/
.tx-irfaq-pi1 dl {
	margin-left:0 !important;
}
.tx-irfaq-pi1 dd {
	margin-left:12px !important;
}
.tx-irfaq-pi1 dd a {
	color:#0062ac;
}
.tx-irfaq-pi1 dd a:hover {
	text-decoration:underline;
}
.tx-irfaq-pi1 dt {
	color:#0062ac;
	margin-bottom:10px;
}
.tx-irfaq-pi1 dt img {
	float:left;
	margin-top:5px;
}
.tx-irfaq-pi1 dt p {
	display:block !important;
	padding-left:12px;
}
.tx-irfaq-dynans-visible {
	display:block !important;
	margin-bottom:20px;
}
.tx-irfaq-pi1 .additional-info {
	display:none;
	/*border:none !important;
	font-size:11px;
	margin:0 !important;*/
}
/* ------------------- Jobangebote ------------------------- */
.uploads {
	overflow:hidden;
}
.uploads table,
.uploads table td,
.uploads table th {
	background:none;
	border:0;
	margin:0;
	padding:0;
}
.uploads table tr {
	float:left;
}
.uploads table td {
	padding-right:20px;
}
.uploads .image a {
	background:none;
	margin-bottom:10px;
	padding-left:0 !important;
}
.uploads .image img {
	border:1px solid #ddd;
	padding:1px;
}
/* ------------------- Movies ------------------------------ */
.csc-movie {
	float:left;
	margin:0 5px 20px 0;
	width:180px;
}
.csc-movie .csc-textpic-imagewrap {
	margin-bottom:0 !important;
	width:auto !important;
}
.csc-movie .csc-textpic-caption {
	margin-top:5px !important;
}

/* ------------------- Jobs -------------------------------- */
.csc-job {
	margin-top:30px;
}
.csc-job h3 {
	margin-bottom:20px;
}
.csc-job .bodytext {
	margin-left:20px;
}

/* ------------------- Pagination -------------------------- */

/* ------------------- Formulare & Suche ------------------- */
#searchform {
	background:#0062ac;
	border-left:1px solid #fff;
	float:right;
	height:41px;
	padding:42px 20px 0;
	overflow:hidden;
	text-align:right;
	width:160px;
}
#searchstring {
	background:#fff;
	border:none;
	font:normal 12px/20px arial,sans-serif;
	height:20px;
	line-height:20px;
	margin-bottom:2px;
        text-align:left;
	width:160px;
}
#searchsubmit {
	background:none;
	border:none;
	color:#fff;
	cursor:pointer;
	font:normal 10px/12px arial,sans-serif;
	height:12px;
	padding:0;
	text-align:left;
}
.col_50 {
	background-color:#F3F3F3;
	margin:20px 0 10px;
	padding:10px;
	width:253px;
}
.columns .left input.text,
.columns .left select,
.columns .left option {
	background-color:#a1cae8;
}
.columns .right input.text,
.columns .right select,
.columns .right option {
	background-color:#f8b1ab;
}
.medlineform {
	margin-bottom:30px;
	overflow:hidden;
}
.medlineform label {
	font-weight:bold;
}
.medlineform fieldset {
	margin-bottom:10px;
}
.medlineform select {
	border:2px inset #aaa;
	width:100%;
}
.medlineform input.text,
.medlineform input.text:focus {
	border:2px inset #aaa;
	width:245px;
}
.medlineform div {
	clear:both;
	overflow:hidden;
}
.medlineform div .submit {
	float:left;
}
/* Styles fuer Extension "tx_indexedsearch" */
.tx-indexedsearch .tx-indexedsearch-whatis p {
	display:none;
}
.tx-indexedsearch .tx-indexedsearch-whatis h2 .tx-indexedsearch-sw {
	font-weight:normal;
	font-style:normal;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
	margin:0 !important;
}
.tx-indexedsearch .tx-indexedsearch-browsebox p {
	display:none;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul {
	margin:0 0 10px !important;
	text-align:center;
}
.tx-indexedsearch p.tx-indexedsearch-noresults {
	font-weight:bold;
	margin-top:30px;
	text-align:left;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {
	background:none;
}
.tx-indexedsearch-sw,
.csc-sword,
.tx-indexedsearch-redMarkup {
	font-weight:bold;
}
.tx-indexedsearch .searchresult {
	margin-bottom:10px;
}
.tx-indexedsearch .searchresult h4 {
	margin-bottom:0px;
}
/* Wec Map */
.tx-wecmap-pi1 table,
.tx-wecmap-pi1 td,
.tx-wecmap-pi1 th {
	border:0;
	padding:0;
	margin:0;
}
.tx-wecmap-pi1 {
	border:1px solid #ddd;
	padding:1px;
}
/* Tip A Friend and Contact Form */
#lightbox-winning #mailform {
	background:none;
}
#tipafriend_form fieldset,
#mailform div {
	margin-bottom:10px;
}
#tipafriend_form label,
#mailform label {
	float:left;
	width:90px;
}
#lightbox-winning #mailform label {
	width:150px;
}
#tipafriend_form .small {
	margin:0 170px 0 90px;
}
#tipafriend_form .submit,
#mailform .csc-mailform-submit {
	margin-left:90px;
}
#lightbox-winning #mailform .csc-mailform-submit {
	margin-left:150px;
}
input.text,
textarea,
.csc-mailform-field input[type="text"] {
	border:1px solid #aaa;
	font:normal 12px/20px arial,sans-serif;
	padding:2px;
	width:160px;
}
textarea {
	width:400px;
}
input.text:focus,
textarea:focus,
.csc-mailform-field input[type="text"]:focus {
	border-color:#0062AC;
}
/* ------------------- Errormeldungen ---------------------- */
.error {
	color:#e2001a;
}
