/* -- HTML Elemente -- */
html,
body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	color:#777;
	font:12px Arial, Verdana sans-serif;
	background:url(../img/body_2.gif) repeat-x left top #FFF;
}

img {
	border:0;
}

a:link,
a:visited {
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

p {
	margin:0;
	padding:10px 0;
}

h1,
h2,
h3,
h4,
ul,
ol,
dt,
dd,
dl {
	margin:0;
	padding:0;
	list-style:none;
}

h1 {
	color:#CD1E14;
	font-size:17px;
	font-weight:normal;
	line-height:23px;
}

h2 {
	padding:10px 0;
	color:#4FACE3;
	font-size:14px;
	font-weight:normal;
}

h3 {
	padding:0px 0;
	font-size:12px;
	font-weight:bold;
}

.clearer {
	clear:both;
}

/* -- Formular Elemente -- */
form {
	margin:0;
	padding:0;
	display:inline;
}

input,
textarea,
select,
option {	
	color:#666;
	font:12px Arial, Verdana sans-serif;
}

input.input_option,
input.tx-srfeuserregister-pi1-text,
input.tx-srfeuserregister-pi1-password {
	padding:0 2px;
	border:1px solid #DDE3E8;
}

input.submit_option,
input.tx-srfeuserregister-pi1-submit {
	cursor:pointer;
	background:#FAFAFA;
	border:1px solid #DDE3E8;
}

select.select_option {
	border:1px solid #DDE3E8;
}

input.submit_image_option {
	vertical-align:middle;
}

fieldset {
	padding:5px 10px;
	border:1px solid #4FACE3;
}

	legend {
		padding:0 5px;
		font-weight:bold;
	}

/* -- Tabellen -- */
table {
	width:99%;
	border:0;
	border-collapse:collapse;
}

	td {
		padding:0;
	}

/* -- Haupt Elemente -- */
table#table_wrapper {
	height:100%;
}
	
	/* -- Content -- */
	td#content_cell {
		vertical-align:top;
	}
	
		div.main_wrapper {
			width:790px;
			margin:0 0 0 20px;
			padding:0 0 0 204px;
			/*margin:0 auto;*/
			position:relative;
		}

			td#content_cell div.main_wrapper {
				background:url(../img/main_wrapper_content_cell_2.gif) no-repeat 204px 0;
			}

		/* -- Servicenav -- */
		ul#service_nav {
			position:absolute;
			top:14px;
			right:0;
			font-size:11px;
		}

			ul#service_nav li {
				display:inline;
			}

				ul#service_nav input.input_option {
					margin:0 2px 0 0;
					vertical-align:middle;
					font-size:11px;
				}

				ul#service_nav a {
					padding:0 6px 0 0;
					color:#666;
				}

				ul#service_nav a.active {
					text-decoration:underline;
				}

		/* -- Hauptnavigation -- */
		ul#main_nav {
			width:490px;
			position:absolute;
			top:95px;
			left:224px;
		}

			ul#main_nav li {
				display:inline;
			}

				ul#main_nav a {
					padding:0 10px 0 0;
					font-size:15px;
				}

				ul#main_nav a:link,
				ul#main_nav a:visited {
					color:#4C88BB;
				}

				ul#main_nav a:hover,
				ul#main_nav a:active {
					color:#789DBD;
				}

		/* -- Subnavigation -- */
		ul#sub_nav,
		div#home_teaser {
			width:200px;
			position:absolute;
			top:173px;
			left:0;
			font-size:11px;
		}

			ul#sub_nav li {
				margin:0 0 5px 0;
			}

				ul#sub_nav a {
					display:block;
					color:#63676A;
				}

				ul#sub_nav a.active {
					color:#4C88BA;
				}
				
				/* -- SubSubnavigation -- */
				ul#sub_nav ul {
					/*margin-bottom:-5px;*/
					padding:5px 15px 0 15px;
				}
					
					ul#sub_nav ul li {
						margin:0 0 5px 0 !important;
					}

						ul#sub_nav ul a {
							color:#4C88BA;
						}

						ul#sub_nav ul a.active {
							color:#CC1E13;
						}

		/* -- Content -- */
		div#content_wrapper {
			width:790px;
			padding:150px 0 20px 0;
		}

			div#content_wrapper ul {
				padding:0 0 0 20px;
			}

				div#content_wrapper li {
					padding:0 0 0 13px;
					/*color:#666;*/
					background:url(../img/content_bullet.gif) no-repeat 0 6px;
				}

			div#content_wrapper a:link,
			div#content_wrapper a:visited {
				color:#4FACE3;
			}

			div#content_wrapper a:hover {
				color:#A7D5F1;
			}

			div#content_wrapper a:active {
				color:#CD1E14;
			}

			div#content_wrapper .csc-frame-rulerAfter {
				padding:0px;
				border-top:1px solid #4FACE3;
			}
			
			/* -- Foto (oder Inhalt) rechts -- */
			div#content_col_right {
				float:right;
			}

				div#content_photo img {
					vertical-align:top;
				}

			/* -- Content links -- */
			div#content_col_left {
				margin:0 320px 0 20px;
				padding:20px 0 0 0;
				line-height:17px;
			}
			
			/* -- Bildunterschriften Contentelement Bild / Text mit Bild -- */
			div#content_col_left .csc-textpic-caption {
				font-size:10px;
				
			}

	/* -- Footer -- */
	td#footer_cell {
		vertical-align:bottom;
	}
	
		td#footer_cell * {
			color:#666;
		}
	
		td#footer_cell ul {
			margin:15px 0 0 20px;
		}	
		
			td#footer_cell li {
				padding:0 8px 0 0;
				display:inline;
			}

