/* Contao Open Source CMS, (c) 2005-2014 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,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-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}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.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}
body {
	background-image:url(http://www.laino.de//assets/images/bg-kachel.jpg);
	background-repeat:repeat-x;
	background-color:#9ee0ff;
}

p, span, a, h1, h2, label, li {
	font-family: 'Calibri', serif;
}

h1, h2, h3 {
	color:#3cc3ff;
}

h1 {
	font-size:170%;
}

a {
	text-decoration:none;
}

div#container .mod_article .quote p span,
div#container .mod_article .quote p {
	
}

div#container .mod_article .quote {
	padding-left:50px;
}

div#container #main {
	border: 1px solid #8d1880;
	min-height: 150px;
	width: 810px;
	margin: 1px 5px 0px 5px;
	background-color: white;
	-webkit-box-shadow: 0px 5px 7px #ddd;
	-moz-box-shadow: 0px 5px 7px #ddd;
	box-shadow: 0px 5px 7px #555;
	margin-bottom: 30px;
}



div#container #main p,
#kontakt label {
	font-size:16px;
}

div#kontakt-sidebar {
	position:relative;
	float:right;
}

div#container #main div.mod_article {
	margin: 0 40px 30px 40px;
}

body.home div#container #main div.mod_article {
	margin: 30px 40px 0px 40px;
}

div#container #main div.mod_article .ce_text p,
#kontakt label, li {
	color:#222;
}

div#container #main div.mod_article .ce_text h1 {
	margin-left:5px;
	color:#3cc3ff;
	font-weight:100;
}

div#container #main div.mod_breadcrumb {
	margin:33px 0 20px 10px;
}

body.home div#container #main div.mod_breadcrumb {
	display:none;
}

div#container #main div.mod_breadcrumb ul li {
	list-style-type: none;
	float:left;
	margin-top: 14px;
	margin-left: 5px;
}

div#container #main div.mod_breadcrumb ul li span {
	color:#999;
}

div#container #main div.mod_breadcrumb ul li.first {
	margin:0;
}


div#container #main div.mod_breadcrumb ul li.first span {
	color: #999;
	font-size: 200%;
	padding-left: 5px;
}

div#container #main div.mod_breadcrumb ul li.first a {
	color:#8d1880;
	font-size: 170%;
}

div#container #main div.mod_breadcrumb ul li span.only {
	color:#8d1880;
	font-size: 170%;
	padding-left:0;
}

div#container #main div.mod_breadcrumb ul li.first a:hover {
	color:#3cc3ff;
}

/*
 * ##########################################################################################
 *  SLIDER
 * ------------------------------------------------------------------------------------------
 */

header#header div.mod_article {
	padding: 5px 0 0 5px;
	border: 1px solid #8d1880;
	height: 305px;
	width: 815px;
	background-color:white;
	-webkit-box-shadow: 0px 10px 7px #ddd;
	-moz-box-shadow: 0px 10px 7px #ddd;
	box-shadow: 0px 10px 7px #555;
	position:relative;
	top:-210px;
}

header#header div.mod_article section.ce_noobSlide figure.image_container {
	margin:0;
}

header#header div.mod_article section.ce_noobSlide .noobSlide_controls {
	width:810px;
	/*top:95px;*/
	top:130px;
	position:relative;
	height:40px;
}

header#header div.mod_article section.ce_noobSlide .noobSlide_controls div.ce_noobSlide_button {
	padding:0;
}

header#header .noobSlide_controls div.ce_noobSlide_previous {
	float:left;
}

header#header .noobSlide_controls div.ce_noobSlide_next {
	float:right;
}



/*
 * ##########################################################################################
 *  HEADER
 * ------------------------------------------------------------------------------------------
 */

body div#page {	
	position:relative;
	top:-140px;
	left:-400px;
}

header#header #menu-lang {
	float:right;
	background-image:url(http://www.laino.de//assets/images/lang-bg.png);
	background-repeat:no-repeat;
	background-position: 0 11px;
	padding: 0 20px;
}

header#header #menu-lang ul {
	margin:0;
	padding:0;
}

header#header #menu-lang ul li {
	list-style-type:none;
	float:left;
	margin: 2px 5px 0 5px;
}

header#header #menu-lang ul li a {
	
}

header#header div#logo {
	height: 140px;
	position:relative;
	left:-75px;
	top:15px;
	z-index:100;
}

body header div#logo {
	background-repeat:no-repeat;
	background-position: 140px 30px;
}

body.de header div#logo {
	background-image:url(http://www.laino.de//assets/images/logo-start.png);
}

body.en header div#logo {
	background-image:url(http://www.laino.de//assets/images/logo-start_EN.png);
}

