/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Include Fonts
================================================*/

@font-face {
    font-family: 'titi_1_wt';
    src: url('/uploads/fonts/titilliumtext25l005-webfont.eot');
    src: url('/uploads/fonts/titilliumtext25l005-webfont.eot?#iefix') format('embedded-opentype'),
         url('/uploads/fonts/titilliumtext25l005-webfont.woff') format('woff'),
         url('/uploads/fonts/titilliumtext25l005-webfont.ttf') format('truetype'),
         url('/uploads/fonts/titilliumtext25l005-webfont.svg#titilliumtext25l1_wt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titi_250_wt';
    src: url('/uploads/fonts/titilliumtext25l004-webfont.eot');
    src: url('/uploads/fonts/titilliumtext25l004-webfont.eot?#iefix') format('embedded-opentype'),
         url('/uploads/fonts/titilliumtext25l004-webfont.woff') format('woff'),
         url('/uploads/fonts/titilliumtext25l004-webfont.ttf') format('truetype'),
         url('/uploads/fonts/titilliumtext25l004-webfont.svg#titilliumtext25l250_wt') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

	code {
		padding: 3px 6px;
		font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
		background: #fcfcfc;
		border: 1px solid #e4e4e4;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #3f8faf;
	}


/* #Basic Styles
================================================== */
	body {
		background: url(../images/bg/noise.png) repeat;
		font-size: 13px;
		line-height: 21px;
		color: #666;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
	}
 
	#wrapper {
		background: #fff;
		width: 1020px;
		margin: 0 auto;
		padding: 0;
		box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.2);
	}
	
	/* Main Font */
	body, h1, h2, h3, h4, h5, h6,
	.button, input[type="button"], input[type="submit"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	

/* Basic Alginment
================================================== */
	#wrapper img {
		height: auto;
		max-width: 100%;
	}
	
	#googleMap img {
		max-width: none;
	}

	img, object, video {
		height: auto;
		display:block;
	}
	
	img {
		width: auto;
		border: 0;
		-ms-interpolation-mode: bicubic;
	}

	/* Flexible Embeds */
	.embed {
		position: relative;
		padding: 0px;
		padding-bottom: 56.25%; /* 16/9 ratio */
		height: 0;
		overflow: hidden;
	}

	.embed iframe,
	.embed object,
	.embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.image-left {
		float: left;
		margin: 5px 15px 8px 0;
	}
	
	.image-right {
		float:right;
		margin: 5px 0 8px 15px;
	}
	
	.image-right,
	.image-left {
		 padding: 5px;
		 border: 1px solid #e0e0e0;
		 max-width: 100%;
		-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #333;
                font-family: titi_250_wt;
		font-weight: 600;
		letter-spacing: -0.2px;
	}
	
	h2 span, h3 span {
		color: #888;
		font-weight: 200;
	}
		
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 27px; line-height: 50px; font-weight: normal;}
	h2 { font-size: 22px; line-height: 30px; font-weight: normal;}
	h3 { font-size: 18px; line-height: 34px; font-weight: normal;}
	h4 { font-size: 14px; line-height: 30px; font-weight: normal;}
	h5 { font-size: 12px; line-height: 24px; font-weight: normal;}
	h6 { font-size: 10px; line-height: 21px; font-weight: normal;}

	p { margin: 0 0 15px 0; line-height: 21px;}
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: 600; color: #333; }
	small { font-size: 80%; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 15px; height: 0; }


/* #Links
================================================== */
	a, a:visited {color: #e10075; text-decoration: none; outline: 0; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -transition: color 0.1s ease-in-out;}
	a:hover, a:focus { color: #888; }
	a b, span b { font-family: Verdana, Tahoma; font-weight: normal; opacity: 0.5;}
	span b { line-height: 14px; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin: 0; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul {}
	ul ul li, ul ol li,
	ol ol li, ol ul li {}
	li { line-height: 18px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }


/* #Forms
================================================== */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #e0e0e0;
		padding: 8px 9px;
		outline: none;
		font-size: 13px;
		color: #888;
		margin: 0;
		max-width: 100%;
		display: block;
		background: #fff;
		-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
		border-radius: 2px;
		}
	select {
		padding: 0;}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #d6d6d6;
		color: #888; 
		}
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px; 
		font-weight: normal;
		margin-bottom: 5px;}
	select {
		 }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