/************************************************************************************************************
 *                                              EXT Styles                                                  *
 ************************************************************************************************************/

/* -- Indexed Search -- */
fieldset#search_form {
	margin-bottom:0;
}

.searchmarkup,
.csc-sword,
.tx-indexedsearch-redMarkup {
	background-color:#C6E8FD;
}

div.tx-indexedsearch-res {
	padding:10px 0 0 0;
	border-top:1px solid #4FACE3;
}

	div.tx-indexedsearch-res h3 img {
		vertical-align:bottom;
	}

	dl.tx-indexedsearch-info dt {
		font-weight:bold;
	}

	dl.tx-indexedsearch-info dt,
	dl.tx-indexedsearch-info dd {
		margin:0;
		display:inline;
	}

	hr.clearer {
		color:#FFF;
		clear:none;
		background-color:#FFF;
		border:1px solid #4FACE3;
		border-width:1px 0px 0px 0px;
	}
	
/* -- Sitemap -- */
div.sitemap h2 {
	margin-bottom:8px;
	padding:4px 0;

	border-bottom:1px solid;
}

	div.sitemap h2,
	div.sitemap h2 a {
		color:#4FACE3 !important;

	}

		div.sitemap li {
			font-weight:bold;
		}

		div.sitemap div {
			padding:3px 0;
			font-weight:normal;
		}
		
/* -- CSC Uploads -- */
table.csc-uploads {
}

	table.csc-uploads td {
		padding:5px 0 !important;
	}
	
/* -- Blutdruckpass -- */
.pass_navi {
	width:99%;
	border-collapse:collapse;
	background-color:#ECF0F3;
	margin:20px 0px 0px 0px;
}

	.pass_navi td {
		padding:0px 3px 0px 3px;
		font-weight:bold;
		font-size:12px;
	}

.pass_table {
	width:99%;
	border-collapse:collapse;
	margin:0px;
}

	.pass_table td {
		padding:3px;
	}

p#pass_graph {
	text-align:center;
}

/************************************************************************************************************
 *                                  CSS STYLED CONTENT - Text mit Bild Styles                               *
 ************************************************************************************************************/

dl.csc-textpic-image {
	margin:0;
	padding:0 0 0 0;
}

	dl.csc-textpic-image dd {
		margin:0;
		padding:0;
	}

/* -- oben links -- */
div.csc-textpic-left dl {
	padding-right:10px;
}

div.csc-textpic-left div.csc-textpic-text {
	clear:left;
}

/* -- oben mittig -- */
div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 auto;
	text-align:center;
}

div.csc-textpic-center div.csc-textpic-text {
	clear:left;
}

div.csc-textpic-center dl {
	padding-left:4px;
}

/* -- oben rechts -- */
div.csc-textpic-right div.csc-textpic-imagewrap {
	float:right;
}

div.csc-textpic-right div.csc-textpic-text {
	clear:right;
}

