@import url("../../sd-glob/css/font-awesome.min.css");
@import url("../../sd-site-achimschulte-de/js/fancybox/fancybox.css");
@import url("../../sd-site-achimschulte-de/js/nivoslider/nivoslider.css");
@import url("../../sd-glob/css/glob.css");

/********************** html, body **********************/
html, body{
	font-style: 			normal;
	font-size: 				18px;
	font-family: 			'Roboto Condensed', 'Helvetica Neue', Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-variant: 			normal;
	font-weight:			300;
    letter-spacing: 0px;
	color: 					#888;
    text-rendering: 		auto;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 	100%;
	-moz-text-size-adjust: 		100%;
	-ms-text-size-adjust: 		100%;
	-webkit-tap-highlight-color: transparent;
}
body{
    width: auto;
    height: auto;
    background:#fff ;
}











.popupboxunderconstruction {
	text-decoration: line-through !important;
	cursor: default !important;
}

/********************************************************/
/*************** page_cookie ****************************/
/********************************************************/
.page_cookie{
    z-index: 999;
    display: none;
	position: relative; top: 0; left: 0;
    width: 100%;
	margin: 0 auto;
}
.page_cookie * {
	font-size: 13px;
}
.page_cookie_container {
	margin: 0 auto;
}
.page_cookie_content {
    position: relative;
    margin: 0 auto; padding: 0;
}
.page_cookie_content p{
	line-height: 16px;
	margin: 0  auto;
	padding: 8px 2.13% 8px 2.13%;
	background: #fff;
	border: 1px solid #aaa;
	border-bottom: 0;

	text-align: center;

    -webkit-box-shadow:		0px 0px 8px 0px #555;
    -moz-box-shadow:		0px 0px 8px 0px #555;
    -ms-box-shadow:			0px 0px 8px 0px #555;
    -o-box-shadow:			0px 0px 8px 0px #555;
    box-shadow:				0px 0px 8px 0px #555;
}
.page_cookie_content p a{
	white-space: nowrap;
}
.page_cookie_content span.closer{
	display: block;
	float: right;
	padding: 5px 0 8px 13px;
	color: #777;
	font-size: 20px;
	cursor:pointer;
}
.page_cookie_content span.closer:hover{
	color: #ccc;
}




/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

div.dreieck {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #00ff00;
}


/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

.kontaktimg{ margin: 0px 0 60px 0; display: block;}
.bodymode_1 .kontaktimg{ display: none;}

.kontaktimg-m{ margin: 0px 0 60px 0; display: none;}
.bodymode_1 .kontaktimg-m{ display: block;}



.aboutimg-beginn{ margin: 0px 0 60px 0; display: block;}
.bodymode_1 .aboutimg-beginn{ display: none;}
.aboutimg-beginn-m{ margin: 0px 0 60px 0; display: none;}
.bodymode_1 .aboutimg-beginn-m{ display: block;}

.aboutimg-end{ margin: 60px 0 40px 0; display: block;}
.bodymode_1 .aboutimg-end{ display: none;}
.aboutimg-end-m{ margin: 60px 0 40px 0; display: none;}
.bodymode_1 .aboutimg-end-m{ display: block;}






.header_topimage{
	height: 298px;
}







.contactsection{
	font-size: 18px;
	line-height: 23px;
	text-align: center;
}
.contactsection .likelink 		{ font-size: 24px !important; color: #3f3fcc !important; font-weight: 400 !important;     text-decoration:none !important;
}





/********************************************************/
/********************************************************/
/********************************************************/

.btn-presse {
	z-index: 9999;
}
.btn-presse img {
	position: absolute;
	z-index: 9999;
	top:5px; right: 0px;
	width: 90px;
	display: block;
}
.bodymode_m .btn-presse img {
	width: 80px;
	top:10px;
}
.bodymode_1 .btn-presse img {
	top:35px;
	width: 75px;
}






/********************************************************/
#sortinfo { display: none !important; }
.ui-sortable-handle{-ms-touch-action:none;touch-action:none}
.ui-state-highlight { border:5px dashed #999;background:#444;height:287px;margin-bottom:20px;}
#sortable .links{  background: #fbfbfb  url('img/grid3.png') repeat; padding: 5px; text-align:right;}
#sortable .arrowmove{ width: 490px; height: 32px; float: left; margin-left: 5px; background: url('img/arrow-move.png') left center no-repeat;  cursor:move !important;}

/********************************************************/
/********************************************************/
/********************************************************/
/********************** page ****************************/
/********************************************************/
/********************************************************/
/********************************************************/
.page{
    /*display: none;*/
    z-index: 1;
    position: relative;
    min-width: 320px;
    max-width: 1650px;
    margin: 0 auto;
    background:transparent ;
}
.no-js .page{ display: block; }
/********************************************************/
/********************** page_header *********************/
/********************************************************/
.page_header{
    z-index: 10;
    position: relative; top: 0; right: 0; bottom: auto; left: 0;
	margin: 0 auto;

	background-color: #fff;
	
	-webkit-user-select:none;  /* Chrome all / Safari all */
	-moz-user-select: 	none;  /* Firefox all */
	-ms-user-select: 	none;  /* IE 10+ */
	user-select: 		none;


}
.page_header_container {
	margin: 0 auto; padding: 0 7.62%;
}
.bodymode_1 .page_header_container {
	margin: 0 auto; padding: 0 5%;
}
.page_header_content {
    position: relative;
    max-width: 1020px;
    /*height: 390px;  don't delete (#backstage > js) */
    margin: 0 auto; padding: 0;
    border-top: 1px solid #fff;
}
#index_main .page_header_content{
    height: auto;
}

/********************************************************/
/********************** page_main ***********************/
/********************************************************/
.page_main{
	z-index: 13;
	position:relative;
	margin: 0 auto;
    background: transparent ;
}

.page_main_container{
																																					border: 0px solid green;
    margin: 0 auto; padding: 0 7.62%;
}
.floatmain .page_main_container{
    padding: 0 0;
}

.page_main_container.colored{
    background: #fff;
    border-top: 1px solid #e6e6e6;
    border-right: 0px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 0px solid #e6e6e6;
}
.page_main_content{
    position: relative;
    max-width: 1020px;
    /*min-height: 390px;*/
    margin: 0 auto;

}
.shadow{
    -webkit-box-shadow:		0px 0px 12px -4px #000;
	-moz-box-shadow:		0px 0px 12px -4px #000;
	-ms-box-shadow:			0px 0px 12px -4px #000;
	-o-box-shadow:			0px 0px 12px -4px #000;
    box-shadow:				0px 0px 12px -4px #000;
}

.page_main_content.full{ width: auto; }
.page_main_content { zoom:1; }
.page_main_content:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }

/********************************************************/
/********************** alerts **************************/
/********************************************************/
.page_main_alerts{
	position: relative; overflow:hidden;
	margin: 0 7.62%; padding: 0px 20px;
	background:#FFDDAA url('img/bg_transparent_white.png') repeat;
	border: 1px solid #f1cb8c;
}
.alerts_close{
    display: block; overflow:hidden;
    position:absolute; top: 13px; right: 0;
    width: 35px; height: 35px;
    background-position: right center !important;
    cursor:pointer;
}
.fontface.generatedcontent .alerts_close{
	background: none;
}
.alerts_close:after{
	display: block;
	position:absolute; top: 0px; right: 0;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 20px;
	text-align: right;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.alerts_close:hover:after{
	color: #fff;
}
.fontface.generatedcontent .alerts_close:after{
	content: "\f00d";
}
.alert_group{
    padding-right: 38px;
}
.alerts{
	position: relative; overflow:hidden;
    width:1020px;
    margin: 0 auto;
}
.alert{
	display:block;
    margin: 0 0 13px 0;
    padding-bottom: 0;
	font-size: 12px;

    color: #6a6a6a;
    background-position: left 2px !important;
}
.alert:first-child{
    margin-top: 13px;
}

/********************************************************/
/********************** page_footer *********************/
/********************************************************/
.page_footer{
    z-index: 10;
    position: relative; top: auto; right: 0; bottom: 0; left: 0;
    background: #fff ;
}
.page_footer_container {
    margin:0 auto; padding: 0 7.62% 0 7.62%;
}
.page_footer_content{
    position: relative;
    max-width: 1020px;
    min-height: 100px;
    margin: 90px auto 0 auto;
    padding-bottom: 20px;
}

/********************************************************/
/********************** page_intro **********************/
/********************************************************/
.page_intro{
	display: none;
	position:fixed; top:0px; right: 0; bottom: 0; left:0px;  z-index:10001;
	width:100%; height:100%;
	background: #fff;
    cursor: pointer;
    text-align:center;
}
.js .page_intro{
	display: block;
}
.page_intro_content{
    position: relative; top: 0px;
    max-width: 1020px;
    margin: 0 auto;
    /*background: #fff url('img/introbg.jpg') no-repeat center center;*/
}
.page_intro_content img{
	width: 100%;
}
.intro_r,
.intro_l{
	position: absolute; bottom: 0;
	width: 50%;
	height: 50%;
}
.intro_r{
	right: 0; left: auto;
}
.intro_l{
	left: 0; right: auto;
}

/********************************************************/
/********************************************************/
/********************************************************/
/*
.page {
	border:0px solid blue;
}
.page_header, .page_main, .page_footer, .page_sidebar {
	border:1px solid yellow;
}
.page_header_container, .page_main_container, .page_footer_container, .page_sidebar_container {
	border:1px solid orange;
}
.page_header_content, .page_main_content, .page_footer_content, .page_sidebar_content {
	border:1px solid red;
}

.page {
	border: 10px dashed black;
}
.page_header_content, .page_main_content, .page_footer_content, .page_sidebar_content {
	border:2px dashed red;
}

*/
/********************************************************/
/********************************************************/
/********************************************************/





/********************** box *****************************/
.box{
	background: transparent ;
	padding: 0; margin: 0;
	border: 0px solid #b9b9b9;
	color: #888;
}
.box1{
	background:#fff ;
	padding: 50px 20px 50px 20px; margin: 0;
	border: 1px solid #e6e6e6;
	color: #888;
}
.box2{
	background:#fbfbfb ;
	padding: 35px 35px; margin: 0;
	border: 1px solid #e4e4e4;
	color: #888;
}
.box3{
	background:#fff ;
	padding: 35px 35px; margin: 0;
	border: 0px solid #e6e6e6;
	color: #888;
}
.box4{
	background:#e6e6e6 ;
	padding: 35px 35px; margin: 0;
	border: 0px solid #dedede;
	color: #888;
}
.boxnormal{
	background:#fff url('img/bg_transparent_white.png') repeat;
	padding: 35px 35px; margin: 0;
	border: 1px solid #e0e0e0;
	color: #6a6a6a;
}
.boxtrue{
	background:#CCF4C4 url('img/bg_transparent_white.png') repeat;
	padding: 35px 35px; margin: 0;
	border: 1px solid #aad8a0;
	color: #6a6a6a;
}
.boxfalse{
	background:#FFCCCC url('img/bg_transparent_white.png') repeat;
	padding: 35px 35px; margin: 0;
	border: 1px solid #e7a9a8;
	color: #6a6a6a;
}
.boxwarn{
	background:#FFDDAA url('img/bg_transparent_white.png') repeat;
	padding: 35px 35px; margin: 0;
	border: 1px solid #f1cb8c;
	color: #6a6a6a;
}
.boxinfo{
	background:#bfd3ed url('img/bg_transparent_white.png') repeat;
	padding: 35px 35px; margin: 0;
	border: 1px solid #97bbe7;
	color: #6a6a6a;
}



/************************ a  (txtlink) ******************/
a {
    color:#3f3fcc;
    font-size:18px;
    text-decoration:underline;
}
a:focus	{ outline:0;  }


a, p, li, dt, dd { line-height: 26px; }
p.notice { font-size: 12px; line-height:18px; }
small{ font-size: 12px; }
small *{ font-size: 12px; }


.box		a		{ color: #3f3fcc;  }
.box1		a		{ color: #4a8fc9;  }
.box2		a		{ color: #4a8fc9;  }
.box3		a		{ color: #4a8fc9;  }
.box4		a		{ color: #4a8fc9;  }
.boxnormal	a		{ color: #555; }
.boxtrue	a		{ color: #555; }
.boxfalse	a		{ color: #555; }
.boxwarn	a		{ color: #555; }
.boxinfo	a		{ color: #555; }

.box		a:hover, .box		 a:active { color: #ccc;  }
.box1		a:hover, .box1		 a:active { color: #ccc;  }
.box2		a:hover, .box2		 a:active { color: #ccc;  }
.box3		a:hover, .box3		 a:active { color: #ccc;  }
.box4		a:hover, .box4		 a:active { color: #ccc;  }
.boxnormal	a:hover, .boxnormal	 a:active { color: #ccc; }
.boxtrue	a:hover, .boxtrue	 a:active { color: #ccc; }
.boxfalse	a:hover, .boxfalse	 a:active { color: #ccc; }
.boxwarn	a:hover, .boxwarn	 a:active { color: #ccc; }
.boxinfo	a:hover, .boxinfo	 a:active { color: #ccc; }



.box a.liketext 		{ color: #888; text-decoration:none; }
.box a.liketext:hover 	{ color: #3f3fcc; }
.box1 a.liketext 		{ color: #888; text-decoration:none; }
.box1 a.liketext:hover { color: #ccc; }
.box2 a.liketext 		{ color: #888; text-decoration:none; }
.box2 a.liketext:hover { color: #ccc; }
.box3 a.liketext 		{ color: #888; text-decoration:none; }
.box3 a.liketext:hover { color: #ccc; }
.box4 a.liketext 		{ color: #888; text-decoration:none; }
.box4 a.liketext:hover { color: #ccc; }

.box a.likelink 		{ color: #888; text-decoration:underline; }
.box a.likelink:hover 	{ color: #3f3fcc; }
.box1 a.likelink 		{ color: #888; text-decoration:underline; }
.box1 a.likelink:hover { color: #ccc; }
.box2 a.likelink 		{ color: #888; text-decoration:underline; }
.box2 a.likelink:hover { color: #ccc; }
.box3 a.likelink 		{ color: #888; text-decoration:underline; }
.box3 a.likelink:hover { color: #ccc; }
.box4 a.likelink 		{ color: #888; text-decoration:underline; }
.box4 a.likelink:hover { color: #ccc; }

.liketext , .liketext *	{  }
.likelink , .liketext *	{  }



cite{
    font-style:normal;
}
figcaption, .figcaption{
    padding-top:10px; padding-bottom:5px; padding-left:5px; font-size:12px;
    background:#FFF;
}

/********************* h1 - h6 (txthead) ****************/
h1, h2, h3,h1 span, h2 span, h3 span{
    text-decoration: none;
    word-spacing: auto;
    color: #707070;
    font-weight: normal;
}
h1, h1 span{ font-size: 26px; line-height: 32px; margin: 0; padding: 0 0 32px 0; text-transform: none; letter-spacing: 0px; }
h2, h2 span{ font-size: 23px; line-height: 30px; margin: 0; padding: 0 0 30px 0; text-transform: none; letter-spacing: 0px; }
h3, h3 span{ font-size: 18px; line-height: 28px; margin: 0; padding: 0 0 28px 0; text-transform: none; letter-spacing: 0px; }


.box		h1	, 		.box		h2	,		.box		h3	,		.box		h4	,		.box		h5	,		.box		h6,
.box		h1	a,		.box		h2	a,		.box		h3	a,		.box		h4	a,		.box		h5	a,		.box		h6	a,
.box		h1	span,	.box		h2	span,	.box		h3	span,	.box		h4	span,	.box		h5	span,	.box		h6	span	{ color: #707070; }
.box1		h1	,		.box1		h2  ,		.box1		h3  ,		.box1		h4	,		.box1		h5	, 		.box1		h6,
.box1		h1	a,		.box1		h2	a,		.box1		h3	a,		.box1		h4	a,		.box1		h5	a,		.box1		h6	a,
.box1		h1	span,	.box1		h2	span,	.box1		h3	span,	.box1		h4	span,	.box1		h5	span,	.box1		h6	span	{ color: #777; }
.box2		h1	,		.box2		h2  ,		.box2		h3  ,		.box2		h4	,		.box2		h5	, 		.box2		h6,
.box2		h1	a,		.box2		h2	a,		.box2		h3	a,		.box2		h4	a,		.box2		h5	a,		.box2		h6	a,
.box2		h1	span,	.box2		h2	span,	.box2		h3	span,	.box2		h4	span,	.box2		h5	span,	.box2		h6	span	{ color: #737373; }
.box3		h1	,		.box3		h2  ,		.box3		h3  ,		.box3		h4	,		.box3		h5	, 		.box3		h6,
.box3		h1	a,		.box3		h2	a,		.box3		h3	a,		.box3		h4	a,		.box3		h5	a,		.box3		h6	a,
.box3		h1	span,	.box3		h2	span,	.box3		h3	span,	.box3		h4	span,	.box3		h5	span,	.box3		h6	span	{ color: #707070; }
.box4		h1	,		.box4		h2  ,		.box4		h3  ,		.box4		h4	,		.box4		h5	, 		.box4		h6,
.box4		h1	a,		.box4		h2	a,		.box4		h3	a,		.box4		h4	a,		.box4		h5	a,		.box4		h6	a,
.box4		h1	span,	.box4		h2	span,	.box4		h3	span,	.box4		h4	span,	.box4		h5	span,	.box4		h6	span	{ color: #696969; }
.boxnormal	h1	,		.boxnormal	h2  ,		.boxnormal	h3  ,		.boxnormal	h4	,		.boxnormal	h5	, 		.boxnormal	h6	,
.boxnormal	h1	a,		.boxnormal	h2	a,		.boxnormal	h3	a,		.boxnormal	h4	a,		.boxnormal	h5	a,		.boxnormal	h6	a,
.boxnormal	h1	span,	.boxnormal	h2	span,	.boxnormal	h3	span,	.boxnormal	h4	span,	.boxnormal	h5	span,	.boxnormal	h6	span	{ color: #777; }
.boxtrue	h1	,		.boxtrue	h2	,		.boxtrue	h3  ,		.boxtrue	h4	,		.boxtrue	h5	, 		.boxtrue	h6,
.boxtrue	h1	a,		.boxtrue	h2	a,		.boxtrue	h3	a,		.boxtrue	h4	a,		.boxtrue	h5	a,		.boxtrue	h6	a,
.boxtrue	h1	span,	.boxtrue	h2	span,	.boxtrue	h3	span,	.boxtrue	h4	span,	.boxtrue	h5	span,	.boxtrue	h6	span	{ color: #777; }
.boxfalse	h1	,		.boxfalse	h2	,		.boxfalse	h3  ,		.boxfalse	h4	,		.boxfalse	h5	, 		.boxfalse	h6,
.boxfalse	h1	a,		.boxfalse	h2	a,		.boxfalse	h3	a,		.boxfalse	h4	a,		.boxfalse	h5	a,		.boxfalse	h6	a,
.boxfalse	h1	span,	.boxfalse	h2	span,	.boxfalse	h3	span,	.boxfalse	h4	span,	.boxfalse	h5	span,	.boxfalse	h6	span	{ color: #777; }
.boxwarn	h1	,		.boxwarn	h2	,		.boxwarn	h3  ,		.boxwarn	h4	,		.boxwarn	h5	, 		.boxwarn	h6,
.boxwarn	h1	a,		.boxwarn	h2	a,		.boxwarn	h3	a,		.boxwarn	h4	a,		.boxwarn	h5	a,		.boxwarn	h6	a,
.boxwarn	h1	span,	.boxwarn	h2	span,	.boxwarn	h3	span,	.boxwarn	h4	span,	.boxwarn	h5	span,	.boxwarn	h6	span	{ color: #777; }
.boxinfo	h1	,		.boxinfo	h2	,		.boxinfo	h3  ,		.boxinfo	h4	,		.boxinfo	h5	, 		.boxinfo	h6,
.boxinfo	h1	a,		.boxinfo	h2	a,		.boxinfo	h3	a,		.boxinfo	h4	a,		.boxinfo	h5	a,		.boxinfo	h6	a,
.boxinfo	h1	span,	.boxinfo	h2	span,	.boxinfo	h3	span,	.boxinfo	h4	span,	.boxinfo	h5	span,	.boxinfo	h6	span	{ color: #777; }



/********************************************************/
/********************************************************/



/************************ hr ****************************/
			hr { background:#fff; color:#fff; }
.box		hr { background:#fff; color:#fff; }
.box1 		hr { background:#e6e6e6; color:#e6e6e6; }
.box2 		hr { background:#e4e4e4; color:#e4e4e4; }
.box3 		hr { background:#c8c8c8; color:#c8c8c8; }
.box4 		hr { background:#dedede; color:#dedede; }
.boxnormal	hr { background:#e0e0e0; color:#e0e0e0; }
.boxtrue	hr { background:#aad8a0; color:#aad8a0; }
.boxfalse	hr { background:#e7a9a8; color:#e7a9a8; }
.boxwarn	hr { background:#f1cb8c; color:#f1cb8c; }
.boxinfo	hr { background:#97bbe7; color:#97bbe7; }


.box		.mylist.mylisthr li	{ border-color:#fff; }
.box1		.mylist.mylisthr li	{ border-color:#e6e6e6; }
.box2		.mylist.mylisthr li	{ border-color:#e4e4e4; }
.box3		.mylist.mylisthr li	{ border-color:#c8c8c8; }
.box4		.mylist.mylisthr li	{ border-color:#dedede; }
.boxnormal	.mylist.mylisthr li	{ border-color:#e0e0e0; }
.boxtrue	.mylist.mylisthr li	{ border-color:#aad8a0; }
.boxfalse	.mylist.mylisthr li	{ border-color:#e7a9a8; }
.boxwarn	.mylist.mylisthr li	{ border-color:#f1cb8c; }
.boxinfo	.mylist.mylisthr li	{ border-color:#97bbe7; }
/********************** txtlink *************************/
			.txtlink	{ color: #3f3fcc; }
.box		.txtlink	{ color: #3f3fcc; }
.box1		.txtlink	{ color: #4a8fc9; }
.box2		.txtlink	{ color: #4a8fc9; }
.box3		.txtlink	{ color: #4a8fc9; }
.box4		.txtlink	{ color: #4a8fc9; }
.boxnormal	.txtlink	{ color: #555; }
.boxtrue	.txtlink	{ color: #555; }
.boxfalse	.txtlink	{ color: #555; }
.boxwarn	.txtlink	{ color: #555; }
.boxinfo	.txtlink	{ color: #555; }
/********************** txthead *************************/
			.txthead	{ color: #707070; }
.box		.txthead	{ color: #707070; }
.box1		.txthead	{ color: #777; }
.box2		.txthead	{ color: #737373; }
.box3		.txthead	{ color: #707070; }
.box4		.txthead	{ color: #696969; }
.boxnormal	.txthead	{ color: #777; }
.boxtrue	.txthead	{ color: #777; }
.boxfalse	.txthead	{ color: #777; }
.boxwarn	.txthead	{ color: #777; }
.boxinfo	.txthead	{ color: #777; }
/********************** txtcomment **********************/
			.txtcomment, 			 .txtcomment time	{ color: #999; }
.box		.txtcomment, .box		 .txtcomment time	{ color: #999; }
.box1		.txtcomment, .box1		 .txtcomment time	{ color: #aaa; }
.box2		.txtcomment, .box2		 .txtcomment time	{ color: #727272; }
.box3		.txtcomment, .box3		 .txtcomment time	{ color: #727272; }
.box4		.txtcomment, .box4		 .txtcomment time	{ color: #999; }
.boxnormal	.txtcomment, .boxnormal .txtcomment time	{ color: #727272; }
.boxtrue	.txtcomment, .boxtrue	 .txtcomment time	{ color: #727272; }
.boxfalse	.txtcomment, .boxfalse	 .txtcomment time	{ color: #727272; }
.boxwarn	.txtcomment, .boxwarn	 .txtcomment time	{ color: #727272; }
.boxinfo	.txtcomment, .boxinfo	 .txtcomment time	{ color: #727272; }

/********************************/
.boxnav{
    border-bottom:1px dashed #fff;
    margin-top:0px;
    margin-bottom:7px;
    padding-top:0px;
    padding-bottom:2px;
}
.boxfooter{
    border-top:1px dashed #fff;
    margin-top:7px;
    margin-bottom:0px;
    padding-top:2px;
    padding-bottom:0px;
}
			.boxnav, 				.boxfooter	{ border-color:#fff; }
.box		.boxnav, .box			.boxfooter	{ border-color:#fff; }
.box1		.boxnav, .box1			.boxfooter	{ border-color:#e6e6e6; }
.box2		.boxnav, .box2			.boxfooter	{ border-color:#e4e4e4; }
.box3		.boxnav, .box3			.boxfooter	{ border-color:#c8c8c8; }
.box4		.boxnav, .box4			.boxfooter	{ border-color:#dedede; }
.boxnormal	.boxnav, .boxnormal		.boxfooter	{ border-color:#e0e0e0; }
.boxtrue	.boxnav, .boxtrue		.boxfooter	{ border-color:#aad8a0; }
.boxfalse	.boxnav, .boxfalse		.boxfooter	{ border-color:#e7a9a8; }
.boxwarn	.boxnav, .boxwarn		.boxfooter	{ border-color:#f1cb8c; }
.boxinfo	.boxnav, .boxinfo		.boxfooter	{ border-color:#97bbe7; }


/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/





/***************** page_preloader *****************************/
#page_preloader{
    display:none;
    z-index:100;
    position:fixed; top:200px;
    width:100%; height:30px;
    text-align:center;
	background: transparent url('img/preloader.gif') center center no-repeat;
}








/***************** slider *****************************/
#mainslider{
	position: relative;
	width: 100%;
	height: auto;
	/*background: transparent url('img/preloader.gif') center center no-repeat;*/

}
#mainslider.comingsoon{
	background: transparent url('img/slideshow_bg.jpg') center center no-repeat;
}


#slider{
	width: 100%;
	height: auto;
	position: relative;
    background:none;

    -webkit-box-shadow:		0px 0px 10px -5px #000;
	-moz-box-shadow:		0px 0px 10px -5px #000;
	-ms-box-shadow:			0px 0px 10px -5px #000;
	-o-box-shadow:			0px 0px 10px -5px #000;
    box-shadow:				0px 0px 10px -5px #000;
}
#slider img{
    -webkit-transition: all 0.3s;
    -moz-transition:    all 0.3s;
    -ms-transition:     all 0.3s;
    -o-transition: 	    all 0.3s;
    transition: 	    all 0.3s;
}




#slider .mySlides {
  display: none;
}
#slider .mySlides:first-child {
}

#slider .nextprev {
	z-index: 100000;
	cursor: pointer;
	position: absolute;
	top: 25%; bottom: 0;
	width: 20%;
	height: 50%;
	margin: 0;
	padding: 0;
	color: white;
	font-weight: bold;
	font-size: 28px;
	user-select: none;
	border: 0px solid red;
}
#slider .nextprev.next {
  right: 0; left: auto;
}
#slider .nextprev.prev {
  right: auto; left: 0;
}

#slider .nextprev.next{background:url('img/slice-r.png') no-repeat  center right;right:-38px;  width:85px;}
#slider .nextprev.prev{background:url('img/slice-l.png') no-repeat center left;	left: -38px;  width:85px;}
#slider .nextprev.next:hover{background:url('img/slice-r.png') no-repeat  center right;right:  -42px; }
#slider .nextprev.prev:hover{background:url('img/slice-l.png') no-repeat center left;	left: -42px; }

.bodymode_2 #slider .nextprev.next{background:url('img/slice-r-m.png') no-repeat  center right;	right:-28px;  width:65px;}
.bodymode_2 #slider .nextprev.prev{background:url('img/slice-l-m.png') no-repeat center left;	left: -28px;  width:65px;}
.bodymode_2 #slider .nextprev.next:hover{background:url('img/slice-r-m.png') no-repeat  center right;right:-32px; }
.bodymode_2 #slider .nextprev.prev:hover{background:url('img/slice-l-m.png') no-repeat center left;	left: -32px; }
.bodymode_1 #slider .nextprev.next{background:url('img/slice-r-s.png') no-repeat  center right;	right:-22px;  width:65px;}
.bodymode_1 #slider .nextprev.prev{background:url('img/slice-l-s.png') no-repeat center left;	left: -22px;  width:65px;}
.bodymode_1 #slider .nextprev.next:hover{background:url('img/slice-r-s.png') no-repeat  center right;right:-26px; }
.bodymode_1 #slider .nextprev.prev:hover{background:url('img/slice-l-s.png') no-repeat center left;	left: -26px; }





.slidertitle{
	position:relative;
	left:0;top:0;
	z-index:8;
	display:block;
	width:100%;
	min-height: 30px;
	padding: 20px 10px;
	font-size:16px;
	line-height:21px;
	text-align: center;
	color: #afafaf;
	overflow: hidden;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.sliderfade {
  -webkit-animation-name: sliderfade;
  -webkit-animation-duration: 1.5s;
  animation-name: sliderfade;
  animation-duration: 1.5s;
}
@-webkit-keyframes sliderfade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes sliderfade {
  from {opacity: .4}
  to {opacity: 1}
}









/***************** backToTop *****************************/
#backToTop {
    position: fixed; bottom: 0px; right:20px; z-index:100; display:none;
    width:40px; height:40px; line-height:40px;
    text-align:center;
    font-size:34px;
    color: #fff;
    vertical-align:middle;
    cursor:pointer;
    text-shadow: -1px 1px 1px #555;
}











/********************************************************/
/************** sd_header *******************************/
/********************************************************/
.sd_header{

}




/********************************************************/
/*************** Goldens & margins***********************/
/********************************************************/
.margin_t_g100_up, .margin_t_g100_down, .margin_t_g100 { margin-top: 1020px; }
.margin_t_g618_up, .margin_t_g618_down, .margin_t_g618 { margin-top: 630px; }
.margin_t_g382_up, .margin_t_g382_down, .margin_t_g382 { margin-top: 390px; }
.margin_t_g236_up, .margin_t_g236_down, .margin_t_g236 { margin-top: 241px; }
.margin_t_g146_up, .margin_t_g146_down, .margin_t_g146 { margin-top: 149px; }
.margin_t_g9_up, .margin_t_g9_down, .margin_t_g9 { margin-top: 92px; }
.margin_t_g56_up, .margin_t_g56_down, .margin_t_g56 { margin-top: 57px; }
.margin_t_g34_up, .margin_t_g34_down, .margin_t_g34 { margin-top: 35px; }
.margin_t_g21_up, .margin_t_g21_down, .margin_t_g21 { margin-top: 22px; }
.margin_t_g13_up, .margin_t_g13_down, .margin_t_g13 { margin-top: 13px; }
.margin_t_g08_up, .margin_t_g08_down, .margin_t_g08 { margin-top: 8px; }
.margin_t_g05_up, .margin_t_g05_down, .margin_t_g05 { margin-top: 5px; }
.margin_t_g03_up, .margin_t_g03_down, .margin_t_g03 { margin-top: 3px; }
.margin_b_g100_up, .margin_b_g100_down, .margin_b_g100 { margin-bottom: 1020px; }
.margin_b_g618_up, .margin_b_g618_down, .margin_b_g618 { margin-bottom: 630px; }
.margin_b_g382_up, .margin_b_g382_down, .margin_b_g382 { margin-bottom: 390px; }
.margin_b_g236_up, .margin_b_g236_down, .margin_b_g236 { margin-bottom: 241px; }
.margin_b_g146_up, .margin_b_g146_down, .margin_b_g146 { margin-bottom: 149px; }
.margin_b_g9_up, .margin_b_g9_down, .margin_b_g9 { margin-bottom: 92px; }
.margin_b_g56_up, .margin_b_g56_down, .margin_b_g56 { margin-bottom: 57px; }
.margin_b_g34_up, .margin_b_g34_down, .margin_b_g34 { margin-bottom: 35px; }
.margin_b_g21_up, .margin_b_g21_down, .margin_b_g21 { margin-bottom: 22px; }
.margin_b_g13_up, .margin_b_g13_down, .margin_b_g13 { margin-bottom: 13px; }
.margin_b_g08_up, .margin_b_g08_down, .margin_b_g08 { margin-bottom: 8px; }
.margin_b_g05_up, .margin_b_g05_down, .margin_b_g05 { margin-bottom: 5px; }
.margin_b_g03_up, .margin_b_g03_down, .margin_b_g03 { margin-bottom: 3px; }
.padding_t_g100_up, .padding_t_g100_down, .padding_t_g100 { padding-top: 1020px; }
.padding_t_g618_up, .padding_t_g618_down, .padding_t_g618 { padding-top: 630px; }
.padding_t_g382_up, .padding_t_g382_down, .padding_t_g382 { padding-top: 390px; }
.padding_t_g236_up, .padding_t_g236_down, .padding_t_g236 { padding-top: 241px; }
.padding_t_g146_up, .padding_t_g146_down, .padding_t_g146 { padding-top: 149px; }
.padding_t_g9_up, .padding_t_g9_down, .padding_t_g9 { padding-top: 92px; }
.padding_t_g56_up, .padding_t_g56_down, .padding_t_g56 { padding-top: 57px; }
.padding_t_g34_up, .padding_t_g34_down, .padding_t_g34 { padding-top: 35px; }
.padding_t_g21_up, .padding_t_g21_down, .padding_t_g21 { padding-top: 22px; }
.padding_t_g13_up, .padding_t_g13_down, .padding_t_g13 { padding-top: 13px; }
.padding_t_g08_up, .padding_t_g08_down, .padding_t_g08 { padding-top: 8px; }
.padding_t_g05_up, .padding_t_g05_down, .padding_t_g05 { padding-top: 5px; }
.padding_t_g03_up, .padding_t_g03_down, .padding_t_g03 { padding-top: 3px; }
.padding_b_g100_up, .padding_b_g100_down, .padding_b_g100 { padding-bottom: 1020px; }
.padding_b_g618_up, .padding_b_g618_down, .padding_b_g618 { padding-bottom: 630px; }
.padding_b_g382_up, .padding_b_g382_down, .padding_b_g382 { padding-bottom: 390px; }
.padding_b_g236_up, .padding_b_g236_down, .padding_b_g236 { padding-bottom: 241px; }
.padding_b_g146_up, .padding_b_g146_down, .padding_b_g146 { padding-bottom: 149px; }
.padding_b_g9_up, .padding_b_g9_down, .padding_b_g9 { padding-bottom: 92px; }
.padding_b_g56_up, .padding_b_g56_down, .padding_b_g56 { padding-bottom: 57px; }
.padding_b_g34_up, .padding_b_g34_down, .padding_b_g34 { padding-bottom: 35px; }
.padding_b_g21_up, .padding_b_g21_down, .padding_b_g21 { padding-bottom: 22px; }
.padding_b_g13_up, .padding_b_g13_down, .padding_b_g13 { padding-bottom: 13px; }
.padding_b_g08_up, .padding_b_g08_down, .padding_b_g08 { padding-bottom: 8px; }
.padding_b_g05_up, .padding_b_g05_down, .padding_b_g05 { padding-bottom: 5px; }
.padding_b_g03_up, .padding_b_g03_down, .padding_b_g03 { padding-bottom: 3px; }

/********************************************************/
.firstpadding_t { padding-top: 40px; }
.firstpadding_b { padding-bottom: 149px; }
.bodymode_1 .firstpadding_t { padding-top: 40px; }
.bodymode_1 .firstpadding_b { padding-bottom: 149px; }

.golden_xs 		{ width: 5.57%; }
.golden_s 		{ width: 23.61%; }
.golden_m 		{ width: 52.79%; }  /* = 52.8 */
.golden_l 		{ width: 70.82%; }  /* = 70.82 */
.golden_xl 		{ width: 81.96%; }  /* = 82 */
.golden_xxl 	{ width: 100%; }

.secondarybox .golden_xs 		{ width: 6.8%; }
.secondarybox .golden_s 		{ width: 28.79%; }
.secondarybox .golden_m 		{ width: 64.37%; }  /* = 64.4 */
.secondarybox .golden_l 		{ width: 86.37%; }  /* = 86.37 */
.secondarybox .golden_xl 		{ width: 100%; }

/********************************************************/
/********************************************************/
/********************************************************/






















/********************************************************/
/********************** logos and extras ****************/
/********************************************************/
#logos{
	z-index: 10;
    position: relative; top: 0; left: 0; bottom: auto; left: 0;
    width: auto; height:auto;
    margin: 30px 0 80px 0 ; padding: 0;
    text-align: center;
}
.bodymode_m #logos{
    text-align: left;
}
#logo{
	display: block;
    line-height: 48px;

	color: #111;
    font-family: 'Rock Salt', cursive, 'Roboto Condensed', 'Helvetica Neue', Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-weight:400;
	font-size: 24px;
    text-indent: 0px; letter-spacing: 0px;
    text-decoration: none;
    /*text-transform: uppercase;*/
}
.bodymode_m #logo{
	font-size: 20px;
}
#logo span{
	white-space: nowrap;
   padding: 0 10px 0 10px;
    -webkit-transition: background 0.5s, color 0.5s;
    -moz-transition: 	background 0.5s, color 0.5s;
    -ms-transition: 	background 0.5s, color 0.5s;
    -o-transition: 		background 0.5s, color 0.5s;
    transition: 		background 0.5s, color 0.5s;
}
#logo .middleDot{
   padding: 0 7px 0 7px;
}
.bodymode_m #logo .middleDot{
  display: none;
}
.bodymode_m #logo .name,
.bodymode_m #logo .slogan{
  display: block;
}
.bodymode_m #logo .name{
	font-size: 24px;
}
.bodymode_m #logo .slogan{
	padding-top: 0px;
	color: #777;
}

#logo:hover .name{
    background: #222;
	color: #fff;
}




/********************************************************/
.showemail {
	display: none;
}











/********************************************************/
/********************************************************/
/********************************************************/
#navTop ul li .navlinksHolder .navlinks,
#navBottom ul li a,
.copyright{
	color: #777;
    font-family: 'Rock Salt', cursive, 'Roboto Condensed', 'Helvetica Neue', Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-weight:400;

	padding: 10px 10px;

	font-size: 18px;
    line-height: 24px;

    text-indent: 0px; letter-spacing: 0.5px;
    text-decoration: none;
    /*text-transform: uppercase;*/

    -webkit-transition: background 0.5s, color 0.5s;
    -moz-transition: 	background 0.5s, color 0.5s;
    -ms-transition: 	background 0.5s, color 0.5s;
    -o-transition: 		background 0.5s, color 0.5s;
    transition: 		background 0.5s, color 0.5s;
}
#navTop ul li.active .navlinksHolder .navlinks,
#navTop ul li:hover  .navlinksHolder .navlinks,
#navBottom ul li.active a,
#navBottom ul li:hover a{ background: #222; color: #fff; }


/********************************************************/
/********************** navBottom ***********************/
/********************************************************/
#navBottom{
    display: block;
    float: left;
	text-align: center;
}
.bodymode_r #navBottom	{
	float:none;
}
#navBottom ul{
    display: block;
}
/***************************/
#navBottom ul li{
	float: left;
	display: inline-block;
	text-align: center;
	margin: 0 20px 0 0;
}
.bodymode_r #navBottom ul li{
	float:none;
}
.bodymode_3 #navBottom ul li,
.bodymode_m #navBottom ul li{
	margin: 0 0 20px 0;
}
.bodymode_3 #navBottom ul li,
.bodymode_m #navBottom ul li{
	display: block;
}
/***************************/
#navBottom ul li a{
	display: inline-block;
	margin-bottom: 0px;
 	font-size: 16px;
    line-height: 20px;
}
.bodymode_r #navBottom ul li a{
	font-size: 18px;
    line-height: 22px;
}
.bodymode_1 #navBottom ul li a{
	display: block;
}
/********************************************************/
/********************** copyright ***********************/
/********************************************************/
.copyright{
	float: right;
	display: block;
	text-align: center;
 	font-size: 14px;
	line-height: 20px;
}
/*
.bodymode_4 .copyright	{
	float: none;
	position: absolute; top: 0; right: 0;
}
*/
.bodymode_r .copyright	{
	float:none;
}
/********************************************************/
/********************** lan_changer *********************/
/********************************************************/
#lan_changer	{
	float:left;
	height: 120px;
    margin-top: -25px;
    text-align: center;
}
.bodymode_r #lan_changer	{
	float:none;
	clear: both;
	display: block;
    margin-top: 0;
    padding-top: 30px;
}
/***************************/
#lan_changer a	{
	display: inline-block;
	height: 100px;
	margin: 0;
	cursor:pointer;
    text-decoration: none;
}
#lan_changer a.de	{
	width: 85px;
    background: transparent url('img/footer_img_de.jpg') no-repeat}
#lan_changer a.en	{
	width: 76px;
    background: transparent url('img/footer_img_en.jpg') no-repeat}
#lan_changer a.fblink	{
	width: 76px;
    background: transparent url('img/footer_img_fb.jpg') no-repeat}

/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
#navTop{
    display: block;
    position: relative;
}
#navTop ul li{
    float: left;
}
#navTop ul li{
    margin: 0;
    padding: 0 0 0 5.87%;
	width: 20.59%;
}
#navTop ul li:first-child{
    padding: 0;
}
.bodymode_1 #navTop ul li{
	float: none;
	width: auto;
    padding: 0 0 10px 0;
}
/***************************/
#navTop ul li .image{
	display: none;
	width: 100%;

	-webkit-background-size: 	cover !important;
	-moz-background-size: 		cover !important;
	-o-background-size: 		cover !important;
	background-size: 			cover !important;


    -webkit-box-shadow:		0px 0px 10px -5px #000;
	-moz-box-shadow:		0px 0px 10px -5px #000;
	-ms-box-shadow:			0px 0px 10px -5px #000;
	-o-box-shadow:			0px 0px 10px -5px #000;
    box-shadow:				0px 0px 10px -5px #000;
}
#navTop ul li .image.schulstarter{ background-image:  url("img/linkbg1.jpg"); }
.bodymode_1 #navTop ul li .image.schulstarter{ background-image:  url("img/linkbg1-m.jpg"); }
#navTop ul li .image.schul-jugend-sachbuch{ background-image:  url("img/linkbg2.jpg"); }
.bodymode_1 #navTop ul li .image.schul-jugend-sachbuch{ background-image:  url("img/linkbg2-m.jpg"); }
#navTop ul li .image.cover-anderes{ background-image:  url("img/linkbg3.jpg"); }
.bodymode_1 #navTop ul li .image.cover-anderes{ background-image:  url("img/linkbg3-m.jpg"); }
#navTop ul li .image.eigenes{ background-image:  url("img/linkbg4.jpg"); }
.bodymode_1 #navTop ul li .image.eigenes{ background-image:  url("img/linkbg4-m.jpg"); }
/***************************/
#index_main #navTop ul li .image{
	display: block;
}
/***************************/
#navTop ul li .navlinksHolder{
	display: block;
	height: 90px;
}
.bodymode_1 #navTop ul li .navlinksHolder{
	height: auto;
}
/***************************/
#navTop ul li .navlinksHolder .navlinks{
 	font-size: 18px;
    line-height: 24px;
	display: block;
 	text-align: center;
}
.bodymode_2 #navTop ul li .navlinksHolder .navlinks{
 	font-size: 16px;
    line-height: 24px;
}
#index_main.bodymode_1 #navTop ul li .navlinksHolder .navlinks{
	margin: 40px 0 6px 0;
}
#index_main.bodymode_1 #navTop ul li:first-child  .navlinksHolder .navlinks{
	margin: 0px 0 6px 0;
}




#navTop ul li,
#navTop ul li .navlinksHolder,
#navTop ul li .navlinksHolder .navlinks{
    																							border: 0px solid orange;
}





/********************************************************/
/************* dropdownlink *****************************/
/********************************************************/
.dropdownlink{
	position: relative;
	cursor: pointer;
	display: block;

    -webkit-transition:		all 0.5s;
    -moz-transition:		all 0.5s;
    -ms-transition:			all 0.5s;
    -o-transition:			all 0.5s;
    transition:				all 0.5s;
}
.dropdownlink .dropdownicon{
	position: absolute; right: 0; top: 0;
	width: 20px;
	height: 100%;

	-webkit-transform: 	translateY(5px);
	-ms-transform: 		translateY(5px);
	transform: 			translateY(5px);
}

.dropdownlink.active .dropdownicon,
.dropdownlink.active .dropdownicon {
	-webkit-transform: 	translateY(-5px);
	-ms-transform: 		translateY(-5px);
	transform: 			translateY(-5px);
}
.dropdownlink .dropdownicon:before, .dropdownlink .dropdownicon:after,
.dropdownlink .dropdownicon{
    -webkit-transition:		all 0.5s;
    -moz-transition:		all 0.5s;
    -ms-transition:			all 0.5s;
    -o-transition:			all 0.5s;
    transition:				all 0.5s;
}

.dropdownlink .dropdownicon:before, .dropdownlink .dropdownicon:after{

	content: "";
	position: absolute; top: 50%;
	width: 12px;
	height: 1px;

	background: #777;
}
.dropdownlink:hover .dropdownicon:before, .dropdownlink:hover .dropdownicon:after{
	background: #ccc;
}

.dropdownlink .dropdownicon:before {
     right: 50%;

   -webkit-transform-origin: 	100% 100%;
    -moz-transform-origin: 		100% 100%;
    -ms-transform-origin: 		100% 100%;
    -o-transform-origin: 		100% 100%;
    transform-origin: 			100% 100%;
    -webkit-transform: 	rotate(35deg) scaleY(1.5);
    -moz-transform: 	rotate(35deg) scaleY(1.5);
    -ms-transform: 		rotate(35deg) scaleY(1.5);
    -o-transform: 		rotate(35deg) scaleY(1.5);
    transform: 			rotate(35deg) scaleY(1.5);
}

.dropdownlink .dropdownicon:after {
     left: 50%;

   -webkit-transform-origin: 	0% 100%;
    -moz-transform-origin: 		0% 100%;
    -ms-transform-origin: 		0% 100%;
    -o-transform-origin: 		0% 100%;
    transform-origin: 			0% 100%;
    -webkit-transform: 	rotate(-35deg) scaleY(1.5);
    -moz-transform: 	rotate(-35deg) scaleY(1.5);
    -ms-transform: 		rotate(-35deg) scaleY(1.5);
    -o-transform: 		rotate(-35deg) scaleY(1.5);
    transform: 			rotate(-35deg) scaleY(1.5);
}


.dropdownlink.active .dropdownicon:before,
.dropdownlink.active .dropdownicon:before {
    -webkit-transform-origin: 	100% 0%;
    -moz-transform-origin: 		100% 0%;
    -ms-transform-origin: 		100% 0%;
    -o-transform-origin: 		100% 0%;
    transform-origin: 			100% 0%;
    -webkit-transform: 	rotate(-35deg) scaleY(1.5);
    -moz-transform: 	rotate(-35deg) scaleY(1.5);
    -ms-transform: 		rotate(-35deg) scaleY(1.5);
    -o-transform: 		rotate(-35deg) scaleY(1.5);
    transform: 			rotate(-35deg) scaleY(1.5);
}

.dropdownlink.active .dropdownicon:after {
    -webkit-transform-origin: 	0% 0%;
    -moz-transform-origin: 		0% 0%;
    -ms-transform-origin: 		0% 0%;
    -o-transform-origin: 		0% 0%;
    transform-origin: 			0% 0%;
    -webkit-transform: 	rotate(35deg) scaleY(1.5);
    -moz-transform: 	rotate(35deg) scaleY(1.5);
    -ms-transform: 		rotate(35deg) scaleY(1.5);
    -o-transform: 		rotate(35deg) scaleY(1.5);
    transform: 			rotate(35deg) scaleY(1.5);
}





/********************************************************/
/************** footer_bottominfos **********************/
/********************************************************/
.footer_bottominfos{
    text-align: center;
    margin: 12px auto auto auto;
}
.footer_bottominfos.left{ float: left; }
.footer_bottominfos.right{ float: right; }
.footer_bottominfos ul li{
    display: inline;
    margin: 0 auto;
    list-style: none;
}
.footer_bottominfos ul li a{
    display: inline-block;
	font-size: 12px;
	color: #888;
    text-decoration: none;
    padding: 0; height: 35px; line-height: 35px;
}
.footer_bottominfos.left ul li a{ width: 35px; font-size: 16px; }
.footer_bottominfos.right ul li a{ margin-left: 8px; }

.footer_bottominfos ul li a:hover,
.footer_bottominfos ul li a:focus,
.footer_bottominfos ul li a:active,
.footer_bottominfos ul li.active a{ color: #ccc; }

.footer_bottominfos ul li a.facebook:hover,
.footer_bottominfos ul li a.facebook:focus,
.footer_bottominfos ul li a.facebook:active,
.footer_bottominfos ul li.active a.facebook{ color: #3b5998; }

.footer_bottominfos ul li a.instagram:hover,
.footer_bottominfos ul li a.instagram:focus,
.footer_bottominfos ul li a.instagram:active,
.footer_bottominfos ul li.active a.instagram{ color: #1a1a1a; }

.footer_bottominfos ul li a.google-plus:hover,
.footer_bottominfos ul li a.google-plus:focus,
.footer_bottominfos ul li a.google-plus:active,
.footer_bottominfos ul li.active a.google-plus{ color: #cb473b; }

.footer_bottominfos ul li a.pinterest:hover,
.footer_bottominfos ul li a.pinterest:focus,
.footer_bottominfos ul li a.pinterest:active,
.footer_bottominfos ul li.active a.pinterest{ color: #ca242d; }

.footer_bottominfos ul li a.xing:hover,
.footer_bottominfos ul li a.xing:focus,
.footer_bottominfos ul li a.xing:active,
.footer_bottominfos ul li.active a.xing{ color: #036567; }













/********************************************************/
/********************** NAVIGATION **********************/
/********************************************************/
#navSidebar{
    width:auto;
    height:auto;
    margin:50px 0px 50px 0px;

    border-top:1px solid  #171717;

    -moz-box-shadow:		inset 0px 3px 3px -3px #444;
    -webkit-box-shadow:		inset 0px 3px 3px -3px #444;
    -o-box-shadow:			inset 0px 3px 3px -3px #444;
    -ms-box-shadow:			inset 0px 3px 3px -3px #444;
    box-shadow:				inset 0px 3px 3px -3px #444;
}
#navSidebar ul {
    list-style:none;
    margin:0; padding:0;
    text-align:center;
}
#navSidebar ul li {
    position:relative; display:block;
    width:auto; list-style:none;
    margin:0px; padding:0;
    text-align:left;

    border-bottom:1px solid  #b9b9b9;
}
#navSidebar ul li.secondary {
    position:relative; display:block;
    width:auto; list-style:none;
    margin:6px 0px; padding:0;

}
#navSidebar ul li a {
	display:block;
	line-height:22px;
	text-align:right;
	padding:5px 0px;
	color: #4a8fc9;
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size:14px;
	text-decoration:none;
	/*text-transform:uppercase;*/
	letter-spacing:0px;
}

#navSidebar li.active a{ color: #ccc; }
#navSidebar li:hover a{ color: #ccc; }









/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/************** DON'T DELETE (just change) **************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************** form ****************************/
/********************************************************/
form, fieldset	{ border: 0; padding: 0; margin: 0; }


label{
	display: block;
	color: #999;
    cursor: pointer;
}
.secondarybox label{
	color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #aaa; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; }

label,
.fm_text, .fm_pass, .fm_select, .fm_list, .fm_file,
.fm_textarea,
.fm_checkbox, .fm_radio{
    height: 35px; line-height: 35px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fm_text, .fm_pass, .fm_select, .fm_list, .fm_file,
.fm_textarea{
	color: #888;
    font-size: 14px;
    text-indent: 5px;
    background: #fff;
    border: 1px solid #e6e6e6;
}
.fm_list,.fm_textarea	{ height: auto;padding: 10px; }
.fm_checkbox, .fm_radio, .fm_image { }








.fm_text.bg_false,.fm_pass.bg_false,.fm_select.bg_false,.fm_list.bg_false,.fm_file.bg_false,.fm_textarea.bg_false {
    color:#333 !important;
}
.fm_text.bg_false:focus,.fm_pass.bg_false:focus,.fm_select.bg_false:focus,.fm_list.bg_false:focus,.fm_file.bg_false:focus,.fm_textarea.bg_false:focus {
    color:#555;
}



/********************************************************/
/***************** sd_buttons ***************************/
/********************************************************/
.sd_buttons_holder { position: relative; }
.sd_buttons_holder { zoom:1; }
.sd_buttons_holder:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
/***************************/
.fm_button, .fm_reset, .fm_submit,
.sd_buttons {
    display: block; overflow: hidden;
    line-height: 35px;

	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Tahoma, Geneva, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 4px; text-indent: 4px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    background: #777;
    color: #fff !important;
    cursor: pointer;
    border: 1px solid #b9b9b9;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.fm_button:hover, .fm_reset:hover, .fm_submit:hover,
.sd_buttons:hover {
    background: transparent;
    color: #888 !important;
}
.fm_button.transparent, .fm_reset.transparent, .fm_submit.transparent,
.sd_buttons.transparent {
    background: transparent;
    color: #888 !important;
}
.fm_button.transparent:hover, .fm_reset.transparent:hover, .fm_submit.transparent:hover,
.sd_buttons.transparent:hover {
    background: #777;
    color: #fff !important;
}
/***************************/
.fm_button, .fm_reset, .fm_submit,
.sd_buttons{
    width: 23.61%;
    margin: 0 auto;
}
.secondarybox .fm_button, .secondarybox .fm_reset, .secondarybox .fm_submit,
.secondarybox .sd_buttons {
    width: 28.79%;
}

.secondarybox .fm_button.floatr, .secondarybox .fm_reset.floatr, .secondarybox .fm_submit.floatr,
.secondarybox .sd_buttons.floatr, .secondarybox .sd_buttons.floatl {
   width: 26.685%;
}

/***************************/
.sd_buttons.left {
    float: left;
    margin: 0 auto 0 23.61%;
}
.secondarybox .sd_buttons.left {
    margin: 0 auto 0 17.79%;
}
/***************************/
.sd_buttons.right {
    float: right;
    margin: 0 23.61% 0 auto;
}
.secondarybox .sd_buttons.right {
    margin: 0 17.79% 0 auto;
}
/***************************/






/********************************************************/
/****************** mainsidebar *************************/
/********************************************************/
#mainsidebar {
	overflow: hidden;
}
.bodymode_m #mainsidebar {
    margin-bottom: 92px;
}



#mainsidebar .box1{
	padding: 35px 9.02%; margin: 0;
}
#mainsidebar h1{
	font-size: 16px; line-height: 16px;
	padding: 0 0 22px 0;
	margin: 0 0 0 0;
	border-bottom: 1px dashed #ddd;
}
#mainsidebar h2 {
	font-size: 16px; line-height: 16px;
	padding: 57px 0 0 0;
}


#mainsidebar_menu {
	color: #4a8fc9;
    font-size: 26px;
    cursor:pointer;
    background: #f6f6f6;
    padding: 20px;
    border: 1px solid #e4e4e4;
}
#mainsidebar_menu.active {
    border-bottom: 0px solid #e4e4e4;
}
#mainsidebar_menu:hover {
	color: #ccc;
}
#mainsidebar #mainsidebar_menu				{ display: none; }
#mainsidebar .mainsidebar_toggle			{ display: block; }

.bodymode_m #mainsidebar #mainsidebar_menu	{ display: block; }
.bodymode_m #mainsidebar .mainsidebar_toggle{ display: none; padding-top: 57px; }






/********************************************************/
/********************** floats & margins ****************/
/********************************************************/
.imgstretch		{ max-width: 100%; margin: 0 auto !important; display: block; }
.stretch		{ width: 100%; max-width: 100%; }
/********************************************************/
.floatl			{ float:left;	margin-right: 8px; }
.floatr			{ float:right;	margin-left: 8px; }
/********************************************************/
.floatsidebar					{ float: left; clear: left; width: 23.61%; }
.floatsidebar .box1 { background: #f4f4f4;}
.floatmain						{ float: right; clear: right; width: 69.095%; }
.bodymode_m .floatsidebar,
.bodymode_m .floatmain			{ float: none; clear: both; width: 100%; margin: 0; }
/********************************************************/
.floatl2						{ float: left; clear: left; width: 47.215%; }
.floatr2						{ float: right; clear: right; width: 47.215%; }
.secondarybox .floatl2			{ float: left; clear: left; width: 46.6%; }
.secondarybox .floatr2			{ float: right; clear: right; width: 46.6%;  }
/********************************************************/
/********************************************************/
.floatbox		{ zoom: 1; }
.floatbox:after	{ clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
/*------------------------------------------------------*/
.floatbox .floatbox2									{ float: left; clear:none; width: 47.215%; margin: 0 5.57% 5.57% 0; }
.no-nthchild .floatbox .floatbox2						{ margin: 0 0 1.8566666666667% 1.8566666666667%; }
.floatbox .floatbox2:nth-child(2n)						{ float: right; margin: 0 0 5.57% 0; }
.floatbox .floatbox2:nth-child(2n+1)					{ clear: both; }
/*------------------------------------------------------*/
.floatbox .floatbox3									{ float:left; clear:none; width:32%; margin:0px 2% 20px 0px; }
.floatbox .floatbox3:nth-child(3n)						{ float:right; margin:0px 0px 20px 0px; }
.floatbox .floatbox3:nth-child(3n+1)					{ clear:both; }
/*------------------------------------------------------*/
.floatbox .floatbox4									{ float:left; clear:none; width:23.5%; margin:0px 2% 20px 0px; }
.floatbox .floatbox4:nth-child(4n)						{ float:right; margin:0px 0px 20px 0px; }
.floatbox .floatbox4:nth-child(4n+1)					{ clear:both; }
/********************************************************/
/********************************************************/
/********************************************************/
.floatinfos{
    display:inline;
    float:left;
    margin-left: 13px;
    padding: 0;
}
.floatinfos:first-child{  margin-left: 0; }
.floatlinks{
    display:inline;
    float: right;
    margin-right: 13px;
    padding: 0;
}
.floatlinks:first-child{ margin-right: 0; }
/********************************************************/
/********************************************************/
/********************************************************/




/******************* animations *************************/
.animations  {
    zoom: 1;
	opacity: 0;
	filter:alpha(opacity=0);

    padding-top:200px;

    -webkit-transition:	all 0.5s ease-out;
    -moz-transition:	all 0.5s ease-out;
    -ms-transition:		all 0.5s ease-out;
    -o-transition:		all 0.5s ease-out;
    transition:			all 0.5s ease-out;

    -webkit-transform:	scale(0.8);
    -moz-transform:		scale(0.8);
    -ms-transform:		scale(0.8);
    -o-transform:		scale(0.8);
    transform:			scale(0.8);
}
.animations.animated  {
    zoom: 1;
	opacity: 1;
	filter:alpha(opacity=100);

    padding-top:0px;

    -webkit-transform:	scale(1);
    -moz-transform:		scale(1);
    -ms-transform:		scale(1);
    -o-transform:		scale(1);
    transform:			scale(1);
}




/********************** catslink ************************/
.catslink {
    position:relative;
    z-index:8;
}
.catslink .cats{
    position:absolute; top:25px; right:0px;
    width:250px;
    border:10px solid #222;
    margin:0px;

    -webkit-box-shadow:		0px 0px 3px 0px #555;
    -moz-box-shadow:		0px 0px 3px 0px #555;
    -ms-box-shadow:			0px 0px 3px 0px #555;
    -o-box-shadow:			0px 0px 3px 0px #555;
    box-shadow:				0px 0px 3px 0px #555;
}



/****************** profile images **********************/
.memimg_s, .memimg_m, .memimg_l	{
	border:5px solid #fff; background-color:#F3F3F3;

    -webkit-box-shadow:		0px 0px 3px 0px #555;
    -moz-box-shadow:		0px 0px 3px 0px #555;
    -ms-box-shadow:			0px 0px 3px 0px #555;
    -o-box-shadow:			0px 0px 3px 0px #555;
    box-shadow:				0px 0px 3px 0px #555;
}
.memimg_s	{ display:block; width:50px; height:50px;}
.memimg_m	{ display:block; width:120px; height:120px;  }
.memimg_l	{ display:block; width:160px; height:160px; }


/********************** imgbrd **************************/
.imgbrd		{
    border:1px solid #cbcbcb; background:#fff; margin-left:-1px;
/*
    -webkit-box-shadow:		0px 0px 3px 0px #555;
    -moz-box-shadow:		0px 0px 3px 0px #555;
    -ms-box-shadow:			0px 0px 3px 0px #555;
    -o-box-shadow:			0px 0px 3px 0px #555;
    box-shadow:				0px 0px 3px 0px #555;
*/
}
.imgbrdspc_s, .imgbrdspc_m, .imgbrdspc_l, .imgbrdspc_xl	{
	border:1px solid #cbcbcb; background:#fff;
/*
    -webkit-box-shadow:		0px 0px 3px 0px #555;
    -moz-box-shadow:		0px 0px 3px 0px #555;
    -ms-box-shadow:			0px 0px 3px 0px #555;
    -o-box-shadow:			0px 0px 3px 0px #555;
    box-shadow:				0px 0px 3px 0px #555;
*/
}
.imgbrdspc_s	{ padding:2px;  }
.imgbrdspc_m	{ padding:10px; }
.imgbrdspc_l	{ padding:15px; }
.imgbrdspc_xl	{ padding:20px; }




/********************************************************/
/********************** pagination **********************/
.pagination{}
.pagination ul {
    /*width:430px; ****to center**/
    list-style:none;
    margin:0 auto;
}
.pagination ul li {
   float:left;
   height:20px; line-height:20px;
   margin-right:3px;
}
.pagination ul li a {
	padding:0px 4px;
	color:#3f3fcc;
	font-size:14px; text-decoration:none;
}
.pagination ul li a:hover , .pagination ul li a.active{
	color:#ccc;
}
.pagination ul li a img {
	margin-top:2px;
    display:inline;
}
.pagination ul li a.next { margin-left:15px; }
.pagination ul li a.prev { margin-right:15px; }

/********************** style_changer *******************/
#style_changer		{ position:relative; cursor:pointer; float:left; margin-right:50px; }
#style_changer a	{
	position: relative;
	display: inline-block;
	width: 35px; height: 35px;
	border: 1px solid #b9b9b9;
	margin-left: 8px;
	background: #eee /*url('img/style_switcher.png') repeat*/;
	cursor:pointer;
}
#style_changer a .title	{ display: none; }
#style_changer a .secondarycolor {
	display: block;
	width: 35px; height: 8px;
	position: absolute; top: 0px; left: 0px;
	background-color: #fff;
	border: 0px solid red;
}
#style_changer a .thirdcolor {
	display: block;
	width: 9px; height: 1px;
	position: absolute; top: 20px; left: 13px;
	background: #b9b9b9;
}
#style_changer a.active:before,#style_changer a:hover:before	{
	position: absolute; bottom: -8px; left: 0px;
	width: 35px; height: 1px;

	content: " ";
	border-bottom: 1px solid #b9b9b9;
}



#style_changer a.active, #style_changer a:hover{ border:1px solid #aad8a0; }





/********************** status_changer ******************/
#status_changer					{ position:relative; float:left; }
#status_changer p				{ float:left; margin-right:7px; }
#status_changer #status			{ float:left; cursor:pointer; }
#status_changer #status_links	{ position:absolute; bottom:0; left:0px; border:2px solid #000;  }
#status_changer #status_links a	{ display:block; }










/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

/********************************************************/
/********************** text-color **********************/
.txt_normal	{ color:#888 !important; }
.txt_true		{ color:#559933 !important; }
.txt_false		{ color:#CC4444 !important; }
.txt_warn		{ color:#EE8800 !important; }
.txt_info		{ color:#699dde !important; }
/********************** backgrounds *********************/
.bg				{ background:transparent ; }
.bg_1			{ background:#fff ; }
.bg_2			{ background:#fbfbfb ; }
.bg_3			{ background:#eeeeee ; }
.bg_4			{ background:#e6e6e6 ; }
.bg_normal		{ background:#fff url('img/bg_transparent_white.png') repeat; }
.bg_true		{ background:#CCF4C4 url('img/bg_transparent_white.png') repeat; }
.bg_false		{ background:#FFCCCC url('img/bg_transparent_white.png') repeat; }
.bg_warn		{ background:#FFDDAA url('img/bg_transparent_white.png') repeat; }
.bg_info		{ background:#bfd3ed url('img/bg_transparent_white.png') repeat; }
/********************** borders *************************/
.brd			{ border:1px #b9b9b9 solid; }
.brd_1			{ border:1px #e6e6e6 solid; }
.brd_2			{ border:1px #e4e4e4 solid; }
.brd_3			{ border:1px #c8c8c8 solid; }
.brd_4			{ border:1px #dedede solid; }
.brd_normal	{ border:1px #e0e0e0 solid; }
.brd_true		{ border:1px #aad8a0 solid; }
.brd_false		{ border:1px #e7a9a8 solid; }
.brd_warn		{ border:1px #f1cb8c solid; }
.brd_info		{ border:1px #97bbe7 solid; }



/********************** text styles *********************/
.txt_bolder		{ font-weight:bolder !important; }
.txt_lighter	{ font-weight:lighter !important; }
.txt_larger		{  font-size:larger !important; }
.txt_smaller, .txt_smaller time, .txt_smaller a	{  font-size:smaller !important;  }
.txt_underline	{ text-decoration:underline !important; }
.txt_overline	{ text-decoration:overline !important; }
.txt_line-through{ text-decoration:line-through !important; }
.txt_italic		{ font-style:italic; }
.txt_uppercase	{ text-transform:uppercase !important; }
.txt_lowercase	{ text-transform:lowercase !important; }
.txt_nowrap		{ white-space: nowrap !important; }




/********************** aligns **************************/
.align_c		{ text-align:center;		}
.align_j		{ text-align:justify;		}
.align_m		{ vertical-align:middle;	}

.align_t		{ vertical-align:top;		}
.align_r		{ text-align:right;		}
.align_b		{ vertical-align:bottom;	}
.align_l 		{ text-align:left;			}

/********************** others **************************/
.cursor			{ cursor:pointer;			}
.scroll			{ overflow:auto;			}
.hidden 		{ display:none; 			}
.noliststyle	{ list-style:none;			}

.nomargin		{ margin:0;					}
.nomargin_t		{ margin-top:0;				}
.nomargin_r		{ margin-right:0;			}
.nomargin_b		{ margin-bottom:0;			}
.nomargin_l		{ margin-left:0;			}
.nopadding		{ padding:0;				}
.nopadding_t	{ padding-top:0;			}
.nopadding_r	{ padding-right:0;			}
.nopadding_b	{ padding-bottom:0;			}
.nopadding_l	{ padding-left:0;			}
.noborder		{ border:0;					}
.noborder_t		{ border-top:0;				}
.noborder_r		{ border-right:0;			}
.noborder_b		{ border-bottom:0;			}
.noborder_l		{ border-left:0;			}
.clear_b		{ clear:both;				}
.clear_r 		{ clear:right;				}
.clear_l		{ clear:left;				}











/********************************************************/
/********************************************************/
/********************************************************/
/***************** no-js & print ************************/
/********************************************************/
/********************************************************/
/********************************************************/
.no-js.page,

.no-js.page_header,
.no-js.page_main,
.no-js.page_footer,

.no-js.page_header_container,
.no-js.page_main_container,
.no-js.page_footer_container,

.no-js.page_header_content,
.no-js.page_main_content,
.no-js.page_footer_content{
	display:block !important;

    zoom: 1  !important;
	opacity: 1  !important;
	filter:alpha(opacity=100)  !important;

	visibility:visible !important;
}

.no-js.page_sidebar,
.no-js .page_intro{  display:none !important; }





.no-js .animations{
    zoom: 1  !important;
	opacity: 1  !important;
	filter:alpha(opacity=100)  !important;

	visibility:			visible !important;

	-moz-transform:		translate3d(0, 0, 0) !important;
	-webkit-transform:	translate3d(0, 0, 0) !important;
	-o-transform:		translate3d(0, 0, 0) !important;
	-ms-transform:		translate3d(0, 0, 0) !important;
	transform:			translate3d(0, 0, 0) !important;
}










@media print {

body {
font: 12pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
margin: 0px;
padding:0px;
}

    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

p a[href^="#"]:after {
display: none;
}
p a {
word-wrap: break-word;
}
a {
color: #000;
}



q:after {
content: " (Source: " attr(cite) ")";
}

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }



    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
border: 0;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}








/*

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty
{ padding: 20px; border: 5px dotted yellow !important; }

*[alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"]
{ border: 5px solid yellow !important; }

applet, basefont, center, dir, font, isindex, menu, s, strike, u
{ border: 5px dotted red !important; }

*[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],
*[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],
*[align], *[valign],
*[hspace], *[vspace],
*[height], *[width],
ul[type], ol[type], li[type]
{ border: 5px solid red !important; }

input[type="button"], big, tt
{ border: 5px dotted #33FF00 !important; }

*[border], a[target], table[cellpadding], table[cellspacing], *[name]
{ border: 5px solid #33FF00 !important; }
*/



/*
div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}

a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/