/* CSS Document */
body { margin:0; padding:0; font-family: 'Roboto', sans-serif;	font-size: 16px; background:url(/images/backgrounds/stadtplatz.jpg) #000 center fixed no-repeat; background-size: cover; color:#ccc;
}

	.errormessage {
		box-sizing: border-box;
		width:calc(100% - 40px);
		max-width:450px;
		margin:auto;
		margin-top:40px;
		margin-bottom:10px;
		border-radius:4px;
		border:1px solid #942121;
		background:rgba(95,15,15,0.9);
		padding:10px 20px;
		color:#ff0;
		box-shadow:0px 3px 10px rgba(0,0,0,0.5);
	}
	
.post {
	margin-bottom:8px;
	margin-top:0px;
	min-height:40px;
	padding-top:10px;
	padding-bottom:8px;
	padding-left:50px;
	border-top:1px solid #222;
	}
	
.post .avatar {
	height:32px;
	width:32px;
	border-radius:16px;
	vertical-align:center;
	float:left;
	margin-top:10px;
	margin-left:-50px;
	display:block;'
}

td {
}

img { border:0px;}

table.nav {
	background-color: #000000;
	border: 1px solid #000000;
	height: auto;
	width: 150px;
}

#content, .footer , .chatbar{ 
	margin-left:181px; 
	margin-right:245px; 
	padding:20px 30px 20px 30px; 
	margin-top:3px; 
	text-shadow:1px 1px 0px #000, 0px 0px 10px #000; 
	border:1px solid #222; 
	box-shadow:0px 0px 3px #000;
}

#right {
	width:241px; 
	float:right; 
	clear:right; 
}

.vitalbar { 
	text-shadow:1px 1px 0px #000, 0px 0px 10px #000; 
	box-shadow:0px 0px 3px #000; 
	border:1px solid #222; 
}

#navbar { width:178px; float:left; border-bottom:1px solid #222; margin-top:-3px; }

.footer {
padding-bottom:10px;
}

.pageheader {
	width:100%;
	height: 50px;
}

.navhead {
	text-decoration: none;
	width: 176px;
	box-shadow:0px 0px 3px #000;
	height: auto;
	padding: 1px;
	line-height: 26px;
	float: left;
	clear: none;
	font-weight: bold;
	color: #fff;
	cursor: default;
	text-align: center;
	margin-top:3px;
}

a {
	color: #CCCCCC;
	text-decoration: none;
}

a.nav {
	text-decoration: none;
    width: 163px;
	height: auto;
    padding: 4px;
	padding-left:10px;
	float: left;
	clear: none;	
	line-height:18px;
	border-right: 1px solid #222;
}



.navhelp {
	text-decoration: none;
    width: 163px;
	height: auto;
    padding: 4px;
	padding-left:10px;
	line-height:18px;
	float: left;
	clear: none;
	color:#555;
	background-color: #000;
	border-right: 1px solid #222;
}

a:hover.nav {
	width:153px;
	padding-left:20px;
	border-right: 1px solid #222;
	color:#fff !important;
}


a.navhilite {

	text-decoration: none;

	width: 160px;

	height: auto;

	padding: 1px;

	float: right;

	clear: none;

	color:#FFFF00;

	background-color: #000000;

	border-top: thin solid #330000;

	border-bottom: thin solid #330000;

	border-right: thin none #330000;

	border-left: thin none #330000;

}

a:hover.navhilite {

	background-color: #990000;

	border-top: thin outset #CC0000;

	border-right: thin none #CC0000;

	border-bottom: thin outset #CC0000;

	border-left: thin none #CC0000;

}





table {

}

.charinfo td {
	border-bottom: 1px solid #222;
	margin:0;
	border-spacing:0;
	padding-left:5px;
	padding-right:5px;
}

td.charhead {

	background:#000;
	border: none;
	cursor: default;
	padding-top:5px;
	padding-bottom:5px;
	color: #fff;
	width:100%;

}

.charhead {
	padding-left:4px;
	}

table.charinfo {
	border-left: 1px solid #282828;
	border: none;
	width: 220px;
	padding-left:5px;
}


td.popupheader {
	background-color: #000000;
	height: 20px;
}

td.noborder {

	border: none;

}

table.noborder {

	border: none;

}

input {

	background-color: #000000;

	border: 1px solid #555;
	color: #CCCCCC;

}