/* Stylesheet: Thie base Modified On 2022-07-27 12:02:58 */
/*
* Based on Skeleton by Dave Gamache (www.getskeleton.com)
* Modified by Vasterad
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 960 Grid
================================================== */
#top-line {display: none !important;}
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container.headerwrapper {width: 1020px; background: #e10075; border-bottom: 2px solid #ffffff;}
    .container.floated                          { width: 1020px; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha                { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
    .container .floated                         { float: left; display: table-cell; margin: 0; padding: 0 40px; }
    .blank.floated                              { float: left; display: inline; margin: 0; width: 960px; padding: 0 30px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #fcfcfc; -webkit-box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7; box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7;}


    /* Base Grid */
    .container .one.column,
    .container .one.columns,
    .container .one.floated                     { width: 40px;  }
    
    .container .two.columns,
    .container .two.floated                     { width: 100px; }
    
    .container .three.columns,
    .container .three.floated                   { width: 160px; }
    
    .container .four.columns,
    .container .four.floated                    { width: 220px; }
    
    .container .five.columns,
    .container .five.floated                    { width: 280px; }
    
    .container .six.columns,
    .container .six.floated                     { width: 340px; }
    
    .container .seven.columns,
    .container .seven.floated                   { width: 400px; }
    
    .container .eight.columns,
    .container .eight.floated                   { width: 460px; }
    
    .container .nine.columns,
    .container .nine.floated                    { width: 520px; }
    
    .container .ten.columns,
    .container .ten.floated                     { width: 580px; }
    
    .container .eleven.columns,
    .container .eleven.floated                  { width: 640px; }
    
    .container .twelve.columns,
    .container .twelve.floated                  { width: 700px; }
    
    .container .thirteen.columns,
    .container .thirteen.floated                { width: 760px; }
    
    .container .fourteen.columns,
    .container .fourteen.floated                { width: 820px; }
    
    .container .fifteen.columns,
    .container .fifteen.floated                 { width: 880px; }
    
    .container .sixteen.columns,
    .container .sixteen.floated                 { width: 940px; }
    

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }


    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


    /* Pricing Tables */
    .five-tables .pricing-table                 { width: 187px; }
    .four-tables .pricing-table                 { width: 234px; }
    .three-tables .pricing-table                { width: 312px; }
    .two-tables .pricing-table                  { width: 469px; }
    

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 678px; }
.container.headerwrapper {width: 100%;}
        .container.floated                          { width: 714px; }
        
        .container .column,
        .container .columns                         { margin-left: 7px; margin-right: 7px; }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 7px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 7px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
        
        
        .container .floated                         { float: left; display: inline; margin: 0; padding: 0 28px; }
        .blank.floated                              { width: 678px; padding: 0 18px;}
        
        .container .one.column,
        .container .one.columns,
        .container .one.floated                     { width: 28px; }
        .container .two.columns,
        .container .two.floated                     { width: 70px; }
        .container .three.columns,
        .container .three.floated                   { width: 112px; }
        .container .four.columns,
        .container .four.floated                    { width: 154px; }
        .container .five.columns,
        .container .five.floated                    { width: 196px; }
        .container .six.columns,
        .container .six.floated                     { width: 238px; }
        .container .seven.columns,
        .container .seven.floated                   { width: 280px; }
        .container .eight.columns,
        .container .eight.floated                   { width: 322px; }
        .container .nine.columns,
        .container .nine.floated                    { width: 364px; }
        .container .ten.columns,
        .container .ten.floated                     { width: 406px; }
        .container .eleven.columns,
        .container .eleven.floated                  { width: 448px; }
        .container .twelve.columns,
        .container .twelve.floated                  { width: 490px; }
        .container .thirteen.columns,
        .container .thirteen.floated                { width: 532px; }
        .container .fourteen.columns,
        .container .fourteen.floated                { width: 574px; }
        .container .fifteen.columns,
        .container .fifteen.floated                 { width: 616px; }
        .container .sixteen.columns,
        .container .sixteen.floated                 { width: 658px; }

        .container .one-third.column                { width: 212px; }
        .container .two-thirds.column               { width: 438px; }


        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }


        /* Pricing Tables */
        .five-tables .pricing-table                 { width: 130px; }
        .four-tables .pricing-table                 { width: 163px; }
        .three-tables .pricing-table                { width: 218px; }
        .two-tables .pricing-table                  { width: 328px; }

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container,
        .container.floated { width: 260px; }
.container.headerwrapper {width: 100%;}
        
        .container .columns,
        .container .column { margin: 0; }
        .container .floated { padding: 0 30px; }

        .container .one.column,
        .container .one.columns,
        .container .one.floated,
        .container .two.columns,
        .container .two.floated,
        .container .three.columns,
        .container .three.floated,
        .container .four.columns,
        .container .four.floated,
        .container .five.columns,
        .container .five.floated,
        .container .six.columns,
        .container .six.floated,
        .container .seven.columns,
        .container .seven.floated,
        .container .eight.columns,
        .container .eight.floated,
        .container .nine.columns,
        .container .nine.floated,
        .container .ten.columns,
        .container .ten.floated,
        .container .eleven.columns,
        .container .eleven.floated,
        .container .twelve.columns,
        .container .twelve.floated,
        .container .thirteen.columns,
        .container .thirteen.floated,
        .container .fourteen.columns,
        .container .fourteen.floated,
        .container .fifteen.columns,
        .container .fifteen.floated,
        .container .sixteen.columns,
        .container .sixteen.floated,
        .container .one-third.column,
        .container .two-thirds.column { width: 260px; }


        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }


        /* Pricing Tables */
        .five-tables .pricing-table,
        .four-tables .pricing-table,
        .three-tables .pricing-table,
        .two-tables .pricing-table                  { width: 260px; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 360px; }

        .container .columns,
        .container .column { margin: 0; }
        .container .floated { padding: 0 30px; }

        .container .one.column,
        .container .one.columns,
        .container .one.floated,
        .container .two.columns,
        .container .two.floated,
        .container .three.columns,
        .container .three.floated,
        .container .four.columns,
        .container .four.floated,
        .container .five.columns,
        .container .five.floated,
        .container .six.columns,
        .container .six.floated,
        .container .seven.columns,
        .container .seven.floated,
        .container .eight.columns,
        .container .eight.floated,
        .container .nine.columns,
        .container .nine.floated,
        .container .ten.columns,
        .container .ten.floated,
        .container .eleven.columns,
        .container .eleven.floated,
        .container .twelve.columns,
        .container .twelve.floated,
        .container .thirteen.columns,
        .container .thirteen.floated,
        .container .fourteen.columns,
        .container .fourteen.floated,
        .container .fifteen.columns,
        .container .fifteen.floated,
        .container .sixteen.columns,
        .container .sixteen.floated,
        .container .one-third.column,
        .container .two-thirds.column { width: 360px; }
        
        /* Pricing Tables */
        .five-tables .pricing-table,
        .four-tables .pricing-table,
        .three-tables .pricing-table,
        .two-tables .pricing-table                  { width: 360px; }

    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    
    /* Equal Columns - do NOT remove */
    #content { overflow:hidden; }
    .floated.sidebar { margin-bottom: -10000px; padding-bottom: 10000px; }

