@charset "UTF-8";
/* CSS Document from caspari */

html {
	/* no scrollbars jump */
	height:100%;
	margin-bottom: 1px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A0A0A0;
	margin:0px;
	background-color:#E6D4DE;
}

a:link, a:visited, a:active {
	color:#DB6D99;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	margin:0px;
	margin-bottom:3px;
	padding:0px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}

h6 {
	font-size:10px;
	font-weight:normal;
	margin:0px;
}


/* page header */
#page-header {
	width:100%;
	height:137px;
	padding-top:28px;
	background-color:#FBF4F7;
}

#header {
	margin:0px auto;
	width:820px;
	height:137px;
	background-image:url(/themes/diadermine/images/header_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#page-navigation {
	width:100%;
	height:25px;
	background-color:#FFFFFF;
	background-image:url(/themes/diadermine/images/nav_bg_line.gif);
	background-position:bottom;
}

#navigation {
	margin:0px auto;
	width:800px;
	height:25px;
	padding:0px 10px 0px 10px;
	background-image:url(/themes/diadermine/images/nav_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#navigation ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#navigation ul li { 
	margin:0px;
	list-style:none;
	float:left;
	display:block;
}	

#navigation ul li a {
	float:left;
	height:18px;
	padding:3px 30px 0px 30px;
	color:#666666;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:4px solid #DB6D99;
}

/*#navigation ul li a.first {
	padding-left:1px;
}

#navigation ul li a.last {
	padding-right:1px;
}*/

#navigation ul li a:hover, #navigation ul li a.current {
	color:#333333;
	border-bottom:4px solid #000000;
}

#page-content {
	position:relative;
	margin:0px auto;
	width:800px;
	padding:0px 10px 0px 10px;
	background-image:url(/themes/diadermine/images/content_bg.gif);
}

#content {
	margin:0px auto;
	display:block;
	padding:30px 0px 0px 0px;
	background-image:url(/themes/diadermine/images/content_gradient.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

#gradient-bg{
	width: 800px;
	height: 25px;
	margin:0px auto;
	display:block;
	background-image:url('/themes/diadermine/images/content_gradient_bottom.png');
	background-repeat:repeat-x;
	background-position:bottom;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dermo-ident-methode.de/themes/diadermine/images/content_gradient_bottom.png', sizingMethod='scale');
	_background:none;
	margin-top: -25px;
	
}

#content-text {
	width:400px;
	margin-left:40px;
	line-height:1.6;
	min-height:480px;
	_height: 480px;
	padding-bottom: 20px;
}

div#content-text p{
	margin: 0px 0px 0px 0px; 
	padding: 8px 0px 10px 0px;
}

#content-image {
	background-position:right bottom;
	background-repeat:no-repeat;
	min-height:480px;
	_height:480px;
	width: 800px;
}

#content-right {
	position:absolute;
	float:right;
	width: 303px;
	padding: 0px 30px 0px 15px;
	display: block;
	right: 0px;
}

#content-right img{
	border:0px;
}

#page-footer {
	margin:0px auto;
	width:800px;
	padding:0px 10px 18px 10px;
	background-image:url(/themes/diadermine/images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#footer {
	margin:0px auto;
	display:block;
	height:19px;
	color:#808080;
	padding:5px 40px 0px 40px;
	background-color:#FFFFFF;
	background-image:url(/themes/diadermine/images/footer_gradient.gif);
	background-repeat:repeat-x;
	border-top:2px solid #DB6D99;
}

a.footer-link:link, a.footer-link:visited, a.footer-link:active {
	margin:0px 5px 0px 5px;
	color:#808080;
}

/* other styles */

.clear {
	clear:both;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

img.right {
	float:right;
	margin-left:20px;
}

img.left {
	float:left;
}

img.leftAlone {
	float: left;
	margin-right: 100%;
}
img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}