/* ======================================================================================================
 GENERAL TYPOGRAPHY 
=======================================================================================================*/

/* ================= 1. CSS Reset ================= */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;outline:0;font-family: Helvetica, Arial, Tahoma, sans-serif;
}
strong, b {font-weight:bold;}

em, dfn, i {font-style:normal;}

/* ================= General tags ================= */
body {font: 12px/1.7 Helvetica, Arial, Tahoma, sans-serif;color:#FFF;-webkit-font-smoothing: antialiased;background:#e5e5e5;}

h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, Tahoma, sans-serif;margin-bottom:12px;font-weight:400; text-shadow:0 1px 0 #FFFFFF;}

a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;outline: none;font-family: Helvetica, Arial, Tahoma, sans-serif;}

a {color:#0f77ba;font-family: Helvetica, Arial, Tahoma, sans-serif;}

a:hover {text-decoration:underline;}

pre {white-space:pre;overflow:auto;padding:20px;}

code {white-space:pre;overflow:auto;padding:14px;color:#595959;background:#f6f6f6;display:block;border:1px solid #ddd;font-size:11px;line-height:15px;}

code strong {color:#000;}

p {color:#545454;font-size:12px;font-family: Helvetica, Arial, Tahoma, sans-serif;line-height:22px;}

dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p {margin-bottom: 10px;}

::selection {background:#0f77bacolor:#FFFFFF;}

::-moz-selection {background:#0f77ba;color:#FFFFFF;}

/* ================= Headers ================= */
h1 {font-size:24px;color:#545454;	
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;}

h2 {font-size:18px;color:#0f77ba;}

h3 {font-size:16px;color:#0f77ba;}

h4 {font-size:14px;color:#0f77ba;}

h5 {font-size:14px;color:#0f77ba;}

h6 {font-size:12px;color:#0f77ba;}

h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular {font-weight:400;}

h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey {color:#545454;}

h1.page_title {margin-bottom:10px;}

h1.bottom_line {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

h2.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:10px;}

h3.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding-bottom:5px;}

h3.bottom_line2 {border-bottom:1px solid #d9d9d9;margin-bottom:0;padding-bottom:5px;}

h4.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:11px;padding-bottom:10px;}

p.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding:0 0 13px 0;}

div.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding:0 0 13px 0}

p.align_center {text-align:center;font-size:14px;color:#999999;}

p.align_center a {font-weight:bold;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:600;}

/* ================= List Styles ================= */
ul {list-style:none;margin-top:0;}

ol {margin-bottom:0;margin-top:0;}

ol, ol li {list-style:decimal outside;}

/* ================= Images ================= */
img.alignleft {float:left;margin:10px 16px 10px 0;}

img.aligncenter {display:block;margin-left:auto;margin-right:auto;}

img.alignright {float:right;margin:5px 0px 5px 11px;}

/* ================= Buttons Link Styles ================= */
a.button {
	height: 20px;
	display: inline-block;
	margin: 0 5px 20px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding: 8px 10px 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}
a.button.large {
	height: 24px;
	padding: 11px 10px 0 10px;
	font-size: 14px;
	line-height: 14px;
}
a:hover.button {
	background-position: 0 -28px;
}
a:hover.button.large {
	background-position: 0 -35px;
}
a.button.white {
	background-image: url(../images/button_white.png);
	border: 1px solid #d3d3d3;
	color: #555555;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}
a.button.large.white {
	background-image: url(../images/button_white_large.png);
}
a:hover.button.white {
	border: 1px solid #c4c4c4;
}

/* ================= Forms ================= */
input, textarea {border:1px solid #cccccc;padding:7px 10px 7px 10px;font-size:11px;color:#000000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

/* ================= Deviders ================= */
.clear {content:".";display:block;clear:both;height:0;visibility:hidden;}

.paddinglinie {height: 15px; background-image: url(../images/schattenlinie.png);}
.padding3 {padding-top:3px;font-size:0;line-height:0;}

.padding5 {padding-top:5px;font-size:0;line-height:0;}

.padding10 {padding-top:10px;font-size:0;line-height:0;}

.padding12 {padding-top:12px;font-size:0;line-height:0;}

.padding15 {padding-top:15px;font-size:0;line-height:0;}

.padding17 {padding-top:17px;font-size:0;line-height:0;}

.padding20 {padding-top:20px;font-size:0;line-height:0;}

.padding25 {padding-top:25px;font-size:0;line-height:0;}

.padding30 {padding-top:30px;font-size:0;line-height:0;}

.padding40 {padding-top:40px;font-size:0;line-height:0;background-image: url(../images/padding_80.jpg);}

.padding50 {padding-top:50px;font-size:0;line-height:0;}

.padding60 {padding-top:60px;font-size:0;line-height:0;}

.padding80 {padding-top:80px;font-size:0;line-height:0;}

.none {display:none;}

.line {font-size:0px;border-top:1px solid #d9d9d9;}

hr {background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}

hr {background: #d9d9d9;color: #d9d9d9;margin:5px 0 25px 0;}

hr.dotted {border-style: dotted;}

p + hr {margin:25px 0 20px 0;}
/* ======================================================================================================
 GENERAL STRUCTURE
=======================================================================================================*/

/* ================= Header and Logo ================= */
.container {width:940px;margin:0 auto;}
.containerbg {margin-top: 0; background:#ffffff url(../images/verlauf_top.jpg) repeat-x;}
.header_bg {min-height:120px;background:#f5f5f5 url(../images/header-bg.jpg) repeat-x;}

.header_bg.grey {background:#f2f2f2 url("../images/header_delimiter.png") repeat-x bottom;}

.header_bg .logo {float:left;margin-bottom:10px;margin-top: 70px;}

/* ================= Header Menu ================= */
.main-menu {margin:85px 0 0 0;float:right;}
.highlighten {text-decoration:none; margin:0; color:#0f77ba!important;}
.unterhighlighten {padding-right:10px;background:#0f77ba !important;}
.main-menu ul {margin:0;}
.main-menu li ul {padding-top:2px;left:-2px;}
.main-menu li ul li {box-shadow:1px 1px 1px 0px rgba(0,0,0,0.4);}
.main-menu li {white-space:nowrap;display:block;position:relative;margin:0;padding:0;z-index:100;}
.main-menu a {display:block;position:relative;font-size:16px;font-family:Helvetica,Arial,Tahoma,sans-serif;color:#464647;font-weight:bold;text-shadow:0 1px 0 #FFFFFF;}
.main-menu a:hover {text-decoration:none;color:#0f77ba;}
.main-menu li.submenu > a {padding-right:20px;background:url(../images/arrow_320.png) no-repeat right;/* cursor:default;*/}
.main-menu > ul > li {float:left;margin-right:28px;}
.main-menu > ul > li:last-child {margin-right:0; border-radius: 3px; margin:0;}
.main-menu li ul {display:none;position:absolute;top:100%;z-index:100;}
.main-menu li:hover > ul {display:block;}
.main-menu li ul li.submenu > a {padding-right:10px;background:#a7a7a7 url(../images/submenu_left_arrow.png) no-repeat right;}
.main-menu li ul li.submenu > a:hover {padding-right:10px;background:#0f77ba url(../images/submenu_left_arrow.png) no-repeat right;}
.main-menu li ul li {border-bottom:1px solid #000000;border-top:1px solid #7d7f82;background:#0f77ba;}
.main-menu li ul li a:hover {background:#0f77ba;color:white;}
.main-menu li ul li:first-child {-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; margin:0;}
.main-menu li ul li:last-child {border-bottom:1px solid #2e2823; border-radius: 3px; margin:0;}
.main-menu li ul li a {padding:0 25px 0 12px;line-height:33px;background:#464647;font-size:14px;font-family:Helvetica,Arial,Tahoma,sans-serif;color:#FFF;font-weight:bold;text-shadow:0 -1px 0 #000000;}
.main-menu li ul li ul {top:-1px !important;left:100% !important;padding:0 !important;}
/* ================= Footer ================= */
.footer_bg {background:#e5e5e5;margin-top:60px;}
.footer_bg.no_margin {margin-top:0;}
.footer {margin-top:35px;}
.footer_bg .footer p {color:#e5e5e5;line-height:22px;}
.footer_bg_bottom {background:#e5e5e5;}
.footer .col_1_3 {width:280px;margin:20px 40px 0 0;}
.footer .col_1_3.last {width:280px;margin:20px 0 0 0;}
.footer_bottom .menu ul {list-style: none;padding:10px 0 0 0;}
.footer_bottom .menu ul li {float:right;position:relative;display:block;margin:0 40px 0 0;padding:0;list-style:none;z-index: 9999;}
.footer_bottom .menu ul li a {color:#848484;font-weight:bold;display:block;text-decoration:none;float:left; text-shadow:0 1px 0 #FFF;}
.footer_bottom .menu ul li a.selected {color:#d8c0a8;}
.footer_bottom .menu ul li a:hover {color:#0f77ba;}
.footer_bottom p, .footer_bottom p a {Helvetica, Arial, Tahoma, sans-serif; color:#848484;line-height:22px;font-size:12px; text-shadow:0 1px 0 #FFF;}
.footer_bottom .keep_in {padding:20px 0 0 0;font-size:14px;color:#a6a6a6;font-weight:600;
}
/* ================= Columns ================= */
.content {width:620px;margin:25px 40px 0 0;float:left;}
.sidebar {width:280px;margin:10px 0 0 0;float:left;}
.col_1_2 {width:460px;float:left;margin:0 20px 0 0;}
.col_2_3 {width:620px;float:left;margin:0 20px 0 0;}
.col_1_3 {width:300px;float:left;margin:0 20px 0 0;}
.col_1_4 {width:220px;float:left;margin:0 20px 0 0;}
.col_1_5 {width:172px;float:left;margin:0 20px 0 0;}
.col_3_4 {width:700px;float:left;margin:0 20px 0 0;}
.content .col_1_2 {width:300px;}
.content .col_1_3 {width:193px;}
.content .col_2_3 {width:406px;}
.content .col_1_4 {width:140px;}
.content .col_1_5 {width:108px;}
.content .col_3_4 {width:460px;}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last {margin:0;}
.content .col_1_2.last, .content .col_2_3.last, .content .col_1_3.last, .content .col_1_4.last, .content .col_1_5.last, .content .col_3_4.last {margin:0;}
/* ======================================================================================================
 SPECIFIC PAGE STYLES
=======================================================================================================*/


/* ================= Contact Page ================= */
.required_info {
	font-size:11px;
	margin:0 0 10px 0;
}
.required_info span {
	color:red;
}
.inputText {
	width:300px;
	height:24px;
	border:1px solid #cccccc;
	padding:7px;
}
.inputTextarea {
	width:525px;
	height:250px;
	border:1px solid #cccccc;
	padding:7px;
}
.contact_form .inputText.error_class {
	border:1px solid #ef716d;
}
.contact_form .inputTextarea.error_class {
	border:1px solid #ef716d;
}
.contact_form label {
	text-align:left;
	margin-right: 0.5em;
	color:#262626;
	font-size:13px;
}
.contact_form label span {
	color:red;
}
 @media screen and (max-width: 600px) {
	 	/* ================= Headers ================= */
h1 {font-size:18px;color:#545454;}

h2 {font-size:18px;color:#0f77ba;}

h3 {font-size:18px;color:#545454;}

h4 {font-size:18px;color:#545454;}

h5 {font-size:18px;color:#545454;}

h6 {font-size:18px;color:#545454;}

.portfolio_slider_nav {
	top: 47%;
}
}
.portfolio_social li {
	display:inline;
	padding-right:5px;
}

.boldlink {
	font-size:13px;
	font-weight:bold;
}
/* === Clearfix === */
.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:0
}
* html .clearfix, :first-child+html .clearfix {
	zoom:1
}

/* ================= blockquote ================= */
blockquote {
	quotes: none;
	padding: 0 10px 0 22px !important;
	font-family:Helvetica, Arial, Tahoma, sans-serif;
	font-size:11px !important;
	color:#666666;
	line-height:22px;
	border-left: 6px solid #e5e5e5;
}
/* ======================================================================================================

/* ================= Boxes ================= */
.bordered_box {
	border:1px solid #EFEFEF;
	line-height:21px;
	margin-bottom:20px;
	margin-top:1px;
}
.bordered_box .title {
	height:30px;
	margin:-2px -2px 0 -2px;
}
.bordered_box .title h1 {
	color:#FFF;
	padding:5px 0 0 19px;
}
.tabs ul {
	padding:0px 0 0 0;
	margin:0;
}
.tabs ul li {
	float:left;
	margin:0 3px -2px 0;
	border:1px solid #EFEFEF;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.tabs ul li a {
	border-bottom: none;
	display: block;
	color:#595959;
	overflow: hidden;
	padding: 5px 15px 0 15px;
	height: 24px;
	background: #FBFBFB;
	font-soze:12px;
	font-weight:bold;
}
.tabs ul li a:hover {
	background:#f2f2f2;
	color:#D93E39;
	text-decoration:none;
}
.tabs ul li.ui-tabs-selected a {
	background:#FFF;
	color:#d93e39;
	border-bottom:1px solid #fff;
	margin-bottom:-2px;
}
.ui-tabs {
	position: relative;
	padding: 0;
	zoom: 1;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding:0;
	background: none;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
.content_text {
	padding:10px;
	line-height:22px;
	font-size:12px;
	color:#4d4d4d;
}
.question_box {
	border:1px solid #9ac1fa;
	background:#dbeefe;
	color:#4180cf;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.success_box {
	border:1px solid #a4cb8b;
	background:#e9fedb;
	color:#488e1b;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.attention_box {
	border:1px solid #f2c779;
	background:#fff8c4;
	color:#ed7c18;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.error_box {
	border:1px solid #f7b3b1;
	background:#fff1f1;
	color:#d93e39;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}

/* ================= Highlight Styles ================= */
.highlight {
	font-size:11px;
	display:inline-block;
	padding:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0px 6px;
}
/* ================= Magnifying glass ================= */
a.zoom {
	z-index:999;
	cursor:pointer;
	position:absolute;
	overflow:hidden;
	background:url("../images/blank_hover.png") repeat;
}
a.zoom img {
	position:relative;
}
.created {
	width:50px !important;
	height:50px;
}



/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/	

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* ================= Headers ================= */
h1 {font-size:18px;color:#545454;}

h2 {font-size:18px;color:#0f77ba;}

h3 {font-size:18px;color:#545454;}

h4 {font-size:18px;color:#545454;}

h5 {font-size:18px;color:#545454;}

h6 {font-size:18px;color:#545454;}
/* ================= Logo and Main menu ================= */
.logo {
	display: block;
	float: none;
	width:100%;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
}

.content {
	width:488px;
	margin-right:20px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}

/* ================= Container and Columns ================= */
.container {
	width: 748px;
}
.col_1_2 {
	width: 364px;
}
.col_1_3 {
	width: 236px;
}
.col_2_3 {
	width: 492px;
}
.col_1_4 {
	width: 172px;
}
.col_1_5 {
	width: 133px;
}
.col_3_4 {
	width: 556px;
}
.content .col_1_2 {
	width:239px;
	margin:0 10px 0 0;
}
.content .col_1_3 {
	width:156px;
	margin:0 10px 0 0;
}
.content .col_2_3 {
	width:322px;
	margin:0 10px 0 0;
}
.content .col_1_4 {
	width:114px;
	margin:0 10px 0 0;
}
.content .col_1_5 {
	width:89px;
	margin:0 10px 0 0;
}
.content .col_3_4 {
	width:362px;
	margin:0 10px 0 0;
}

/* ================= Contact Page ================= */
.inputText {
	width:300px;
	height:24px;
}
.inputTextarea {
	width:300px;
	height:150px;
}
/* ================= Home Page ================= */
.follow_us_box a.twitter {
	float:left;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
}
.recent_post_slider .slides_container {
	width:190px;
	display:none;
}
.recent_post_slider .slides_container div.slide {
	width:190px;
	display:block;
}
img.liquid {
	width:100%;
}
.features .title h3 {
	font-size:15px;
}
.features .title h4 {
	font-size:16px;
}
/* ================= Footer ================= */
.footer .col_1_3 {
	width:226px;
	margin:40px 10px 0 10px;
}
.footer .col_1_3.last {
	width:226px;
	margin:40px 10px 0 10px;
}

}


/* ================= Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 767px) {
		 	/* ================= Headers ================= */
h1 {font-size:18px;color:#545454;}

h2 {font-size:18px;color:#0f77ba;}

h3 {font-size:18px;color:#545454;}

h4 {font-size:18px;color:#545454;}

h5 {font-size:18px;color:#545454;}

h6 {font-size:18px;color:#545454;}

/* ================= Logo and Main menu ================= */
.logo {
	display:block;
	float:none;
	text-align:center;
	width:100%;
}
.header_bg {
	height: auto;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
	width:100%;
}
.main-menu ul {
	position:static !important;
	padding:0 !important;
}
.main-menu li {
	box-shadow:none !important;
	border:0 !important;
	border-top:1px solid #d9d9d9 !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
}
.main-menu li.submenu > a {
	cursor:pointer;
}
.main-menu li a {
	padding:0 16px;
	line-height:33px;
}
.main-menu li ul li a {
	padding-left:32px !important;
}
.main-menu li ul li ul li a {
	padding-left:48px !important;
}
.main-menu li.submenu > a {
	padding-right:20px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul li.submenu > a {
	padding-right:10px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul li.submenu > a:hover {
	padding-right:10px;
	background:#f5f5f5 url(../images/arrow_320.png) no-repeat right;
}
.main-menu li.submenu > a {
	padding-right:20px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul {
	display:none !important;
}
.main-menu li:hover > ul {
	display:block !important;
}
.sidebar {
	margin-top:40px;
	float:none;
}
.content {
	float:none;
	margin-right:0;
	width:300px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:300px;
}
.content .pages {
	margin-left:0;
}

/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:300px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:300px;
}
/* ================= Contact Page ================= */
.inputText {
	width:285px;
}
.inputTextarea {
	width:285px;
	height:150px;
}
.submit {
	margin:0;
}
/* ================= Page Info ================= */
.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
/* ================= HomePage ================= */
	.homepage_widgets .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.follow_us_box a.twitter {
	float:left;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
}
}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
.logo {
	display: block;
	float: none;
	width:100%;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
}
.content {
	width:420px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:420px;
}
.sidebar {
	float:none;
	width:420px;
}
.content .pages {
	margin:0;
}
/* ================= Container and Columns ================= */
	.companies .cbody {
	width:420px;
	margin:0 auto;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:420px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:420px;
}
/* ================= Page Info ================= */
.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
/* ================= Contact page ================= */
.inputText {
	width:250px;
}
.inputTextarea {
	width:250px;
	height:150px;
}
/* ================= Footer ================= */
.footer .col_1_3 {
	width:420px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
}


/* ================= Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 317px) {
	
/* ================= Headers ================= */
h1 {font-size:16px;color:#545454;}

h2 {font-size:16px;color:#0f77ba;}

h3 {font-size:16px;color:#545454;}

h4 {font-size:16px;color:#545454;}

h5 {font-size:16px;color:#545454;}

h6 {font-size:16px;color:#545454;}
	
	
/* ================= Navi ================= */
.main-menu li ul li a {padding:0 25px 0 12px;line-height:33px;background:#464647;font-size:11px;font-family:Helvetica,Arial,Tahoma,sans-serif;color:#FFF;font-weight:bold;text-shadow:0 -1px 0 #000000;}
/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float:none;
	margin:0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:226px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:226px;
}
.content {
	width:226px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:226px;
}
.content .delimiter_vertical {
	display:none;
}

.sidebar {
	width:226px;
	float:none;
}
.content .pages {
	margin:0;
}
/* =================  Blog Reply box ================= */
	.comments_form {
	margin:20px 0 0 0;
}
.comments_form input {
	width: 200px;
}
.comments_form textarea {
	height: 140px;
	width:200px;
}
.comments_form .comment_wrap {
	float:left;
	margin: 0 0 20px 0;
}
.flex-caption {
	display:none;
}
/* =================  Contact page ================= */
	.contact_map {
	background:none;
	width:226px;
	height:310px;
	padding:0 0 0 0;
	margin:40px 0 20px 0;
}
.map_canvas {
	width:226px;
	height:280px;
}
.inputText {
	width:210px;
}
.inputTextarea {
	width:210px;
	height:70px;
}
.submit {
	margin:0;
}
/* =================  Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
.page_info .search .inputText {
	width:90px;
}

/* =================  HomePage ================= */
.homepage_widgets .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.footer .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.homepage_widgets .col_1_3.first {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.recent_post_slider .slides_container {
	width:190px;
	display:none;
}
.recent_post_slider .slides_container div.slide {
	width:190px;
	display:block;
}
.follow_us_box a.twitter {
	float:left;
	font-size:15px;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
	font-size:15px;
}
img.liquid {
	width:100%;
}
.features .title h3 {
	font-size:17px;
}
.features .title h4 {
	font-size:16px;
}
/* =================  Footer ================= */
.footer .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
}
/* =================  Banner ================= */


.bannerbg {
	background-image: url(../images/banner-bg.jpg);
	background-repeat: repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 31px;
	padding-left: 0;
}
/* =================  Social ================= */
.social-links {
	/*position:absolute;*/
	float:right;
	height:24px;
	padding:0;
	margin:0;
	padding-top:15px;

}

.social-links li {display:inline; padding-right:5px; width:24px; height:24px;  cursor: pointer; text-indent: -999em;}
.social-links li a:hover {background-position: -25px; 0 }


/* =================  Contact Sidebar ================= */
ul.contact-address li {
	font-size:12px !important; color:#0f77ba;
}
ul.contact-address li {
	padding:10px !important;
	line-height:25px !important;
	border-bottom:1px solid #f6f4e7;
}
ul.contact-address li:hover {
	background:#ededed;
}
ul.contact-address li.address span {
	background:url(../images/address.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
ul.contact-address li.phone span {
	background:url(../images/phone.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
ul.contact-address li.email span {
	background:url(../images/email.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
ul.contact-address li.fax span {
	background:url(../images/fax.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
ul.contact-address li.frei span {
	background:url(../images/frei.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}

/* =================  General Sidebar Menu ================= */

ul.sidebarmenu li {
	font-size:12px !important;
}
ul.sidebarmenu li {
	padding:10px !important;
	line-height:25px !important;
	border-bottom:1px solid #f6f4e7;
}
ul.sidebarmenu li:hover {
	background:#f7f3e3;
}