div.csc-textpic-right dl {
	padding-left:10px;
}

/* -- mehrere Bilder nebeneinander -- */
div.csc-textpic-left dl,
div.csc-textpic-right dl,
div.csc-textpic-center dl,
div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl,
div.csc-textpic-intext-left dl,
div.csc-textpic-intext-left-nowrap dl  {
	float:left;
}

/* -- im Text rechts -- */
div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl {
	margin:0 0 0 10px;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    float:right;
}

div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl {
	padding-left:10px;
}

/* -- im Text links -- */
div.csc-textpic-intext-left dl, 
div.csc-textpic-intext-left-nowrap dl {
	margin:0 10px 0 0;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    float:left;
}

div.csc-textpic-intext-left dl,
div.csc-textpic-intext-left-nowrap dl {
	padding-right:10px;
}

/* -- Bildunterschrift -- */
div.csc-textpic-caption-l dd.csc-textpic-caption {
	text-align:left;
}

div.csc-textpic-caption-r dd.csc-textpic-caption {
	text-align:right;
}

div.csc-textpic-caption-c dd.csc-textpic-caption {
	text-align:center;
}

/* -- Clear -- */
div.csc-textpic-clear {
	clear:left; /* bei clear:both; rutscht der nachfolgende content unterhalb des rechten contents! */
}

/* -- Newloginbox+Frontenduserregister -- */
div.tx-newloginbox-pi1 {
}

	div.tx-newloginbox-pi1 th,
	dt {
		text-align:left !important;
	}

legend {
	color:#777777;
}

/* -- Musterbestellung -- */
form#sample_order {
}

    form#sample_order table {
        margin:10px 0 30px 0;
        border-top:1px solid #4FACE3;
    }

        form#sample_order td {
            border-bottom:1px solid #4FACE3;
        }

    form#sample_order td {
        vertical-align:middle;
    }
    
    form#sample_order .input_option {
        width:200px;
    }
    
    form#sample_order dl {
        margin:0 0 20px 0;
    }
    
        form#sample_order dt {
            width:120px;
            float:left;
            clear:left;
        }
        
        form#sample_order dt,
        form#sample_order dd {
            padding:4px 0;
        }
        
    form#sample_order ul,
    form#sample_order ul li {
        margin:0;
        padding:0;
        list-style-image:none;
        background:transparent;
    }
    
        form#sample_order ul li {
            padding:4px 0;
        }
    
            form#sample_order ul li img {
                vertical-align:middle;
            }
            
/* Scroller auf der Startseite */            
div#news_scroller td {
	cursor:pointer;
	color:#50ACE3;
	font-size:10px !important;
	font-family:Verdana, Arial, sans-serif;
}


/************************************************************************************************************
* Bestelllisten*
***********************************************************************************************************/

.order {
	text-align: left;
	font-size: 12px;
	color: #A7D4F1;
	border-bottom: 1px solid #A7D4F1;
}

		tr.order td, tr.ordertotal th {
			text-align: left;
			font-size: 12px;
			color: #A7D4F1;
			border-bottom: 1px solid #A7D4F1;
		}

.orderdata {
	text-align: left;
	font-size: 11px;
	color: #666666;
	border-bottom: 1px solid #EAEAEA;
}
		
		tr.orderdata td {
			text-align: left;
			font-size: 11px;
			color: #666666;
			border-bottom: 1px solid #EAEAEA;
		}

.orderdata2 {
	text-align: left;
	font-size: 11px;
	color: #666666;
}

.ordertotal{
	text-align: left;
	font-size: 12px;
	color: #A7D4F1;
	border-top: 1px solid #A7D4F1;
}
		/*tr.ordertotal th {
			text-align: left;
			font-size: 12px;
			color: #A7D4F1;
			border-top: 1px solid #A7D4F1;
		}*/

.textright{
	text-align: right !important;
	padding: 4px;
	white-space:nowrap;
	vertical-align: top;
}

.textcenter{
	text-align: center !important;
	padding: 4px;
	white-space:nowrap;
	vertical-align: top;
}

.textleft{
	text-align: left !important;
	padding: 4px;
	white-space:nowrap;
	vertical-align: top;
}

.padding {
	padding: 4px;
	vertical-align: top;

}

.nowrap {
	white-space:nowrap;
}