/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* cookiebar extension for Contao Open Source CMS, Copyright (C) 2011-2017 Codefog */
#cookiebar a,#cookiebar span{margin-right:1em}#cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;background-color:#4b4b4b;padding:8px 16px;text-align:center;font-size:13px;color:#fff;line-height:2;z-index:10}#cookiebar.top{top:0}#cookiebar.bottom{bottom:0}#cookiebar-desc{display:inline-block}#cookiebar button{height:26px;padding:0 12px;border:none;background-color:#4ea55e;color:#fff;cursor:pointer;font-weight:700;line-height:26px}#cookiebar a{color:#fff;text-decoration:underline}#cookiebar a:hover{text-decoration:none}

/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main{width:100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/tups/layout/fonts/roboto-v29-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../../files/tups/layout/fonts/roboto-v29-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/tups/layout/fonts/roboto-v29-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-v29-latin-regular.woff") format('woff'), /* Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-v29-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/tups/layout/fonts/roboto-v29-latin-regular.svg#Roboto") format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../../files/tups/layout/fonts/roboto-v29-latin-700.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../../files/tups/layout/fonts/roboto-v29-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/tups/layout/fonts/roboto-v29-latin-700.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-v29-latin-700.woff") format('woff'), /* Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-v29-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/tups/layout/fonts/roboto-v29-latin-700.svg#Roboto") format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-300.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-300.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-300.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-300.woff") format('woff'), /* Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-300.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-300.svg#RobotoCondensed") format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-regular.woff") format('woff'), /* Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-regular.svg#RobotoCondensed") format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-700.eot"); /* IE9 Compat Modes */
  src: local(''),
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-700.woff2") format('woff2'), /* Super Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-700.woff") format('woff'), /* Modern Browsers */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../../files/tups/layout/fonts/roboto-condensed-v24-latin-700.svg#RobotoCondensed") format('svg'); /* Legacy iOS */
}





*{margin:0;padding:0;outline:none;}

html{width:100%;height:100%;}
body{
	font-family: Roboto,sans-serif;
	weight: 400;
	font-size:13px;
	line-height:150%;
	color:#192346;
	background:url(/files/tups/layout/img/bg.jpg) no-repeat fixed 50% 0 #B7C3D0;
	background-size:cover;
}

body.personalberatung {background:url(/files/tups/layout/img/bg_home.jpg) no-repeat fixed 50% 0;}
.main_top {background:url(/files/tups/layout/img/bg_home.jpg) no-repeat 50% 0; background-size:cover;}
body.personalberatung .main_top {background:url(/files/tups/layout/img/blank80.png) repeat}
	

/*make footer sticky*/
html, body {height: 100%;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0;display:block;color:#192346;font-family: 'Roboto Condensed',sans-serif; font-weight:700; line-height:120%;}

h1{font-size:23px;padding-bottom:22px;}
span.h2, h2{font-size:18px;margin-bottom:12px;}
span.h3, h3{font-size:16px; font-weight:400;margin-bottom:12px;}

h4{}
h5{}
h6{}

p{}
span{}

li{list-style-type:none;}
.ce_text ul li,
.mod_newsreader ul li{list-style-type:disc;margin-left:18px;}

.ce_text ol li{list-style-type:decimal;}
.ce_text ul,
.mod_newsreader ul{margin-bottom:12px;}

a{color:inherit; text-decoration:none;}
.ce_text a,
.layout_latest p a,
.layout_full a,
p.back a{text-decoration:underline;}
.ce_text a:hover,
.layout_latest p a:hover,
.layout_full a:hover,
p.back a:hover {text-decoration:none}
span.more{text-decoration:underline;margin-left:10px;}
.contentlink, span.header{display:block;}
.ce_hyperlink a{}

ol,ul{margin:0;}

.image_container {line-height:0}

/*Make Footer sticky*/
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -56px;
width:100%;
}

#header .inside, #container .inside, #footer .inside {width:960px;margin:0 auto;}

/*Header*/
#header{height:80px;font-family: 'Roboto Condensed',sans-serif;font-weight:300; background-color:white}
#header .mod_navigation {overflow:visible; margin:0 0 0 180px; padding-top:30px}
#header .mod_navigation li{text-transform:uppercase;font-size:14px;margin-right:6px;position:relative;}
#header .mod_navigation ul.level_1 li {float:left}
#header .mod_navigation li.last{margin:0;}