/* Stylesheet: responsive Modified On 2022-07-27 12:07:20 */
/* Menu
====================================*/
#navigation {
	height: 49px;
	width: 1040px;
	margin-left: -10px;
	background-color: #4c4c4c;
	float: left;
	left: 1px;
}

#navigation > .menu {
        padding-left: 20px;
        font-family: titi_250_wt;
        font-weight: normal;
        color: #fff;
}

/* Style Without Shadows */
.style-2 .left-corner,
.style-2 .right-corner { display: none; }
.style-2 { width: 1020px !important; margin-left: 0 !important; }
.style-2 ul li:first-child { margin-left: 1px !important; }

.js .selectnav {
	display: none;
}

.menu i.halflings { margin: 1px 2px 0 -2px; }

.menu ul, .menu li > div {
	visibility: hidden;
	display: none;
}

.menu li:hover > ul, .menu li:hover > div {
	visibility: visible;
	display: block;
}


/* Shadows */
.left-corner,
.right-corner {
	display:block;
	width: 0px;
	height: 0px;
	border-style: solid;
	position: relative;
	top: 49px;
	float: left;
	opacity: 0.58;
	filter:alpha(opacity=58);
}

.left-corner {
	border-color: transparent #888 transparent transparent;
	border-width: 0 9px 9px 0;
	float: left;
	left: 1px;
}

.right-corner {
	border-color: #888 transparent transparent transparent;
	border-width: 9px 9px 0 0;
	float: right;
	right: 1px;
}


/* Reset  */
.menu, .menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

.menu li, .menu ul a {position:relative;}
.menu > li {float:left;}
.menu > li.floatr {float:right;}
.menu li > a {display:block;}

.menu ul {
	position:absolute;
	display:none;
	width:170px;
}
.menu ul ul {
	top:0;
	left:170px;
}

.menu li:hover > ul {display:block;}

