/* CSS Document */
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,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 { margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline;background:transparent; }
ol,ul { list-style:none; }
li {margin:0px 0px 0px 40px; 
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
ul {margin:0px 0px 8px 0px; 
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }


html{height:auto; background:url(images/bg.jpg);}
body{
	height:auto;
	color: #484848;
	font: normal 100%/1.8 Tahoma,helvetica,arial,sans-serif;	
	-webkit-text-size-adjust: none;
	background:url(images/bigbg.jpg) bottom no-repeat;
	padding-bottom:0px;
}
form#Form{ height:100%; }
p{-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}

hr { border: 0;
	 background-color:#7dd6f1;
	 height:1px;
	}

#dnnMenu{margin:0; padding:0;}
#dnnMenu ul{margin:0; padding:0;}
.ModuleTitle_SubMenu{ z-index:9999!important; }	

A:link { color :#0094c2; text-decoration : none; }
A:active { color :#0094c2; text-decoration : underline; }
A:hover { color :#484848; text-decoration : underline; }
A:visited { color :#0094c2; text-decoration : none;}

h1{ font:bold 18px/24px; color:#333; }
h2{ font:bold 14px/16px; color:#333; }
h3{ font:bold 12px/16px; color:#333; }
h4{ font:bold 12px/16px; color:#333; }
h5{ font:bold 20px Tahoma,helvetica,arial,sans-serif; color:#0094c2; text-align:right;}

.offerHead{font-family:Tahoma,helvetica,arial,sans-serif; font-weight:bold; height:auto; width:auto; font-size:16px; color:#0094c2; line-height:1.2;} 
.offer{font-family:Tahoma,helvetica,arial,sans-serif; height:auto; width:auto; font-size:16px;} 
.offerCon{background:url('/Portals/18/Boya_Images/Angebote_back.gif')no-repeat top right; height:8px;}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox {font-family: Tahoma,helvetica,arial,sans-serif; }
.Head{color:#333;font-weight:bold; font-size:13px; }
.SubHead {color:#333; font-weight:bold;  font-size:13px; }
.SubSubHead{color:#333; font-size:13px; }
.Normal {color:#484848; font-size:12px; line-height:1.5; }

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; }
.clearafter{ display:inline-block; }
.clearafter{ display:block; }
.clear{ clear:both; }

/* ControlPanel style */
.controlpanel_bg { width: 100%; background:#FFFFFF; }
.controlpanel_style {width:93.75%; max-width:960px; margin:0 auto;} @media (max-width:700px){.controlpanel_style{width:100%;}}
.controlpanel_style table {width:100%;}

.CommandButton { font-size: 11px; font-weight : normal; color: #0033CC; text-decoration: none; }
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size : 11px; font-weight : normal; color : #0033CC; text-decoration : underline; }
A.CommandButton:hover { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : none; }

.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000; text-decoration: underline; }
.FileManager A:hover{ color:#000; text-decoration:none; }

div.language-object span.Language img {width: 24px; }
.DNNEmptyPane{display:none;}

/*--------- Search style ----------*/
#sssearch input {border-style:solid; border-width:0px; border-color:#999999; text-align:left; font:Tahoma,helvetica,arial,sans-serif; font-size:13px; width:172px; height:21px; background-color:transparent; }

#sssearch{ padding-left:1px; padding-top:0px; margin:1px; width:207px; height:25px; background:url(images/searchbg.png) no-repeat;}

.dnnadminmega .megaborder{z-index:600;}

/*--------- With Social Link Login----------------*/
	/* Login & Social */
		#Login{
			margin-top:25px;
			float:right;
			padding-right:0;
			height:34px;
		}
		
		#Login .registerGroup, 
		#Login .registerGroup *, 
		#Login .loginGroup, 
		#Login .loginGroup *{
			display:block;
		} 
	
	
		#Login .registerGroup,
		#Login .loginGroup{float:left;padding:0;margin:0;} 
		
		#Login .registerGroup li:first-child:hover{border-left:1px solid #c7c7c7;}
		/* Register Group Styles */
		#Login .registerGroup li{ 
			float:left;
			height:34px;
			/*border-left:1px solid #f1f1f1; light*/
			border:1px solid #c7c7c7; /*dark*/
			border-radius:2px 0 0 2px;
			-webkit-border-radius:2px 0 0 2px;
			-moz-border-radius:2px 0 0 2px;
			background:#999999 url(images/loginbg.png) repeat-x 0 0;
		}
		#Login .registerGroup .buttonGroup{margin-right:0; margin-top:0;}
		
		#Login .registerGroup a,
		#Login .loginGroup a{
			position:relative;
			display:block;
			padding:11px 15px;
			min-width:15px; min-height:12px;
			font-weight:bold;
			font-size:12px;
			vertical-align:middle;
			line-height:1em;
			color:#fe911d;
		}
		
		#Login .registerGroup a:hover,
		#Login .loginGroup a:hover{
			background:#aaaaaa;
			color:#fafafa;			
		}
		#Login .registerGroup a:active,
		#Login .loginGroup a:active{
			color:#fe911d;
		}
		
		#Login .registerGroup a:hover,
		#Login .loginGroup a:hover{text-decoration:none;}
		
		#Login .registerGroup a strong,
		#Login .loginGroup a strong{
			position:absolute;
			left:0; top:0;
			width:100%; height:100%;
			display:block;
			font-size:0px;
			font-weight:bold;
			vertical-align:baseline;
			overflow:hidden;
			text-indent:-99999;
		}
		
		.registerGroup .userMessages strong,
		.registerGroup .userNotifications strong{
			background:url(Images/userLoginSprite.png) no-repeat 15px 12px;
		}
		.registerGroup .userNotifications strong{ background-position:-85px 10px; }
		.registerGroup .userMessages strong:hover{background-position:15px -40px; }
		.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
		.registerGroup .userMessages strong:active{background-position:15px -91px; }
		.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
		
		#Login .registerGroup a span{
			position:absolute;
			right:5px; top:-7px;
			display:inline-block;
			padding:2px 4px;
			min-width:7px;
			text-align:center;
			margin-right:3px;
			background: rgb(31,152,241); /* Old browsers */
			font-size:12px;
			color:#fe911d;
			text-shadow: 0px 1px 0px #333333;			 		
		}
		
		
		#Login .registerGroup .userProfileImg a{
			padding:0;background:none;
			min-width:25px;
		}
		#Login .registerGroup a img{
			border:1px solid #c7c7c7;
			height:32px; width:32px;
			background:#555;			 
		}
		/* Login Group Styles */
		#Login .loginGroup{
			border:1px solid #c7c7c7; /*light*/	
			border-radius:0 2px 2px 0;
			-webkit-border-radius:0 2px 2px 0;
			-moz-border-radius:0 2px 2px 0;	
			background:#999999 url(images/loginbg.png) repeat-x 0 0;
			height:34px;
		} 
		#Login .loginGroup a{padding:11px 20px; font-weight:bold; color:#484848;}
			
	#fb-root{display:none;}
	.fb-like{float:left;}

/********************************************************/


/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#484848; font-size:12px; text-decoration:none; }
A.Breadcrumb:hover  { color:#484848; font-size:12px; text-decoration:underline; }

/*--------- Breadcrumb_text style ----------*/
.Breadcrumb_text, A.Breadcrumb_text:link, A.Breadcrumb_text:visited, A.Breadcrumb_text:active, A.Breadcrumb_text:hover  { color:#484848; font-size:12px; text-decoration:none; }

/*--------- CurrentDate style ----------*/
.Date, A.Date:link, A.Date:visited, A.Date:active, A.Date:hover  { color:#333333; font-weight: normal; font-size:12px; text-decoration:none; }

/*--------- Footer style ----------*/
.Footer {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
A.Footer:link, A.Footer:visited, A.Footer:active { font-size:12px; font-weight:normal; color:#fe911d; text-decoration:none; }
A.Footer:hover { font-size:12px; font-weight:normal; color :#fafafa; text-decoration : underline;}

/*--------- Links style ----------*/
.Links, A.Links:link, A.Links:visited, A.Links:active { font-size:12px; font-weight:normal; color:#c0421a; text-decoration:none; }
A.Links:hover { font-size:12px; font-weight:normal; color :#fff; text-decoration : none;}

/*--------- Module Action Menus ----------*/
.ModuleTitle_SubMenu { border:1px solid #5c1012; }
.ModuleTitle_SubMenu td{ background-color:#F8FAFF; white-space: nowrap; padding: 2px; } 
.ModuleTitle_MenuIcon { background-color:#F8FAFF; border:none; padding: 2px; }
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{ background: #3D93BC; color: #fff; }
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon { height: 2px; background-color: #D5E0FF; }

/*---------- Module Styles -------------*/
.DnnModule{position:relative; z-index:200;}

/*--------------------------------------------------------- design style ------------------------------------------------------------*/
/* boxes */
.jmainwidth{width:93.75%; max-width:960px; margin:0 auto;}

#jtop{margin:8px 0;}
#jmenu{background:#353036;}
#jmainbox{width:100%; margin:1px 0; padding:0;}
#footerrow{width:100%; margin:0; padding:13px 0; background:url(images/footerbg.png);}

.fleft{float:left;}
.fright{float:right;}
.jpaddingb{padding-bottom:0px;}

.headerpane{margin:0 15px 0 15px;}
.singlepane{width:100%;}

.topleftpane{width:49.45%;}
.toprightpane{width:49.45%;}

.toppanea{width:24%;}
.toppaneb{width:49.8%; margin-left:1.1%; margin-right:1.1%;}
.toppanec{width:24%;}
.toppaned{width:32.6%;}

.tcleftpane{width:24.175%;}
.tcrightpane{width:74.725%;}

.bcleftpane{width:74.725%;}
.bcrightpane{width:24.175%;}

.bottompanea{width:24.175%; margin-right:1.1%;}
.bottompaneb{width:24.175%; margin-right:1.1%;}
.bottompanec{width:24.175%; margin-right:1.1%;}
.bottompaned{width:24.175%;}
.bottompanee{width:49.45%; margin-right:1.1%;}

.jcopyright{margin:8px 0; text-align:center;}
.footerpane{margin:13px 0;}

#dnn_FooterPane TD,#dnn_FooterPane P,#dnn_FooterPane DIV,#dnn_FooterPane DH,#dnn_FooterPane .SubHead{color:#fafafa;}

/*----------silder-------------*/
.slider-wrapper { 
	width: 100%;
	margin: 0 auto; 
}

#slider {
    margin:0 auto 0 auto;
}

@media (max-width:800px){
body {-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}

.jmainwidth{width:96%; margin:0 auto;}

.fright{float:left;}

.jcopyright{width:98%; text-align:center; margin:15px auto;}

img{max-width:100%;}
}

@media (max-width:500px){
body {-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}	
	
.jmainwidth{width:98%; margin:0 auto;}
#jmenu{background:transparent;}
#jlogo{width:98%; margin:0 auto; text-align:center;}
.jcopyright{width:98%; text-align:center; margin:15px auto;}

.fleft{float:none;}
.fright{float:none;}
#Login{margin-top:5px; height:auto;}
#dnnMenu{width:98%; margin:0 auto;}
#sssearch{margin:0 auto;}

.topleftpane{width:98%;}
.toprightpane{width:98%;}

.toppanea{width:98%; margin-right:0;}
.toppaneb{width:98%; margin-right:0;}
.toppanec{width:98%;}

.tcleftpane{width:98%;}
.tcrightpane{width:98%;}

.bcleftpane{width:98%;}
.bcrightpane{width:98%;}

.bottompanea{width:98%; margin-right:0;}
.bottompaneb{width:98%; margin-right:0;}
.bottompanec{width:98%; margin-right:0;}
.bottompaned{width:98%;}
.bottompanee{width:98%; margin-right:0;}

.jcopyright{width:98%;  margin:18px 0 20px 0.5%; text-align:center; height:55px;}
.footerpane{width:98%; margin:0;}

img{max-width:100%;}
.singleimg{width:98%; margin:0 auto;}
	
}

@media (max-width:380px){#dnn_dnnLOGO_imgLogo{display:block; max-width:95%; margin:0; }
body {-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
}

/***************************************************/
.jservice{ list-style:none; background:url(images/libg.gif) left bottom no-repeat; line-height:35px; padding-left:25px;}
.jservice:hover{ list-style:none; background:url(images/libg.gif) left bottom no-repeat; line-height:35px; padding-left:25px; cursor:pointer; color:#05a5f1;}

.jlistc{ cursor:pointer; background-position:left top;}
.jlistc:hover{background-position:right top;}