#header .mod_navigation ul.level_1 li span, #header .mod_navigation ul.level_1 li.trail a{color:#397EAF}
#header .mod_navigation ul.level_1 li:hover{background:url(/files/tups/layout/img/flyout_bg.png) repeat;color:#192346;}
#header .mod_navigation ul.level_1 li:hover a, #header .mod_navigation ul.level_1 li:hover span, #header .mod_navigation ul.level_1 li.trail:hover a{color:white;}

#header .mod_navigation ul.level_2 li:hover{background:none;}
#header .mod_navigation ul.level_2{position:absolute; z-index:10; top:40px; left:0; margin:0; background:url(/files/tups/layout/img/flyout_bg.png) repeat; display:none}
body.safari #header .mod_navigation ul.level_2{top:39px;}
#header .mod_navigation li:hover ul.level_2{display:block;}
#header .mod_navigation ul.level_2 li{clear:both; float:none; margin:0; line-height:120%; display:block; padding:0 10px; font-size:12px;}
#header .mod_navigation ul.level_2 li a,#header .mod_navigation ul.level_2 li span{padding:0; color:white;padding:10px 0; display:block;border-top:1px solid white; font-size:12px; width:100%}
#header .mod_navigation ul.level_2 li.first a,#header .mod_navigation ul.level_2 li.first span{border:none}
#header .mod_navigation ul.level_2 li:hover a:hover{color:#192346;}

#header .mod_navigation li a,#header .mod_navigation li span{padding:10px; display:block;}
#header .mod_randomImage{float:left; margin-top:13px;}

/*Left*/
#left {
	float:left;
	width:260px;
}
#left .inside {
	width:220px;
	background-color:white;
	padding:20px;
	font-family: 'Roboto Condensed',sans-serif;
	font-weight:300;
}
#left .mod_navigation a,
#left .mod_navigation span {
	display:block;
	background:url(/files/tups/layout/img/pfeil.png) no-repeat 7px 7px #192346;
	padding:2px 0 2px 20px;
	color:white;
	margin-top:4px;
}
	
	
/*Main*/
.main_top .image_container {
	position:relative;
}
.main_top .image_container .caption{
	color:#397EAF;
	position:absolute;
	font-family: 'Roboto Condensed',sans-serif;
	font-weight:700;
	font-size:34px;
	top:90px;
	right:40px;
	width:405px !important;
	line-height:40px;
}
.main_top .ce_text{
	padding:23px 180px 23px 40px;
}
.main_bottom{
	padding:30px 0;
}
body.zweispalter #container .main_bottom .main {
	margin-left:290px;
	width:620px;
}

/*Footer*/

footer, .push {
height: 56px;
}

#footer{color:white; background-color:#397EAF; font-size:11px;line-height:135%;}
#footer ul{float:right; margin-top:20px}
#footer .copyright{float:left; margin-top:20px}
#footer li{float:left;margin-right:5px; text-transform:uppercase; border-right:1px solid white; padding-right:5px}
#footer li.last{margin-right:0; border:none; padding-right:0}

/*REST*/

body.personalberatung #personalberatung {
	padding-left:50px;
}
.ce_page_teaser {
	width:250px;
	margin:20px 50px 50px 0;
	float:left;
}
.ce_page_teaser .image_container {
	text-align:center;
	padding-bottom:30px;
}
.ce_page_teaser h1 {
	text-align:center;
	font-size:18px;
	font-weight: 700x !important;
}
.ce_page_teaser p {
	text-align:justify;
}
.ce_page_teaser a {
	text-decoration:none;
}
.ce_page_teaser a:hover,
#left .mod_navigation a:hover,
#left .mod_navigation span {
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	-o-opacity:0.7;
	opacity:0.7;
}
.ce_page_teaser .more {
	display:block;
	background:url(/files/tups/layout/img/pfeil.png) no-repeat 7px 7px #192346;
	padding:2px 0 2px 20px;
	color:white;
	width:90px;
}

.submit{cursor:pointer;}

.layout_latest {
	background-color:#FFFFFF;
	padding:15px;
	margin-bottom:5px;
}
p.more {
	margin-bottom:0;
}