#navigation ul li:first-child { margin-left: -8px; }
#navigation ul li ul li:first-child,
#navigation ul li ul li ul li:first-child { margin-left: 0; }

.menuparent, .menuactive {
	background-color: #e10075;
	border-rights: 1px solid #e10075;
	margin-lefts: -1px;
	padding-lefts:21px;
	z-index: 8;
	position: relative;
}

.menu > li > ul > li > .menuactive {
        background-color: #9e9e9e;
        color: #ffffff;
}

.menu > li > ul > li > ul > li .menuactive {
        background-color: #9e9e9e;
        color: #ffffff;
}

.menu a {text-decoration:none;}

.menu > li > a {
	color:#fff;
	font-weight: normal;
	font-size: 15px;
	line-height:18px;
	padding: 15px 20px 16px 20px;
}

.menu > li:hover > a {
	background-color: #e10075;
	border-left:none;
	padding-left:21px;
	border-rights:1px solid #e10075;
	margin: 0 0 0 -1px;
}

ul.menu li a {
	-webkit-transition: background-color 80ms ease-in-out;
	-moz-transition: background-color 80ms ease-in-out;
	-o-transition: background-color 80ms ease-in-out;
	-ms-transition: background-color 80ms ease-in-out;
	transition: background-color 80ms ease-in-out;
}

.menu ul li a {
	-webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
}

.menu > li > a { border-right:1px solid #666; }
.menu > li > a:hover { border-right:1px solid #707070; margin: 0 0 0 -1px; }

.menu > li > a img, .menu li > ul > li > a img {
	border:0;
	margin-right:7px;
}


/* Sub Menu */
.menu ul {
	background-color: #fff;
	border:1px solid #e0e0e0;
	border-top:none;
	left:-1px;
	z-index: 999;
	border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
}

.menu ul a {
	color: #545454;
	font-size: 14px;
	line-height: 18px;
	padding: 9px 12px;
	border-top: 1px solid #e6e6e6;
}

.menu ul a:hover {
	background-color:#e9e9e9;
}


/* Mega Menu */
.menu .cols1, .menu .cols2, .menu .cols3, .menu .cols4, .menu .cols5 {
	position:absolute;
	display:none;
	overflow:auto;
	z-index: 999;
	background: #fff;
}

.menu .cols1, .menu .col1 {width:160px;}
.menu .cols2, .menu .col2 {width:320px;}
.menu .cols3, .menu .col3 {width:480px;}
.menu .cols4, .menu .col4 {width:640px;}
.menu .cols5, .menu .col5 {width:800px;}
.menu > li.floatr > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {right:0;}
.menu > li:hover > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {display:block;}
.menu .col1, .menu .col2, .menu .col3, .menu .col4, .menu .col5 {float:left;}

.menu li > ul.cols1,ul.cols2, ul.cols3, ul.cols4,ul.cols5  {
	background-color:#fff;
	border:1px solid #e0e0e0;
	border-top:none;
	left:-1px;
	padding:10px;
}

ul.cols1 a:hover, ul.cols2 a:hover, ul.cols3 a:hover, ul.cols4 a:hover, ul.cols5 a:hover {
	background: none;
	border: none;
}

ul.cols1 a, ul.cols2 a, ul.cols3 a, ul.cols4 a, ul.cols5 a {
	background: none;
	border: none;
}

ul.cols1 p a, ul.cols2 p a, ul.cols3 p a, ul.cols4 p a, ul.cols5 p a {
	padding: 0;
}

.menu h4 {
	font-size: 13px;
	color: #888;
	font-weight: normal;
	margin: 0px 10px 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0;
	letter-spacing: 0;
}

.menu h5 {
	font-size: 13px;
	margin: 8px 10px -3px 10px;
}
.menu ol {
	list-style:none;
	margin: 7px 10px;
	padding: 0;
}

.menu ol a {
	color: #777;
	font-size: 12px;
	padding: 3px 0;
	line-height: 15px;
}

.menu ol a:hover {
	color: #444;
}
.menu p {
	font-size: 12px;
	line-height: 18px;
	margin: 9px 10px;
	padding: 0;
}
.menu p a {
	color: #888;
	text-decoration: underline;
}
.menu p a:hover {
	color: #555;
}



/* Stylesheet: thie navigation Modified On 2022-07-27 12:02:39 */
/* =================================================================== */
/* Header
====================================================================== */
#top-line {
	width: 100%;
	background: #ae3192;
	height: 4px;
	display: block;
}

#header { min-height: 123px; }

.cms_form label {display: none;}

.contact-details {
         float: right; 
         text-align: right; 
         padding-top: 28px;
         color: #ffffff;
         line-height: 16px;
         padding-bottom: 10px;
}

.contact-details a {
         color: #ffffff;
}

.search {
	float: right;
}

.search-input {
	float: right;
	width: 180px;
	font-size: 11px;
	color: #888;
	border: 1px solid #e0e0e0;
	padding: 8px 9px;
	outline: none;
	font-size: 13px;
	margin: 0;
	max-width: 100%;
	display: block;
	background: #fff;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
}

.search-button {
	float: right;
	position: relative;
	padding: 0;
	top: 0;
	right: 0;
	margin: 1px -195px 0 0 ;
	background: url('/uploads/images/search.png') center center no-repeat;
	width: 35px;
	height: 32px;
	cursor: pointer;
	border: none;
	z-index: 100;
	box-shadow: none;
}

.search-field {
	float: right;
	position: relative;
}

/* Logo / Tagline
====================================*/
#logo {
	margin-top: 38px;
}

