@import url("Css/dnnreset.css");
@import url("vendors/bootstrap/css/bootstrap.min.css");
@import url("Css/bootstrap.custom.css");

input, textarea{color:#000;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
  border-left:solid 15px transparent;
  border-right:solid 15px transparent;
}

/* Panes */
.CP-Edit .Pane, .CP-Layout .Pane{background:rgba(255,255,225,0.2);}

/* Bootstrap & Pane borders */
.container-fluid{max-width:1170px;}

.dnnEditState .DnnModule {opacity: 1.0;} 
.dnnEditState  .cContainer, .CP-Layout .cContainer{background:#222;}

.CP-Edit .Panes > .row, .CP-Layout .Panes > .row{margin-bottom:20px; background:#444; padding-bottom:20px;}
.CP-Edit .Panes *[class^="col-"], .CP-Layout  .Panes *[class^="col-"]{border-color:#444; margin-top:20px;}

.dnnDropEmptyPanes {min-width: inherit !important; outline: none !important;}





@media screen and (min-width: 767px) {
	.Expands{position:relative;}
	.CP-Edit  .Expands, .CP-Layout .Expands{ min-height:200px;}
	.CP-Edit .Expands:after, .CP-Layout .Expands:after{content:"#"; position:absolute; bottom:-20px; left:50%;	margin-left:-10px; width:0; height:0; 
	border-left: 15px solid transparent; border-right: 15px solid transparent;	border-top: 15px solid #fff; overflow:hidden;}
}


/* Remove height for panes without any content */
.CP-View .row.Empty{background-color:#f00; display:none;}



/* overrrule behaviour */
.NoMargin {margin-left:0; margin-right:0;}


/*		DEFAULT STYLE		*/
@font-face {
	font-family: 'FontRegular';
	src: url('fonts/muli-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FontRegular';
	src: url('fonts/muli-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}


/* Text */
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, .CommandButton{color:#fff; font-family:FontRegular, Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal, .NormalBold, .NormalRed, .NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:13px;}
h1, h2, h3, h4, h5, h6{margin:1.5em 0 0.5em; font-weight:normal;}
h1, h1 a:link, h1 a:visited{font-size:24px;}
h2, h2 a:link, h2 a:visited{font-size:16px;}
h3, h3 a:link, h3 a:visited{font-size:16px;}
h4, h4 a:link, h4 a:visited{font-size:14px;}
h5, h5 a:link, h5 a:visited{font-size:12px;}
h6, h6 a:link, h6 a:visited{font-size:12px;}

.Normal h1:first-child, .Normal h2:first-child, .Normal h3:first-child, .Normal h4:first-child, .Normal h5:first-child{margin-top:0;}

/* Links */
a,a:link,a:visited,a:active, a.CommandButton:link, a.CommandButton:visited{color:#fff; text-decoration:underline; text-decoration-style:dotted; font-weight:normal; }
a:hover{color:#bbb}

a.Login{color:#000;}


/* Skin */
html, #Body, form{}
#Body{background:#000;}


#Skin{background:#000; box-sizing:content-box;}


/* DNN Heading */
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:FontRegular, Arial, Helvetica, sans-serif;}
.Head{color:#fff;font-weight:bold;font-size:17px;}
.SubHead {color:fff;font-size:15px;}
.SubSubHead{color:#888; font-size:13px;}
.NormalRed {color:#F00; }

.NormalTextBox{color:#000;}

/* Tables */
tfoot, thead, th{font-size:12px;}


/*		CLEAR & FLOAT		*/
.ClearBoth{clear:both;}
.FloatLeft{float:left;}
.FloatRight{float:right;}

.ClearAfter:before,.ClearAfter:after {content: ""; display: table;} 
.ClearAfter:after {clear: both;}
.ClearAfter {zoom: 1;} /* For IE 6/7 (trigger hasLayout) */


/* Normal */
.Normal p{margin-top:0px;}
.Normal img[align='left']{margin: 1em 1em .5em 0;}
.Normal img[align='right']{margin: 1em 0 .5em 1em;}


/* Lists */
ul li{list-style-type:disc;}
ul ul li{list-style-type:circle;}
ul ul ul li{list-style-type:disc;}


/*		SKIN		*/

header.Skin {padding-top:10px; padding-bottom:10px;}

.WrapTop{border-bottom:solid 3px #fff; padding-bottom:15px;}

.Logo{float:right;}
.Logo img{padding:10px 0 0; max-width:120px;}


@media screen and (max-width: 767px) {
	.WrapTop{padding-bottom:0;}
	.Logo img{width:100px;}
}


.Date{color:#888;padding-top:3px;}

/* Skin */
.LangWrap{float:right; padding-right:8px;}
.LangWrap .Language{margin:0;}
.LangWrap span{padding-left:5px;}
.LangWrap img{border:none !important;opacity:0.3;}
.LangWrap .selected img, .LangWrap img:hover{opacity:1;}

.FloatRight{float:right;}
.ClearFloat{clear:both;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.Rounded{border-radius:6px 6px 6px 6px;}
	@media screen and (max-width: 767px) {
		.Rounded{border-radius:0;}
	}
	
.Gradient{background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */}


.Breadcrumbs{padding:0 10px;border-bottom:dotted 1px #ccc;}
.Breadcrumbs > span{line-height:30px;}
.Breadcrumbs a:link, #Breadcrumbs a:visited{color:#444;}
.Breadcrumbs a:hover{color:#f00;}
.Search{float:right;padding-top:3px;}
a.Search{display:inline-block;}
.Search input{border:solid 1px #ddd;}
#Skin .searchInputContainer {margin:0 3px 0 0 !important;}

/* MENU -------------------- */

/* MENU > General */
.MainMenu{}
	.FFUlMenu{position:relative;}
	.FFUlMenu, .FFUlMenu ul, .FFUlMenu li{padding: 0; margin: 0; list-style: none; line-height: 1;}
	.MainMenu > ul{padding:0 15px;}
	.MenuToggle{padding:0 15px; color:#000; line-height:46px; background:url(Img/MenuToggle.png) no-repeat right center; margin-right:15px;}

/* MENU > Mobile */
@media screen and (max-width: 767px) {

	/* Show & Hide */
	.Logo img{padding:15px 0;}
	
	a.MenuToggle{display:block;}
	
	.MainMenu{background:#fff; margin:0 -30px;}
	
	/* Styling */
	.MainMenu > ul{display:none; background:#fff;}
	.MainMenu li > a, .MainMenu li > span{display:block; line-height:36px; border-bottom:solid 1px #aaa; color:#444;}
	.MainMenu li.Level0:last-child > a, .MainMenu li.Level0:last-child > span{border:none;}
	.MainMenu a {font-size:16px; font-weight:bold; text-transform:uppercase; cursor:pointer; text-decoration:none;}
	.MainMenu a.Active{text-decoration:underline;}
	
	.MainMenu li.Level0 > a , .MainMenu li.Level0 > span{font-weight:bold;}
	.MainMenu li.Level1 > a , .MainMenu li.Level1 > span{padding-left:15px;}
	.MainMenu li.Level2 > a , .MainMenu li.Level2 > span{padding-left:30px;}
	.MainMenu li.Level3 > a , .MainMenu li.Level3 > span{padding-left:45px;}
	.MainMenu li.Level4 > a , .MainMenu li.Level4 > span{padding-left:60px;}
	.MainMenu li.Level5> a , .MainMenu li.Level5 > span{padding-left:75px;}
	.MainMenu li.Level6 > a , .MainMenu li.Level6 > span{padding-left:90px;}
	.MainMenu li.Level7 > a , .MainMenu li.Level7 > span{padding-left:105px;}
	.MainMenu li.Level8 > a , .MainMenu li.Level8 > span{padding-left:120px;}
}

@media screen and (min-width: 768px) {

	.Logo img{position:absolute; right:-15px; top:25px; background:#000; padding-left:5px;}
	
	.WrapTop{margin-bottom:90px;}
	/* Show & Hide */
	.MenuToggle{display:none;}

	.MainMenu{margin-bottom:-40px;}
	/*HorMenu */
	.MainMenu > ul{display:block !important;}

	/*HorMenu */
	.MainMenu{position:relative; padding-top:20px; padding-bottom:50px;}

	.MainMenu ul, .MainMenu li{padding:0; margin:0; list-style-type:none;}
	.MainMenu li{list-style-type:none; float:left;}

	.MainMenu li > a{display:block;}

	.MainMenu{padding-top:50px;}
	.MainMenu .RootElement {margin-bottom:-5px; margin-left:-15px;}
	
	.MainMenu ul{height:20px;float:left;}
	.MainMenu ul a {font-size:20px; text-transform:uppercase; cursor:pointer;}
	.MainMenu ul a span{display:block;}
	.MainMenu li{float:left; padding:0 20px 0 0;}

	.MainMenu a:link, .MainMenu a:visited{color:#fff; text-decoration:none; padding:2px 5px; border:solid 2px #000;}
	.MainMenu a.Active, .MainMenu a.ActiveParent{border-color: #fff;}


	/* Sub menu */
	.MainMenu li ul{display:none;}
	.MainMenu li.Active > ul, .MainMenu li.ActiveParent > ul{display:block;}

	.MainMenu li ul{position:absolute; top:50px; left:0;}
	.MainMenu ul ul a{text-transform:uppercase;}
	

}

.MainMenu ul.Level2{display:none !important;}

/* Image Menu */
.ImgMenu img{width:100%; height:auto; border:solid 3px #fff;}
.ImgMenu  a:link, .ImgMenu  a:visited{color:#fff;}
.ImgMenu .Item{padding-bottom:40px}
.ImgMenu .Item  div{padding:10px 5px;}


/* Number Menu
.NumberMenu{margin-top:30px;}
.NumberMenu a:link, .NumberMenu a:visited{text-decoration:none;}

.NumberMenu {padding-top:0;}
.NumberMenu ul, .NumberMenu li{padding:0;margin:0;list-style-type:none;}
.NumberMenu li{float:left;height:22px;width:22px; margin-right:5px; margin-top:5px; text-align:center;}
.NumberMenu a:link, .NumberMenu a:visited {text-indent:-99999em;}
.NumberMenu a.Active, .NumberMenu li:hover a:link, .NumberMenu a.Active, .NumberMenu li:hover a:visited {color:#fff;background:#000;}
.NumberMenu li.Active, .NumberMenu li:hover{background:#000;}

.NumberMenu li.Hide{display:none;}
.NumberMenu li.Next {float:right;}
.NumberMenu li.Next a:link, .NumberMenu li.Next  a:visited{box-sizing: border-box; display:block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent;	border-left: 15px solid #fff;}
.NumberMenu li.Prev a:link, .NumberMenu li.Prev  a:visited{box-sizing: border-box; display:block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent;	border-right: 15px solid #fff;}


.NumberMenu li.Next a:hover, .NumberMenu li.Prev a:hover{opacity:0.6;}
 */
 
 
/* Panes */
.Panes{margin-top:30px; margin-bottom:30px;}


/* FOOTER */
footer{border-top:solid 1px #222;  }
footer a:link, footer a:visited{display:inline-block;}
footer a:hover{color:#666;}
footer, footer a{line-height:36px;}

@media screen and (max-width: 767px) {
	footer {margin-bottom:0; padding:0 15px;}
	footer .text-right{text-align:center;}
	footer div{text-align:center;}
	footer .Login{display:none;}
}

ul.ModuleOptionsMenu li.sfhover a { color: #444;text-decoration:none;}

/* CONTAINERS */
.cContainer{margin-bottom:20px;}
.cIcon, .cTitle{float:left; text-transform:uppercase; font-size:20px; margin:0 0 1.5em;}
.cIcon img {float:left; padding-right:4px;}


/* Modules */
.NewsItem{padding:3em 0 3em; border-bottom:solid 1px #fff;}
.NewsItem h2 a{text-decoration:none;}

.NewsArticle h1:first-child{margin:1.5em 0 1em;}
.NewsArticle .Image{padding-bottom:1em; font-size:85%;}

/* latest */
.NewsLatest{box-sizing:content-box;}
.NewsLatest .Item {padding-top:1em; padding-bottom:1em; border-bottom:solid 1px rgba(255,255,255,0.3);}
.NewsLatest .Item:first-child{padding-top:0;}
.NewsLatest .Icon img{width:100%;}
.NewsLatest .Date{padding:0;}

/* Helferlein */
.HelferleinForm input, .HelferleinForm textarea{max-width:100% !important; width:100%; width: calc(100% - 20px) !important; box-sizing:border-box;}

/* RESPONSIVE */
img{max-width:100%; height:auto !important;}
img{-ms-interpolation-mode: bicubic; }
iframe{max-width:100%;}

/* Dark Skin */
.urlControl, .dnnFileUploadScope{background:rgba(128,128,128,0.2);}
.dnnSecondaryAction, a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited{color:#444;}
.dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th, .dnnGridAltItem{background:rgba(128,128,128,0.2);}
.dnnGridItem:hover, .dnnGridAltItem:hover {background-color:rgba(128,128,128,0.4);}



/* Pages */
h1.HoverImage{margin-bottom:2em; position:relative; overflow:hidden; background:url("img/Maquettez-background.jpg"); background-size:cover;}
h1.HoverImage:hover{background:#fff;}

/* Open Form */
.OpenForm input[type=file]{
	
	color: #fff;
}