.button {

font-family: 'Roboto', sans-serif;

     font-size: 14px;

     color: #F8DB83;

     background-color: #000000;

     border: 1px solid #555;

}

.input {

	background-color: #000000;

	border: 1px solid #555;

	color: #CCCCCC;

}

select {

	background-color: #000000;

	border: 1px solid #555;

	color: #CCCCCC;

}

table.vitalinfo {

	background-color: #000000;

	border: 1px solid #CCCCCC;

}


a.motd {
	text-decoration: none;
	color:#FF9900;
	padding-left:2px;
	padding-right:2px;

}



a.hotmotd, a:hover.motd {

	/*font-weight: bold;*/
	text-shadow: #fff 0px 0px 4px;
	color:#ffde00;
}

#titleframe {
position:relative;
margin-top:11px;
margin-bottom:10px;
}

#pagetitle {
	box-shadow:0px 0px 3px #000; 
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	height:60px;
	width:100%;
	padding:5px;
	padding-left:10px;
	padding-right:20px;
	display:inline;
	color: #FFFFFF;
	text-shadow: #000000 1px 1px 10px;
	border:1px solid #222222;
}

.footer {
	font-size:14px;
	color:#aaa;
	margin-bottom:3px;
}

.navhi {

	color: #00FF00;

	text-decoration: underline;

}


	
input,select,textarea {

	border: 1px solid #404040;
	color: #CCCCCC;
	font-size: 14px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
select,textarea {	
	padding:5px;
}

textarea:focus,select:focus  {
	border: 1px solid #7e2929;
	color: #777;
	box-shadow:0px 0px 10px #000;
}

button, .button,input[type="submit"],input[type="button"],input,textarea {
	font-family: 'Roboto', sans-serif;

}



.firstbutton, .midbutton, .lastbutton {
text-shadow:none;
}




.colDkBlue    { color: #0000B0; }

.colDkGreen   { color: #00B000; }

.colDkCyan    { color: #00B0B0; }

.colDkRed     { color: #B00000; }

.colDkMagenta { color: #B000CC; }

.colDkYellow  { color: #B0B000; }

.colDkWhite   { color: #B0B0B0; }

.colLtBlue    { color: #0000FF; }

.colLtGreen   { color: #00FF00; }

.colLtCyan    { color: #00FFFF; }

.colLtRed     { color: #FF0000; }

.colLtMagenta { color: #FF00FF; }

.colLtYellow  { color: #FFFF00; }

.colLtWhite   { color: #FFFFFF; }

.colLtBlack   { color: #999999; }

.colOrange  { color: #FF9900; }

.colDkOrange  { color: #FF6600; }

.colBlue  { color: #0070FF; }

.colLime  { color: #DDFFBB; }

.colBlack  { color: #000000; }

.colRose { color: #EEBBEE; }

.colblueviolet { color: #9A5BEE; }

.coliceviolet{ color: #AABBEE; }

.colLtBrown { color: #F8DB83; }

.colDkBrown { color: #6b563f; }

.colXLtGreen{color: #aaff99; }

.colAttention { background-color: #00FF00; color: #FF0000;}

.colWhiteBlack { background-color: #FFFFFF; color: #000000; }

.colBack  { background-color:#00FFFF; color:#000000; }

.trhead  { background:url(https://sheratan-logd.com/images/banner/navhi2.jpg) #300; color:#FFFFFF; }

.trlight { background-color:#330000; }

.trdark  { background-color:#000000; }

@media screen and (max-device-width: 960px) {
	body { background-image:none !important; background:#353535;}
	#navbar { width:100%; }
	/*#navbar { float:left; width:50%; }
	.vitalbar { float:left; width:50%; border:0px !important; font-size:0.8em; }*/
	#content { float:left; font-size:0.9em; }

	
	
	body { padding:0; margin:0; background:#555 !important; font-family: 'Roboto', sans-serif; font-size:1em; }
img { border:0px; }

table {
		width:100% !important;
	}
	
	#titleframe, .footer, .pageheader, .pagetitle {
		display:none;
	}
	
.nav {

	background-color: #000000;

}

#navbar img { display:none; }

#navigation {
	background:#111111;
	line-height:2.5em;
	margin-bottom:0.5em;
}

#navbar a{
background: #232323;
background: -moz-linear-gradient(left, #232323 2%, #4c4c4c 59%, #232323 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(2%,#232323), color-stop(59%,#4c4c4c), color-stop(100%,#232323));
background: -webkit-linear-gradient(left, #232323 2%,#4c4c4c 59%,#232323 100%);
background: -o-linear-gradient(left, #232323 2%,#4c4c4c 59%,#232323 100%);
background: -ms-linear-gradient(left, #232323 2%,#4c4c4c 59%,#232323 100%);
background: linear-gradient(to right, #232323 2%,#4c4c4c 59%,#232323 100%);
text-indent:0.7em;
}

#navigation, .pageheader, .navhead, .navhelp {
	width:100%;
	display:block;
}

table, td {
border-left:0 !important; border-right:0 !important;
}

.navhead, td.charhead {
	text-decoration: none;
	padding:0;
	font-weight: bold;
	color: #fff;
	line-height:2em;
	text-align: center;
	box-shadow:none;
	width:100%;
}

a {
	color: #CCCCCC;
	text-decoration: none;
}

a.nav, a:hover.nav {
	width:100%;
	display:block;
	text-decoration: none;
    padding:0;
	background-color: #101010;
	border-right:0px;
	font-size:0.75em;
	line-height:3em;
}

a:hover.nav {
    background-color: #282828;
	color:#fff;
}

.navhelp {
	text-decoration: none;
    line-height:2em;
	background-color: #000033;
}

#content, .chatbar {
	padding:1.5%;
	border:none;
	box-shadow:none;
	margin:0;
}

a.navhilite {
	text-decoration: none;
	height: auto;
	color:#FFFF00;
	background-color: #000000;
}

a:hover.navhilite {
	background-color: #990000;
}


td.charinfo {
	border-bottom: 1px solid #222;
	margin:0;
	border-spacing:0;
}

.charhead {
	}

table.charinfo {
	background: #101010;
	width: 100%;
}



td.noborder {
	border: none;
}

table.noborder {
	border: none;
}

textarea {
	padding:0px !important;
	width:100% !important;
	margin:0 !important;
}

input[type=text], input[type=password], input[type=email] {
	background: #333;
	border: 1px solid #777;
	color: #CCCCCC;
	margin-top:1em;
	font-size:1em;
	width:100%;
	line-height:2em;
}

.eingabefeld {
	width:97% !important;;
}

.button {

font-family: 'Roboto', sans-serif;
     color: #F8DB83;
     background: #320000 !important;
     border-top: 1px solid #000099;
     border-left: 1px solid #000099;
     border-right: 1px solid #000099;
     border-bottom: 1px solid #000099;
	padding:10px 20px 10px 20px;
	margin-bottom:1em;
}

.input {

	background-color: #000000;

	border: 1px solid #000099;

	color: #CCCCCC;

}

.radio {
	width:1em !important;
}

select {

	background-color: #000000;

	border: 1px solid #000099;

	color: #CCCCCC;

}

table.vitalinfo {

	background-color: #000000;

	border: 1px solid #CCCCCC;

}


a.motd {
	text-decoration: none;
	color:#FF9900;
	padding-left:5px;
	padding-right:5px;

}



a.hotmotd, a:hover.motd {

	/*font-weight: bold;*/
	text-shadow: #fff 0px 0px 4px;
	color:#ffde00;
}

.pageheader {
	color: #FFFFFF;
	font-size:2em;
}

.navhi {

	color: #00FF00;

	text-decoration: underline;

}


button:focus,input:focus,textarea:focus,select:focus  {

}

button, .button,input[type="submit"],input[type="button"],input,textarea {
}

.chatbar img {
    margin-bottom:0.5em;
}

body { padding-top:0px; }
.hiding { display:none !important; }
#leftblock, #rightblock { width:100%; margin:0 !important; }
#leftblock { font-size:0.5em; margin-left:0px !important; }
#date { font-size:0.5em; }
#messages li {
		width:45%;
		float:left;
		background:url(images/banner/marmor.jpg) #1b0909;
	}

	
	.trhead {
		width:90% !important;
		padding-left:20px  !important;
		padding-right:20px  !important;
	}
	
	
	
	#messages ul {
		margin-top:15px !important;
		clear:both !important;
	}
	
	#userbar {
	position:relative;
	font-size:1em;
	clear:both;
	margin-bottom:10px;
	background:#333;
	padding-top:0px;
	font-size:1em !important;
	}
	
	#userbar a {
	display:block;
	}
	
	#logout img { margin:0px !important; }
	
	
	#pin2 { 
	position:absolute; 
	left:43%;
	}
	
	#pin3 { 
	position:absolute; 
	left:55%;
	}
	
	#popdown {
	position:absolute;
	top:100px;
	left:12%;
	border-radius:7px !important;
	font-size:0.8em;
	}
	
	#userbar, #userbar ul li, #rightblock, #leftblock, #notifier {
	float:left;
	background:#333;
	margin:0px;
	position:relative;
	}

	
	#popdown {
	background:#efefef;
	}
	
	#rightblock {
	margin-right:0 !important;
	margin-left:0 !important;
	}
	
	#pin { display:none; }
	
	#mailcount {
	position:absolute;
	top:45px;
	right:45px;
	border-radius:15px;
	background:#c00;
	padding:2px 4px;
	padding-bottom:3px;
	z-index:4;
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	}
	
	.firstbutton,.midbutton,.lastbutton,.bigbutton {
	height:1.5em;
	font-size:0.70em;
	display: inline; 
	}
}



body {
padding-top:43px;
}


.ndfield { width:49.5%; display:inline-block; vertical-align:top;  } 
.ndlegend { border:1px solid #979775; background:url(images/banner/marmor.jpg) right bottom; min-height:150px; border-radius:10px; padding:15px; box-shadow:0px 3px 8px #000; }

a:active, a:focus {outline: none;}

.c01 { color:#B0B000;}
.c02 { color:#FF00FF;}
.c03 { color:#E0E0E0;}
.c04 { color:#F8DB83;}
.c05 { color:#940000;}
.c06 { color:#A30000;}
.c07 { color:#B30000;}
.c08 { color:#C20000;}
.c09 { color:#D10000;}
.c10 { color:#E00000;}
.c11 { color:#FF0000;}
.c12 { color:#FF1F00;}
.c13 { color:#FF4A00;}
.c14 { color:#FF6600;}
.c15 { color:#FF8000;}
.c16 { color:#FF9900;}
.c17 { color:#FFBF26;}
.c18 { color:#FFC49E;}
.c19 { color:#009191;}
.c20 { color:#00B0B0;}
.c21 { color:#00D1D1;}
.c22 { color:#00FFFF;}
.c23 { color:#00E0FF;}
.c24 { color:#00C2FF;}
.c25 { color:#0085FF;}
.c26 { color:#0045FF;}
.c27 { color:#0000B0;}
.c28 { color:#0000DE;}
.c29 { color:#2E2EFF;}
.c30 { color:#4747FF;}
.c31 { color:#7373FF;}
.c32 { color:#A3A3FF;}
.c33 { color:#AABBEE;}
.c34 { color:#9A5BEE;}
.c35 { color:#800099;}
.c36 { color:#B000CC;}
.c37 { color:#EEBBEE;}
.c38 { color:#FFD700;}
.c39 { color:#FFFF00;}
.c40 { color:#FFFF99;}
.c41 { color:#FFFFCC;}
.c42 { color:#6B563F;}
.c43 { color:#AB8F70;}
.c44 { color:#C7990D;}
.c45 { color:#A0522D;}
.c46 { color:#B56642;}
.c47 { color:#D48561;}
.c48 { color:#035900;}
.c49 { color:#038A00;}
.c50 { color:#00B000;}
.c51 { color:#457A00;}
.c52 { color:#669900;}
.c53 { color:#66CC00;}
.c54 { color:#87B800;}
.c55 { color:#DDFFBB;}
.c56 { color:#AAFF99;}
.c57 { color:#00FF00;}
.c58 { color:#333333;}
.c59 { color:#3B3B3B;}
.c60 { color:#575757;}
.c61 { color:#808080;}
.c62 { color:#C0C0C0;}
.c63 { color:#A9A9A9;}
.c64 { color:#DCDCDC;}
.c65 { color:#FFFFFF;}
.c66 { color:#470000;}
.c67 { color:#660000;}
.c68 { color:#850000;}
.c69 { color:#440022;}
.c70 { color:#660030;}
.c71 { color:#8A023F;}
.c72 { color:#A00446;}
.c73 { color:#B9034C;}
.c74 { color:#D80655;}
.c75 { color:#6B6745;}
.c76 { color:#815E39;}
.c77 { color:#327667;}
.c78 { color:#556F5B;}
.c79 { color:#002D00;}
.c80 { color:#FFB8A2;}
.c81 { color:#FFC79A;}
.c82 { color:#FFD48E;}
.c83 { color:#FFDF80;}
.c84 { color:#FFF27E;}
.c85 { color:#f9ff9a;}
.c86 { color:#e6ffa2;}
.c87 { color:#d2ffa5;}
.c88 { color:#bbffa2;}
.c89 { color:#a0ff9a;}
.c90 { color:#8eff9b;}
.c91 { color:#80ff9f;}
.c92 { color:#8effba;}
.c93 { color:#9affd2;}
.c94 { color:#a2ffe9;}
.c95 { color:#a2e9ff;}
.c96 { color:#9ad2ff;}
.c97 { color:#8ebaff;}
.c98 { color:#809fff;}
.c99 { color:#8e9bff;}
.c100 { color:#a09aff;}
.c101 { color:#bba2ff;}
.c102 { color:#d2a5ff;}
.c103 { color:#e6a2ff;}
.c104 { color:#f99aff;}
.c105 { color:#c0b2c0;}
.c106 { color:#997f99;}
.c107 { color:#7f667f;}
.c108 { color:#664c66;}
.c109 { color:#4c334c;}
.c110 { color:#330033;}
.c111 { color:#3a663a;}
.c112 { color:#557fa0;}
.c113 { color:#3e5c74;}
.c114 { color:#6b9ec6;}
.c115 { color:#77aed9;}
.c116 { color:#573430;}
.c117 { color:#856a60;}
.c118 { color:#473738;}
.c119 { color:#3a273a;}
.c120 { color:#381c18;}


#content {
	font-family: 'Roboto', sans-serif;
	line-height:1.5em;
}
.post, #chatpreview, #chatbox { 
	font-family: 'Open Sans', sans-serif;
		}
.post p {
	margin-bottom:5px !important;
	margin-top:0px;
	}

#chatbox {
	color:#FFFFFF; 
	background: #131313 url('templates/Sheratan/trdark.png'); 
	width:calc(100% - 10px);
}

.grafblack {
	background:#000;
	}
.grafdanger {
	background:#d20a0a;
	}
.grafhalf {
	background:#b6b611;
	}
.grafgood {
	background:#2ebc2b;
	}
.graffull {
	background:#2c7098;
	}
	
a:hover.nav, #rightblock ul li:hover, #leftblock ul li:hover  {
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
}
	
.content-img {
width:100%;
max-width:600px;
max-height:400px;
padding:4px;
background:#111;
border:1px solid #444;
box-shadow:0px 2px 10px #000;
}

.news {
background-color:rgba(5, 5, 5, 0.65);
padding:25px 30px 40px 25px;
border-radius:5px;
box-shadow:0px 2px 5px #333;
text-shadow:0px 1px 3px #000;
font-size:14px;
line-height:1.6em;
}

.news .content-img {
margin-bottom:10px;
margin-top:10px;
padding:4px;
background:#111;
border:1px solid #444;
box-shadow:0px 1px 7px #000;
}

.news h1 {
margin-top:0px;
margin-bottom:7px;
font-size:3.4em;
line-height:0.8em;
}

.grafbg {
position:relative;
height:22px;
}

.grafbg td {
background-image:url(images/gfx/trdark.png);
}

.grafbar {
position:absolute;
z-index:3;
top:3px;
left:5px;
}

#chatpreview {
margin-bottom:15px;
}

.chatnav {
font-size:24px !important;
}

.bigbutton, input[type="button"], input[type="submit"], .firstbutton, .lastbutton, .midbutton, .button, button, submit, #stbutton, #rbutton  {
    line-height: 16px;
	height: 36px;
	margin-bottom:10px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #dbdbdb) ) !important;
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #dbdbdb 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#dbdbdb') !important;
	background-color:#e9e9e9 !important;
    font-size: 14px;
    padding: 8px 10px;
	border: 1px solid #C6C3BC;
	border-radius:5px;
    color: #230C0C;
    cursor: pointer;
    overflow: visible;
	text-shadow:none;
	white-space: nowrap;
}

.stbutton:hover, .button :hover, input[type="button"]:hover, input[type="submit"]:hover, .firstbutton:hover, .lastbutton:hover, .midbutton:hover, #rbutton:hover, #stbutton:hover	{
	box-shadow:0px 2px 5px #000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #8f8f8f) ) !important;
	background:-moz-linear-gradient( center top,
	#e9e9e9 5%, #8f8f8f 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#8f8f8f') !important;
	background-color:#8f8f8f !important; }
	
.firstbutton {
	border-radius: 5px 0px 0px 5px;
}

.midbutton {
	border-radius: 0px;
}

.lastbutton {
	border-radius: 0px 5px 5px 0px;
}

input {
padding:5px;
}


#buergerliste { border:1px solid #222; border-radius:5px; box-shadow:0px 4px 8px #000; border-spacing:0px; }
#buergerliste td {padding:6px; vertical-align:top; border-bottom:1px solid #222; overflow:hidden;}
#buergerliste img { border-radius:100px; }
.geschlechter { background:url(https://sheratan-logd.com/images/gfx/geschlechter.png) #5e0000 0px 5px;  }
.mann  { background:url(https://sheratan-logd.com/images/gfx/geschlechter.png) transparent 1px 70px;  }
.frau  { background:url(https://sheratan-logd.com/images/gfx/geschlechter.png) transparent 0px 135px;  }
.rpon  { background:url(https://sheratan-logd.com/images/gfx/geschlechter.png) transparent -3px 198px;  }
.rpoff  { background:url(https://sheratan-logd.com/images/gfx/geschlechter.png) transparent -3px 262px;  }
.trlight {background:url(https://sheratan-logd.com/images/banner/marmor2.jpg) #3d0000;}
.trdark {background:url(https://sheratan-logd.com/images/banner/marmor.jpg) #1b0909;}
#buergerliste tr:hover { background:#000; }
.trhead, .trhead:hover { background:url('https://sheratan-logd.com/templates/Sheratan/navhi2.jpg') #400 !important;}

.yes, .no {
height:32px;
width:32px;
float:left;
margin-right:5px;
}

.yes {
box-shadow:0px 0px 6px #ff0;
border:2px solid #ff0;
}
.no {
border:2px solid #111;
}


#userbar {
	position:fixed;
	top:0px;
	background:#333;
	height:38px;
	padding-top:5px;
	width:100%;
	box-shadow:0px 0px 5px #000;
	z-index:1000;
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	}
	
	#date {
	font-size:11px;
	color:#888;
	}
	
	#userbar a {
	color:#efefef;
	}
	
	#userbar img {
	border:0;
	}
	
	#leftblock {
	width:260px;
	float:left;
	margin-left:120px;
	}
	
	#rightblock {
	float:right;
	margin-right:20px;
	}
	
	#rightblock ul, #leftblock ul {
	margin:0;
	padding:0;
	}
	
	#rightblock ul li, #leftblock ul li {
	list-style:none;
	float:left;
	padding:7px 10px;
	}
	
	#rightblock ul li:hover, #leftblock ul li:hover  {
	background:#5f0000;
	}
	
	#mailcount {
	position:absolute;
	top:22px;
	right:225px;
	border-radius:15px;
	background:#c00;
	padding:2px 3px;
	padding-bottom:3px;
	z-index:4;
	display:block;
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	}
	
	#mailcount a { color:#fff !important; display:block; }
	
	#pin2 {
	background:url(images/vital/pin.png);
	height:11px;
	width:20px;
	position:absolute;
	top:37px;
	right:191px;
	z-index:5;
	}
	
	#popdown {
	position:absolute;
	top:47px;
	right:191px;
	width:356px;
	padding:4px;
	border-radius:5px 0px 5px 5px;
	border:1px solid #646464;
	background:#f1f1f1;
	z-index:4;
	box-shadow:0px 3px 4px #333;
	padding-bottom:17px;
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	text-align:center;
	color:#444 !important;
	}
	
	#i1,#i2,#i3,#i4 { 
	position:fixed;
	top:30px;
	border-radius:15px;
	background:#a00;
	padding:2px 3px;
	padding-bottom:3px;
	z-index:1001;
	display:block;
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	color:#fff;
	text-shadow:none;
	box-shadow:0px 0px 8px 3px #fff;
	}
	
	#rightblock ul li a .fa { font-size: 24px; }
	
	
	
	.fa .chatnav { font-size: 26px; margin-right:5px; }
	.fa .chatnav:hover { opacity:0.5; }
	
	.spin:hover { 
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	}
	
	
	#infoblock {
	position:fixed;
	top:55px;
	right:5px;
	width:420px;
	border-radius:5px;
	border:1px solid #646464;
	background:#f1f1f1;
	box-shadow: 0px 5px 150px 30px #700;
	z-index:4;
	color:#333;
	padding:10px;
	font-family:verdana,arial,sans-serif;
	text-shadow:none !important;
	font-size:14px;
	}
	
	.menutile {
		width:89px;
		float:left;
		font-weight:normal;
		height:95px;
		text-align:center;
	}
	
	.menutile:hover {
		background:#eaeaea;
	}
	
	.menutile a {
		color:#444 !important;
		font-family:verdana,arial,sans-serif;
		font-size:14px;
	}
	
	.menutile a:hover, .menutile:hover a { 
		color:#9e0909 !important;
	}
	
	.menutile img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: gray; 
		-webkit-filter: grayscale(100%); 
	}
	
	.menutile img:hover, .menutile:hover img {
		filter: none;
		-webkit-filter: grayscale(0%);
	}
	
	.menuline, .menuline2 {
		clear:both;
		border-top:1px solid #e2e2e2;
		border-bottom:1px solid #fff;
	}
	
	.menuline2 {
		margin-top:5px;
		margin-bottom:5px;
	}
	

		
	#popdown a, .mails, #popdown2 a{
	color:#444 !important;
	display:block;
	}
	
	#popdown a:hover, .mails:hover, #popdown a:hover {
	color:#9e0909 !important;
	}
	
	#logout { background:#5f0000; border-radius:7px 7px 0px 0px; margin-top:6px; }
	#logout:hover { background:#760000 !important; box-shadow:0px -2px 3px #000; }
		
		
h1 { 
	font-size:3.4em;
	}

h2 { 
	font-size:2.5em;
	}

.upload-field-head {
	background:url(templates/Sheratan/navhi.jpg); padding:5px 0px 5px 10px; border:1px solid #333;
	color:#ff0;
}

.menu-btn {
	display:none;
}

#avabar {
	float:right; border-radius:32px; line-height:28px;
}

.aktivdetails {
	display:none;
}

.kurzinfo {
    display: none;
}

.kurzinfo a {
	margin-right:20px;
}

.kid {
	color:#808080;
}

.kurzinfo a:hover {
	color:#777;
}

.kurzinfo {
	overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
	border-top:0px;
}

.kurzinfo.zeige {
    display: table-row;
	background:#111;
	opacity: 1;
}

.kbar {
	border:1px solid #212121;
	width:100%;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:5px;
}



@media screen and (min-device-width: 961px) {
	#i1 { right:272px; }
	#i2 { right:225px; }
	#i3 { right:181px; }
	#i4 { right:135px; }
}

@media screen and (max-device-width: 960px) {
	
	#avabar { margin-left:0px; }
	
	#mailcount {
	position:absolute;
	top:20px;
	right:5px; 
	border-radius:15px;
	background:#c00;
	padding:2px 3px;
	padding-bottom:3px;
	z-index:4;
	display:block;
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	}
	
	#infoblock {
	position:fixed;
	top:30%;
	width:90%;
	height:30%;
	overflow:auto;
	margin:0 auto;
	border-radius:5px;
	border:1px solid #646464;
	background:#f1f1f1;
	box-shadow: 0 3px 65px 10px #700;
	z-index:4;
	color:#333;
	padding:15px;
	}
	
	#infopin1 {
	margin:0 auto;
	width:20px;
	right:60%;
	}
	
	#infopin {
		display:none;
	}
	
	#pin2 { display:none; }
	
	#popdown {
	width:96% !important;	
	left:1%;
	right:2% !important;
	}
	
	.menutile {
	width:24% !important;
	}
	
	.menutile img {
	width:70px;
	}
	
	#right { width:100%; }
	#navbar a { width:50%; float:left; }
	#navnar { width:100%; }
	
	#i1 { left:20px; }
	#i2 { left:68px; }
	#i3 { left:110px; }
	#i4 { left:152px; }
	#i5 { left:193px; }
	
	#leftblock { display:none; }
	#rightbar {margin-left:20%;}
}