#logo a img {
	float: left;
	
}


/* Shadows */
==================================*/
.left-corner,
.right-corner {
	display:block;
	width: 0px;
	height: 0px;
	border-style: solid;
	position: relative;
	top: 49px;
	float: left;
	opacity: 0.58;
	filter:alpha(opacity=58);
}

.left-corner {
	border-color: transparent #888 transparent transparent;
	border-width: 0 9px 9px 0;
	float: left;
	left: 1px;
}

.right-corner {
	border-color: #888 transparent transparent transparent;
	border-width: 9px 9px 0 0;
	float: right;
	right: 1px;
}

.main_headline_block {
        
        width: 900px
        position: relative;
        tops: 30px;
        margin: 0 auto;
        padding-bottom: 0 0 10px 0;
        lefts: 60px;
        border-bottom: 2px solid #dfdfdf;
}

.border_headline_block {
        border-bottom: 2px solid #dfdfdf;
        margin: 8px 0 23px 0; 
}

.kleinanzeigen_box {
        background-color: #595959; 
        padding: 20px 30px 30px 30px;
        position: relative;
        width: 100%; 
        color: #fff;
}

.kleinanzeigen_box > p {
        padding-right: 30px;
}

.kleinanzeigen_box > h2 {
        font-family: titi_250_wt;
        padding-bottom: 10px;
        color: #fff;
        font-weight: normal;
}

.kleinanzeigen_box > h3 {
        font-family: titi_250_wt;
        font-size: 20px;
        padding: 0 0 8px 0;
        margin-top: -10px;
        color: #fff;
        font-weight: normal;
}

.kleinanzeigen_box a {
        color: #fff;
        text-decoration: underline;
}

#footer {
        background-color: #595959;
        color: #fff;
}

#footer h5 {
        font-family: titi_250_wt;
        color: #fff;
        font-size: 15px;
        padding-bottom: 10px;
        margin-top: 0;
}

#footer h3 {
        font-family: titi_250_wt;
        font-weight: normal;
        font-size: 18px;
        line-height: 20px;
        color: #fff;
        padding-top: 20px;
}

#footer a {
        color: #fff;
}

.NewsSummaryLink a, .NewsSummaryMorelink a {
        color: #e10075;
}

#NewsPostDetailReturnLink {
        padding-top: 10px;
}

#NewsPostDetailReturnLink a {
        color: #e10075;
        margin-left: 8px;
}

.jobs > h2 {
        padding-bottom: 10px;
        font-weight: normal;
}

.jobs > h3 {
        font-size: 20px;
        padding: 0 0 8px 0;
        margin-top: -10px;
}

p a {
        color: #e10075;
}

.inner_tables table td {
        padding: 5px;
}

.error_message {
        color: #e10075;
}

.contactform label {
        display: block;
}

.contactform input[type=text] {
        width: 245px;
}

.bewerbungform label {
        display: block;
}

.bewerbungform input[type=text] {
        width: 245px;
}

.geschlecht label {
        padding-right: 30px;
}

#cntnt01fbrp_submit {
        width: 159px;
        height: 32px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent url(/uploads/images/anfrage_absenden.png) no-repeat center top;
        text-indent: -1000em;
        cursor: pointer; /* hand-shaped cursor */
        cursor: hand; /* for IE 5.x */
}

.bewerbungform #cntnt01fbrp_submit {
        width: 159px;
        height: 32px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent url(/uploads/images/bewerbung_absenden.png) no-repeat center top;
        text-indent: -1000em;
        cursor: pointer; /* hand-shaped cursor */
        cursor: hand; /* for IE 5.x */
}