body.pt header div#logo {
	background-image:url(http://www.laino.de//assets/images/logo-start_PT.png);
}

body.es header div#logo {
	background-image:url(http://www.laino.de//assets/images/logo-start_ES.png);
}

header#header div#banner {
	position:relative;
}


header#header #menu {
	z-index:100;
	position:relative;
	top:-232px;
	
}

body.de header#header #menu {	
	width:723px;
	margin: 0 auto;
}

body.en header#header #menu {	
	width:703px;
	margin: 0 auto;
}

body.pt header#header #menu {
	width: 770px;
	margin: 0 auto;
}

body.es header#header #menu {
	width: 813px;
	margin: 0 auto;
}

header#header nav.mod_navigation {
	
}

header#header nav.mod_navigation ul.level_1 {
	
}

header#header nav.mod_navigation ul.level_1 li {
	border-top: 1px solid #8d1880;
	border-bottom: 1px solid #8d1880;
	background-color: white;
	float:left;
}

header#header nav.mod_navigation ul.level_1 li.first {
	border-left: 1px solid #8d1880;
}

header#header nav.mod_navigation ul.level_1 li.last {
	border-right: 1px solid #8d1880;
}

header#header nav.mod_navigation ul.level_1 a,
header#header nav.mod_navigation ul.level_1	span {
	color:#8d1880;
	text-decoration:none;
	line-height: 40px;
	padding: 9px 10px 0px 9px;
	font-size:17px;
}

body.es header#header nav.mod_navigation ul.level_1 a,
body.es header#header nav.mod_navigation ul.level_1	span {
	color:#8d1880;
	text-decoration:none;
	line-height: 40px;
	padding: 9px 8px 0px 7px;
	font-size:17px;
}

header#header nav.mod_navigation ul.level_2 a,
header#header nav.mod_navigation ul.level_2	span {
	line-height: 30px;
	padding: 0 15px 0 15px;	
}

header#header nav.mod_navigation ul.level_1 li.active span {
	color:#00b1ff;
}

header#header nav.mod_navigation ul {
	padding:0;
	margin:0;
}

header#header nav.mod_navigation ul.level_2 {
	display:none;
	border: 1px solid #3cc3ff;
	width:auto;
}

header#header nav.mod_navigation ul li {
	list-style-type: none;
	float: left;
}

header#header nav.mod_navigation ul.level_1 li:hover,
header#header nav.mod_navigation ul.level_1 li:hover span {
	color:#8d1880;
	background-color:#3cc3ff;
}

header#header nav.mod_navigation ul.level_1 li ul.level_2 li {
	float:none;
	background-color:white;
	border:none;
}

header#header nav.mod_navigation ul.level_1 li ul.level_2 li a,
header#header nav.mod_navigation ul.level_1 li ul.level_2 li span {
	font-size: 14px;
	color:#3cc3ff;
	
}

header#header nav.mod_navigation ul.level_1 li ul.level_2 li:hover,
header#header nav.mod_navigation ul.level_1 li ul.level_2 li:hover a {
	
	color:#8d1880;
}

header#header nav.mod_navigation ul li ul.level_2 li span.active {
	color:#8d1880;	
	background-color:white;
}

header#header nav.mod_navigation ul li:hover > ul.level_2 {
	display: block;
	position:absolute;
	margin:0;
	padding:0;
	z-index:200;
}

/*
 * Kontktformular
 */

div#kontakt input, 
div#kontakt textarea {
	border: 1px solid #00b1ff;
}

div#kontakt input.submit {
	background-color: #9ee0ff;
	color: #222;
}

div#kontakt span.mandatory {
	color:#8d1880;
}

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Calibri';
font-style: normal;
font-weight: normal;
src: local('Calibri'), url("../../files/Layout/css/CALIBRI.woff") format('woff');
}


@font-face {
font-family: 'Calibri Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Calibri Bold Italic'), url("../../files/Layout/css/CALIBRIZ.woff") format('woff');
}


@font-face {
font-family: 'Calibri Italic';
font-style: normal;
font-weight: normal;
src: local('Calibri Italic'), url("../../files/Layout/css/CALIBRII.woff") format('woff');
}


@font-face {
font-family: 'Calibri Bold';
font-style: normal;
font-weight: normal;
src: local('Calibri Bold'), url("../../files/Layout/css/CALIBRIB.woff") format('woff');
}

div#container #main #menu-lang {
	padding-top: 25px;
}

div#container #main #menu-lang ul {
	margin-left:150px;
}

div#container #main #menu-lang ul li {
	list-style-type:none;
	float:left;
	margin-left:30px;
}