@charset "UTF-8";
/* CSS Document of mesotherapie */

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

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin:15px 0px 15px 0px;
	background-color:#FFFFFF;
}

a:link, a:visited, a:active {
	color:#527FBB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	margin:0px;
	margin-left:-15px;
	padding:0px;
	padding-left:15px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: +1px;
	line-height: 2;
	color:#5473B4;
	font-family:Helvetica,sans-serif;
	font-size:16px;
	
	background-image:url(/themes/mesotherapie/themes/mesotherapie/images/nav_dot_hover.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

h2 {
	margin:30px 0px 2px 0px;
	padding:0px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: +1px;
	line-height: 2;
	color:#5473B4;
	font-family:Helvetica,sans-serif;
	font-size:15px;
}

h3 {
	margin:10px 0px 2px 0px;
	padding:0px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: +1px;
	line-height: 2;
	color:#5473B4;
	font-family:Helvetica,sans-serif;
	font-size:13px;
}

/* all center */
#all {
	margin:0px auto;
	width:928px;
}

/* shadow styles */

#shadow-top {
	display:block;
	height:16px;
	background-image:url(/themes/mesotherapie/images/shadow_top.gif);
	background-repeat:no-repeat;
}
	
#shadow-main {
	display:block;
	background-image:url(/themes/mesotherapie/images/shadow_main.gif);
	background-repeat:repeat-y;
}

#shadow-bottom {
	display:block;
	padding-bottom:18px;
	background-image:url(/themes/mesotherapie/images/shadow_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

/* content styles */

#page-wrap {
	position:relative;
	width:896px;
	margin-left:12px;
	border:1px solid #527FBC;
	
}

/* columns */
#col-left {
	float:left;
	width:166px;
	border-right:1px solid #527FBC;
	padding-bottom:260px;
	overflow:hidden;
}


#col-main {
	float:left;
	width:729px;
	padding-bottom:30px;
	margin-left:-1px;
	border-left:1px solid #527FBC;
	overflow:hidden;
}

#logo {
	width:166px;
	height:134px;
	background-image:url(/themes/mesotherapie/images/logo.jpg);
	background-repeat:no-repeat;
}

ul#main-nav {
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:10px;
}

#main-nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:3px;
}

li.main-nav-link a:link, li.main-nav-link a:visited, li.main-nav-link a:active {
	display:block;
	_display:block;
	width:151px;
	color:#527FBB;
	font-family:Helvetica, sans-serif;
	font-size:11px;
	padding:4px 0px 3px 15px;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing: +1px;
	margin-bottom:2px;
	_margin-bottom:1px;
	background-image:url(/themes/mesotherapie/images/nav_dot.gif);
	background-repeat:no-repeat;
	background-position:5px center;
}

li.main-nav-link a:hover {
	background-image:url(/themes/mesotherapie/images/nav_dot_hover.gif);
	background-repeat:no-repeat;
	background-position:5px center;
}

li.sub-nav-link a:link, li.sub-nav-link a:visited, li.sub-nav-link a:active {
	display:block;
	_display:block;
	width:151px;
	color:#527FBB;
	font-family:Helvetica, sans-serif;
	font-size:11px;
	padding:2px 0px 2px 25px;
	text-decoration:none;
	letter-spacing: +1px;
	margin-bottom:2px;
	_margin-bottom:1px;
}

/*li.sub-nav-link a:hover {
	background-image:url(/themes/mesotherapie/images/nav_dot_hover.gif);
	background-repeat:no-repeat;
	background-position:25px center;
}*/

li.sub-nav-link a{
	background: none !important;
	font-size: 9px !important;
}

ul#main-nav li.current a{
    font-weight: bold;
    background-image:url(/themes/mesotherapie/images/nav_dot_hover.gif);
    background-repeat:no-repeat;
    background-position:5px center;	
}

ul#main-nav li.section a{
    background-image:url(/themes/mesotherapie/images/nav_dot_hover.gif);
    background-repeat:no-repeat;
    background-position:5px center; 
}

ul#main-nav li.current ul li.sub-nav-link a{
    font-weight: normal !important;
}

#language {
	margin:0px auto;
	width:56px;
	padding:10px;
}