.guestbook label {
        display: block;
}

.guestbook input[type=text] {
        width: 245px;
}

#m950ccentry_submitted {
        width: 159px;
        height: 32px;
        margin: 0 0 0 155px;
        padding: 0;
        border: 0;
        background: transparent url(/uploads/images/eintrag_absenden.png) no-repeat center top;
        text-indent: -1000em;
        cursor: pointer; /* hand-shaped cursor */
        cursor: hand; /* for IE 5.x */
}

#m950cccancel {
        width: 159px;
        height: 32px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent url(/uploads/images/abbrechen.png) no-repeat center top;
        text-indent: -1000em;
        cursor: pointer; /* hand-shaped cursor */
        cursor: hand; /* for IE 5.x */
}

.guestbook input#counter {
        border: 0;
        padding: 0;
        box-shadow: none;
        background: #f7f7f7;
}

#m950ccmoduleform_2 {
        background: #f7f7f7;
        padding: 10px;
        
}

.cms-guestbook-showform-button #m950ccmoduleform_2 {
        background: #ffffff;
        height: 22px;
        margin-top: -5px;
        margin-right: 0;
        padding-right: 0;
}

#m950ccsubmit {
        float: right;
        width: 282px;
        height: 32px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent url(/uploads/images/neue_kundenmeinung.png) no-repeat center top;
        text-indent: -1000em;
        cursor: pointer; /* hand-shaped cursor */
        cursor: hand; /* for IE 5.x */
}

/* =================================================================== */
/* Media Queries
====================================================================== */


/* Higher than standard 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 960px) {
	/* You need at least a height, adjust this to your needs */
	.jcarousel { height: 317px; }
}


/* Smaller than standard 960 (devices and browsers)
====================================================================== */
@media only screen and (max-width: 959px) {}


/* Tablet Portrait size to standard 960 (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#wrapper,
	#footer,
	#footer-bottom {
		width: 714px;
	}

	#navigation {
		width: 734px;
	}
	
	.style-2 {
		width: 714px !important;
	}

	.contact-details-alt li p strong {
		margin: 0 5px 0 0;
	}


	.line {
		margin: 0 0 0 -28px;
		padding: 0 56px 0 0;
	}

	.widget-search input {
		width: 134px;
	}

	.cut {
		display: none;
	}
	
	.sidebar {
		padding: 28px 0;
	}

	.post {
		margin: 24px 0;
	}

	ol li ol.childlist .comment-des {
		float:right;
		width:70%;
	}
	.comment-des {
		float:right;
		width: 73%;
	}

	#contact textarea {
		max-width: 425px;
		min-width: 425px;
	}

	.medium-image {
		margin: 0 25px 0 0;
		width: 35%;
	}

	.medium-content {
		width: 59%;
	}

	#not-found h2 {
		font-size: 160px;
		line-height: 160px;
	}

	#not-found i {
		font-size: 155px;
	}

	#not-found p {
		font-size: 22px;
		line-height: 32px;
	}

	.client-list img {
		width: 130px;
		height: auto;
	}

}


/* All Mobile Sizes (devices and browsers)
====================================================================== */
@media only screen and (max-width: 767px) {

	#sub-menu {
		float: left;
		margin: 5px 0 0 0;
	}

	#tagline,
	.social-icons,
	.contact-details,
	.top-search,
	.slide-caption,
	.js #responsive,
	.left-corner,
	.right-corner {
		display: none;
	}

	.portfolio-item,
	.recent-blog {
		margin: 0 0 40px 0;
	}

	.js .selectnav {
		display: block;
	}

	#navigation {
		margin:0;
		width: 100%;
		height: auto;
		background: transparent;
	}

	.selectnav {
		cursor: pointer;
		padding: 10px;
		margin: 0 0 30px 30px;
		float: left;
		font-size: 14px;
	}

	#header {
		min-height: 115px;
	}

	#footer h4 {
		margin-top: 20px;
	}

	#footer {
		padding-top: 20px;
	}

	.page-title {
		padding-bottom: 30px !important;
	}

	#breadcrumbs ul {
		float: left;
		padding: 0;
		margin-top: 5px;
		width: 100%;
	}
	
	.icon-box-container {
		margin: 30px 0 20px 0;
	}
	
	.icon-box {
		margin-bottom: 20px;
	}

	.page-title h2 {
		padding: 0;
		position: relative;
	}

	.floated.sidebar {
		position: relative;
	}

	.post {
		margin: 24px 0;
	}

	.meta span {
		display: none;
	}

	.line {
		margin: 0 0 0 -30px;
		padding: 0 60px 0 0;
	}

	.floated.sidebar.left,
	.floated.sidebar.right {
		-webkit-box-shadow:  none;
		box-shadow:  none;
		padding-bottom: 0;
		margin: 0;
		border: none;
	}

    .floated.sidebar.left {
		border-bottom: 1px solid #e0e0e0;
	}

    .floated.sidebar.right {
		border-top: 1px solid #e0e0e0;
	}

	#portfolio-navi {
		float: left;
	}

	#not-found h2 {
		font-size: 110px;
		line-height: 120px;
	}

	#not-found i {
		font-size: 105px;
	}

	#not-found p {
		font-size: 22px;
		line-height: 32px;
	}
	
	body .container .columns.carousel-intro {
		float:none !important;
	}
	
	.comment-by {
		margin-bottom: 20px;
	}
	
	.caption-gray,
	.caption-color,
	.caption-transparent {
		display: none !important;
	}
	
	#logo-footer {
		margin: 20px 0;
	}
	
	.pricing-table {
		margin-bottom: 20px;
	}

	.pricing-table.featured {
		margin-top: 12px;
	}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#wrapper,
	#footer,
	#footer-bottom {
		width: 420px;
	}

	.selectnav {
		width: 355px;
	}

	.container.floated {
		width: 420px;
		padding: 0;
	}

	.blank.floated {
		width: 360px;
		padding: 0 30px;
	}

	.flickr-widget a {
		width: 73px;
		height: 73px;
		margin-right: 9px;
		margin-bottom: 9px;
	}

	ol li ol.childlist .comment-des {
		float:right;
		width:61%;
	}

	.comment-des {
		float:right;
		width: 67%;
	}

	#contact textarea {
		max-width: 340px;
		min-width: 340px;
	}

	.medium-image {
		margin: 0 25px 0 0;
		width: 32%;
	}

	.medium-content {
		width: 61%;
	}

	.client-list img {
		width: 179px;
		height: auto;
	}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 479px) {
	#wrapper,
	#footer,
	#footer-bottom {
		width: 320px;
	}

	.selectnav {
		width: 255px;
	}

	.container.floated {
		width: 320px;
		padding: 0;
	}

	.blank.floated {
		width: 260px;
		padding: 0 30px;
	}

	.flickr-widget a {
		width: 69px;
		height: 69px;
		margin-right: 9px;
		margin-bottom: 9px;
	}

	ol li ol.childlist .comment-des {
		float:right;
		width:47%;
	}

	.comment-des {
		float:right;
		width: 54%;
	}

	#contact textarea {
		max-width: 240px;
		min-width: 240px;
	}

	.medium-image {
		margin: 0 25px 0 0;
		width: 100%;
	}

	.medium-content {
		width: 100%;
	}

	.client-list img {
		width: 260px;
		height: auto;
	}

}