a.de:link, a.de:visited, a.de:active {
	float:left;
	width:23px;
	height:15px;
	background-image:url(/themes/mesotherapie/images/flag_de_i.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:10px;
}

a.de:hover, a.de-active:link, a.de-active:visited, a.de-active:active {
	float:left;
	width:23px;
	height:15px;
	background-image:url(/themes/mesotherapie/images/flag_de_a.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:10px;
}

a.en:link, a.en:visited, a.en:active {
	float:left;
	width:23px;
	height:15px;
	background-image:url(/themes/mesotherapie/images/flag_en_i.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

a.en:hover, a.en-active:link, a.german-active:visited, a.german-active:active {
	float:left;
	width:23px;
	height:15px;
	background-image:url(/themes/mesotherapie/images/flag_en_a.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#adress {
	position:absolute;
	left:0px;
	bottom:0px;
	width:156px;
	height:242px;
	letter-spacing: +1px;
	line-height: 1.5;
	color:#5473B4;
	font-family:Helvetica,Verdana, sans-serif;
	font-size:11px;
	padding:10px 0px 0px 10px;
	background-image:url(/themes/mesotherapie/images/adress_bg.gif);
	background-repeat:no-repeat;
}

#image {
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
}

#image-overlay {
	display:block;
	height:218px;
	background-image:url(/themes/mesotherapie/images/image_overlay.png);
	background-repeat:no-repeat;
	background-position:bottom;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.//themes/mesotherapie/images/image_overlay.png', sizingMethod='scale');
	_background:none;
}

/* content */
#content {
	display:block;
	text-align: justify;
	line-height: 1.5;
	color:#000000;
	font-family: Verdana,Helvetica,sans-serif;
	font-size:12px; 
}

.content-full {
	padding:30px;
	padding-top:10px;
}

.content-small {
	float:left;
	width:465px;
	padding:30px;
	padding-top:10px;
	padding-right:0px;
}

/*#breadcrumbs {
	padding:0px 0px 15px 0px;
	color:#BD0A26;
}*/

#post-it1 {
	float:right;
	width:153px;
	margin:40px 25px 0px 0px;
	min-height:100px;
	padding:15px 8px 25px 30px;
	background-image:url(/themes/mesotherapie/images/post_it_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#post-it2 {
	float:right;
	width:153px;
	margin:30px 25px 0px 0px;
	min-height:100px;
	padding:15px 8px 25px 30px;
	background-image:url(/themes/mesotherapie/images/post_it_bg2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#post-it3 {
	float:right;
	width:142px;
	margin:0px 40px 0px 0px;
	min-height:100px;
	padding:15px 0px 25px 0px;

}

#calendar {
	display:block;
	margin:30px;
	border-top:1px solid #EFEDEE;
	padding-top:3px;
	margin-top:10px;
	_margin-top:5px;
	_margin-bottom:0px;
}

.cal-field {
	float:left;
	width:220px;
	margin-right:2px;
	_margin-right:1px;
	color:#5473B4;
	font-size:10px;
	background-color:#FFFFFF;
	border-right:1px solid #EFEDEE;
}

.cal-field-last {
	border-right:none;
}

.cal-title {
	text-transform:uppercase;
	line-height: 1.5;
	font-weight:bold;
	font-family:Verdana,Helvetica,sans-serif;
}

.cal-content {
	float:left;
	margin-left:4px;
	margin-right:2px;
	width:152px;
	height:60px;
	padding:2px;
	background-color:#F1F2F3;
	overflow:hidden;
}

.cal-number {
	float:left;
	width:58px;
	height:55px;
	line-height:1;
	color:#999999;
	font-size:24px;
	padding-top:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	border-top:1px solid #527FBC;
	border-bottom:1px solid #527FBC;
	background-image:url(/themes/mesotherapie/images/cal_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

/* footer styles */
#footer {
	width:888px;
	margin-left:12px;
	color:#FFFFFF;
	font-size:10px;
	padding:5px;
	background-color:#527FBC;
}

#footer a {
	margin-left:10px;
	font-size:10px;
	color:#FFFFFF;
}

#footer div.float_left a {
	margin-left:0px;
	font-size:10px;
	color:#FFFFFF;
}


/* other styles */

.clear {
	clear:both;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

div#post-it1 {
	padding-top: 30px;
	font-family:Comic Sans, Comic Sans MS, cursive;
	font-size:22px;
}

div.pressThumbs {
	float: left;
	width: 154px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #ccc;
	text-align: center;
	margin: 5px 5px 5px 0px;
	
}

div.pressThumbs:hover {
	border: 1px solid #527FBC;
}

div.pressThumbs img {
	border: 0px;
}

div.thumbDesc {
	width: 154px;
	font-size:8pt;
	border-top: 1px solid #ccc;
	text-align: left;
	margin-top: 2px;
}

form#pressForm label.normal {
	display: block;
	width: 150px;
	float: left;
}

#KursAnmeldung input, #KursAnmeldung textarea, #KursAnmeldung select{
	width: 300px;
	}
#KursAnmeldung img#reloadButton{
	padding: 0 0 0 15px;
	border: none;
	}
#KursAnmeldung div#divSicherheitscode{
	margin: 0 0 20 0px;
	}
#KursAnmeldung .contactFieldError .contactTitle{
	background-color: #FF6666;
	}
	
	
/* WYSIWYG EDITOR ALIGNMENT CLASSES */
#content .left {
	text-align:left;
}
#content .center {
	text-align:center;
}
#content .right {
	text-align:right;
}
#content img.right {
	float:right;
	margin-left:20px;
}
#content img.left {
	float:left;
}
#content img.leftAlone {
	float: left;
	margin-right: 100%;
}
#content img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}