/* Retina Images (High Resolution)
====================================================================== */
@media (min--moz-device-pixel-ratio: 1.3),
	   (-o-min-device-pixel-ratio: 2.6/2),
	   (-webkit-min-device-pixel-ratio: 1.3),
	   (min-device-pixel-ratio: 1.3),
	   (min-resolution: 1.3dppx) {
	   
	/* Miscellaneous */
	#twitter li { background: url(../images/social/twitter@2x.png) no-repeat left 5%; background-size: 16px auto; }
	#twitter-blog li { background: url(../images/twitter-01@2x.png) no-repeat left 5%; background-size: 16px auto; }
	#breadcrumbs ul li { background: url(../images/breadcrumbs@2x.png) no-repeat 100% 50%; background-size: 3px auto; }
	.categories a { background: url(../images/categories@2x.png) no-repeat left 47%; background-size: 5px auto; }
	.search-btn { background: url('../images/search@2x.png') center center no-repeat; background-size: 13px auto; }
	.search-btn-widget { background: url(../images/search-2@2x.png) 50% no-repeat; background-color: #169fe6; background-size: 13px auto; }
	.flex-direction-nav .flex-next {background: url(../images/slider-right@2x.png) no-repeat 50%; background-color: #4c4c4c; right: 0; background-size: 25%;}
	.flex-direction-nav .flex-prev {background: url(../images/slider-left@2x.png) no-repeat 50%; background-color: #4c4c4c; left:0; background-size: 25%;}
	.ls-fullwidth .ls-nav-prev { background: url(../images/slider-left@2x.png) no-repeat 50%; background-color: #4c4c4c; left: 0; background-size: 25%; }
	.ls-fullwidth .ls-nav-next { background: url(../images/slider-right@2x.png) no-repeat 50%; background-color: #4c4c4c; right: 0; background-size: 25%; }
	.ui-accordion-icon, .ui-accordion-icon-active { background-image: url(../images/accordion-plus@2x.png); background-repeat: no-repeat; background-position: 50%; background-size: 12px;}
	.ui-accordion-icon-active { background-image: url(../images/accordion-minus@2x.png); }
	.toggle-icon { background-image: url(../images/accordion-plus@2x.png); background-repeat: no-repeat; background-position: 50%; background-size: 12px; }
	.trigger.active .toggle-icon { background-image: url(../images/accordion-minus@2x.png); background-size: 12px;}
	.check-list li { background: url(../images/icon-list-check@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 13px 11px; }
	.sign-list li { background: url(../images/icon-list-sign@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; }
	.plus-list li { background: url(../images/icon-list-plus@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; }
	.star-list li { background: url(../images/icon-list-star@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; }

	/* Social Icons */
	.twitter {background: url(../images/social/twitter@2x.png) no-repeat 50%; background-size: 50%; }
	.facebook {background: url(../images/social/facebook@2x.png) no-repeat 50%; margin: 0 -4px; background-size: 50%;}
	.dribbble {background: url(../images/social/dribbble@2x.png) no-repeat 50%; background-size: 50%; }
	.linkedin {background: url(../images/social/linkedin@2x.png) no-repeat 50%; background-size: 50%; }
	.rss {background: url(../images/social/rss@2x.png) no-repeat 50%; margin: 0 -5px 0 0; background-size: 50%; }
	.amazon {background: url(../images/social/amazon@2x.png) no-repeat 50%; background-size: 50%; }
	.blogger {background: url(../images/social/blogger@2x.png) no-repeat 50%; background-size: 50%; }
	.deviantart {background: url(../images/social/deviantart@2x.png) no-repeat 50%; background-size: 50%; }
	.digg {background: url(../images/social/digg@2x.png) no-repeat 50%; background-size: 50%; }
	.flickr {background: url(../images/social/flickr@2x.png) no-repeat 50%; background-size: 50%; }
	.forrst {background: url(../images/social/forrst@2x.png) no-repeat 50%; background-size: 50%; }
	.lastfm {background: url(../images/social/lastfm@2x.png) no-repeat 50%; background-size: 50%; }
	.picasa {background: url(../images/social/picasa@2x.png) no-repeat 50%; background-size: 50%; }
	.pinterest {background: url(../images/social/pinterest@2x.png) no-repeat 50%; background-size: 50%; }
	.skype {background: url(../images/social/skype@2x.png) no-repeat 50%; background-size: 50%; }
	.tumblr {background: url(../images/social/tumblr@2x.png) no-repeat 50%; background-size: 50%; }
	.vimeo {background: url(../images/social/vimeo@2x.png) no-repeat 50%; background-size: 50%; }
	.wordpress {background: url(../images/social/wordpress@2x.png) no-repeat 50%; background-size: 50%; }
	.yahoo {background: url(../images/social/yahoo@2x.png) no-repeat 50%; background-size: 50%; }
	.youtube {background: url(../images/social/youtube@2x.png) no-repeat 50%; background-size: 50%; }

}

#fbrp__51_1_0, label[for=fbrp__51_1_0], #fbrp__52_1_0, label[for=fbrp__52_1_0] {float: left;}
.cms-guestbook-div-insert label[for=fbrp__51_1_0] {width: 90%;}
/* Stylesheet: Thie Standard Modified On 2022-07-27 12:00:29 */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

.cal-upcominglist h2 {
background-color: #dedede;
margin-top: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
margin-left: -10px;
margin-bottom: 6px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
#cal-calendar{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #cal-calendar table */
#cal-calendar th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#cal-calendar td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #cal-calendar */
#cal-calendar ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#cal-calendar li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #cal-calendar */
#cal-calendar td
{
  background-color: silver;
}

#cal-calendar .calendar-day
{
  background-color: #80ff80;
}

#cal-calendar .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  displays: none;
}

.calendar-date-title {
width: 75px; font-weight: bold; color: #333;}

.cal_more {padding-bottom: 10px;}
/* Stylesheet: CSS-Beispiel für Calguys Kalender v1.10.4 Modified On 2013-06-07 11:10:23 */