/* squada-one-regular - latin */
@font-face {
  font-family: 'Squada One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/squada-one-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/squada-one-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/squada-one-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/squada-one-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/squada-one-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/squada-one-v14-latin-regular.svg#SquadaOne') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Caveat+Brush|Jockey+One|Mouse+Memoirs|Share+Tech+Mono|Nova+Round|Covered+By+Your+Grace|Fondamento|Michroma|Waiting+for+the+Sunrise|Satisfy);

body { 
	background: #1b1b1b url("images/backgrounds/popup.jpg") top center no-repeat;
	background-size:contain;
	padding-top:40px;
	overflow:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:1.5em;
	overflow-y: scroll;
	height:100%;
	}
	
.scrollup, .scrolldown {
    position: fixed;
    right: 25px;
    display: none;
    background-color: #000;
	opacity:0.65;
	border-radius:7px;
	color:#fff;
	font-size:40px;
	padding:10px 20px;
	z-index:150;
}

.scrollup {
    bottom: 45px;
}

.scrolldown {
    top: 45px;
}

#buergerliste a {
	color:#ccc;
}

#buergerliste a:hover {
	color:#777;
}

.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;
}

.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;}

a{
	color: #0099FF;
	text-decoration: none;
}

.content-img {
max-width:calc(100% - 8px);
max-height:600px;
margin-top:5px;
margin-bottom:5px;
padding:4px;
background:#111;
border:1px solid #444;
box-shadow:0px 2px 10px #000;
}

hr { border-color:#444; background:#444; width:50%; }

td { font-size:14px; }

.new { float:right; font-size:2.4em; color:#4a0; margin-right:10px; }

.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 h1 {
	font-family: Squada One;
	font-size:34px;
	color:#9e0909;
	margin-bottom:0px;
	margin-top:0px;
	line-height:1em;
}

.news hr {
	border-top:1px solid #000;
	border-bottom:1px solid #323232;
	border-right:1px solid #323232;
	width:100%;
}

a.motd {
	text-decoration: none;
	color:#FF9900;
	border: 1px solid #000;
	height: 18px;
	padding-top:4px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	float: left;
	clear: none;
}
a:hover.motd {
	height: 16px;
	background-color: #806B4D;
	border: 1px solid #FF9900;
}
a.hotmotd {
	text-decoration: none;
	color:#FF9900;
	width: 119px;
	height: auto;
	padding: 1px;
	float: left;
	clear: none;

	background-color: #806B4D;
	border-top: thin solid #FF9900;
	border-bottom: thin solid #FF9900;
	border-right: thin solid #FF9900;
	border-left: thin solid #FF9900;
}
.pagetitle {
	font-family: "Calibri", "Times New Roman";
	font-size: 20px;
	color: #FFFFFF;
}
td.footer {
	background-image: url(images/rule.gif);
	background-repeat: repeat-x;
	background-position: top;
}

textarea {
background: #131313 url("templates/Sheratan/trdark.png");
}
input,select,textarea {
	background-color:#131313;
	border: 1px solid #707070;
	border-radius: 5px;
	color: #CCCCCC;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #aaa;
	padding:5px;
	line-height:1.6em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	}


input:focus,textarea:focus,select:focus  {
	background: #202020 url("templates/Sheratan/trdark-hover.png");
	border: 1px solid #9b0000;
	color: #efefef;
}

.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; }


/* Email */
.trhead  { background:url(images/banner/navhi2.jpg) #300 !important; color:#FFFFFF; }
.trlight{background-color:#220000;}
.trdark{background-color:#000000;}

.regeln { background:url(images/banner/marmor.jpg); border:1px solid #b0b000; }
.regeln2 { background:url(images/banner/marmor.jpg); border:1px solid #038a00; }
.regeln3 { background:url(images/banner/marmor.jpg); border:1px solid #ff6600; }
.regeln4 { background:url(images/banner/marmor.jpg); border:1px solid #0099ff; }

.upload-active td { 
				border-top:1px solid #777;
				border-bottom:1px solid #ccc;
				background:url(templates/Sheratan/navhi.jpg);
				line-height:26px;
				color:#fff;
			}

			.upload-field { 
				border:1px solid #333;
				background:url(images/banner/marmor.jpg);
				padding:5px;
			}
			
			.trnew {
			background:#390000;
			}
			
			.trnew td{
			border:0;
			}
			
			.upload-active td a {
			color:#ccc;
			}
			
			.trnew a {
			color:#fff;
			}
			
	#wrap {
	margin-right:12px;
	margin-left:10px;
	}

.stbutton{
    line-height: 29px;
	height: 28px;
	position:relative;
	margin-left:10px;
	top:-15px;
	margin-bottom:10px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #dbdbdb) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #dbdbdb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#dbdbdb');
	background-color:#e9e9e9;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    padding: 8px 20px;
	border: 1px solid #C6C3BC;
    color: #230C0C;
    cursor: pointer;
    overflow: visible;
    width: auto;
}

.button, input[type="button"], input[type="submit"] {
	border-radius: 5px 5px 5px 5px;
	text-shadow:none;
}

.button, input[type="button"], input[type="submit"], .firstbutton, .lastbutton, .midbutton {
    line-height: 10px;
	height: 30px;
	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;
    color: #230C0C;
    cursor: pointer;
    overflow: visible;
    width: auto;
	white-space:nowrap;
}

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

.midbutton {
	border-radius: 0px;
}

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

.firstbutton , .midbutton, .lastbutton, {
	-webkit-transition: all 2.5s ease-out;
	-moz-transition: all 2.5s ease-out;
	-o-transition: all 2.5s ease-out;
    transition: all 2.5s ease-out;
}

.stbutton:hover, .button :hover, input[type="button"]:hover, input[type="submit"]:hover, .firstbutton:hover, .lastbutton:hover, .midbutton:hover, .button:hover,  #messages ul li:hover	{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

 .stbutton:hover, .button :hover, input[type="button"]:hover, input[type="submit"]:hover, .firstbutton:hover, .lastbutton:hover, .midbutton:hover, .button: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; 
	}
	
.chatnav { font-size: 26px !important; color:#ccc;margin-right:5px; }
	.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;
	}
	
#footer {		
	position: fixed;
	left:0;
	right: 0;
	bottom: 0;
	z-index: 7;
	border-top: 1px solid #222;
	height: 15em;
	overflow: hidden;
	background-color: #444;
	color: #ccc;
}
#textarea textarea {
	width:calc(100% - 25px);
	height: 58%;
}
#textarea textarea, #textarea input {
	margin: 1em 1em 0em 1em;
}
#nonFooter {
	position: relative;
	padding-top: 1em;
	padding-bottom: 13em;
}
* html #nonFooter {
	height: 100%;
}
#bio {
	margin: 1em;
	margin-bottom: 0em;
}
.arrow_box, .arrow_box2 { box-shadow:0px 4px 8px #070707; font-size:14px;}
.arrow_box2 table tr td { font-size:14px;}
.arrow_box { position: relative; margin-left:5%; background: #222222; border: 1px solid #444444; padding:10px;  border-radius:5px; } 
.arrow_box:after, .arrow_box:before { left: 100%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { border-color: rgba(34, 34, 34, 0); border-left-color: #222222; border-width: 9px; bottom: 5px; margin-top: -11px; } 
.arrow_box:before { border-color: rgba(68, 68, 68, 0); border-left-color: #444444; border-width: 10px; bottom: 5px; margin-top: -12px; }

.arrow_box2 { position: relative; background: #333333; border: 1px solid #444444; padding:10px; margin-right:5%; border-radius:5px; } 
.arrow_box2:after, .arrow_box2:before { right: 100%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box2:after { border-color: rgba(34, 34, 34, 0); border-right-color: #333333; border-width: 9px; bottom: 5px; margin-top: -11px; } 
.arrow_box2:before { border-color: rgba(68, 68, 68, 0); border-right-color: #444444; border-width: 10px; bottom: 5px; margin-top: -12px; }

.miniava {height:3em !important; width:3em !important; float:left; border-radius:1.5em; float:left;
		margin-right:1em;}
.datum {
min-width:50px;
font-weight:bolder;
background:#381313;
border:1px solid #401414;
border-radius:10px;
text-align:center;
margin:0 auto;
margin-top:5px;
margin-bottom:15px;
padding:5px;
}

pre {
background:#111;
padding:8px;
font-size:14px;
font-family: courier-news, monospace;
color:#7fdd5a;	
overflow:auto;
max-height:800px;
}

#messages ul, dt {
list-style:none;
margin:0px;
padding:0px;
/*margin:7px;
margin-top:20px;*/
clear:both;
}

#messages ul li, dd{
padding-top:5px;
padding-bottom:7px;
border-bottom:1px solid #230c0c;
background:url(images/banner/marmor.jpg) #1b0909;
box-shadow:0px 5px 14px #000;
}

#messages ul li img, dd img {
margin-left:10px;
}

#messages ul li:hover, dd:hover{
background:#381313;
}

#messages ul li a, dd:hover a{
display:block;
margin-left:10px;
}

#messages dt, #messages dd { 
float:left;
padding-left:5px;
padding-right:5px;
height:40px;;
}

#topnavi { min-width:600px; margin:0 auto; position:fixed; z-index:7; top:20px;}



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

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

.yes {
box-shadow:0px 0px 8px #ff0;
border:2px solid #ff0;
opacity: 0.7;
}
.no {
box-shadow:0px 0px 8px #000;
border:2px solid #111;
opacity: 0.3;
}

.date {
	float:right; 
	font-size:0.8em;
}

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

.button {
    background: -moz-linear-gradient(center top , #E9E9E9 5%, #DBDBDB 100%) repeat scroll 0 0 #E9E9E9;
    border: 1px solid #C6C3BC;
    border-radius: 5px 5px 5px 5px;
    color: #230C0C;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 29px;
    margin: 0;
    overflow: visible;
    padding: 6px 15px;
    width: auto;
}

.popupfield, .popupfield2 {
	border-radius:5px;
	border:1px solid #646464;
	background:#f1f1f1;
	color:#444;
	padding:10px;
	padding-bottom:17px;
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	font-weight:normal;
	box-shadow:0px 3px 4px #333;
	}
	
	.popupfield { margin-top:3em; }
	
	.popupfield2 {
	line-height:1.55em;
	}
	
.popupfield3 {
	background:#f1f1f1;
	color:#444;
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	font-weight:normal;
	}
	
	.popupfield3 h2 {
	color:#666 !important;
	}
	
	.popupfield h3 {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	}
	
	.popupfield hr, .popupfield2 hr, .popupfield3 hr {
	width:100%;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #ddd;
	}
	
	.popupfield  strong, .popupfield2 strong {
	font-size:14px;
	}
	
	.popupfield  .menuline {
	margin-top:10px;
	margin-bottom:8px;
	}
	
	
	.popupfield  a{
	color:#444;
	display:block;
	line-height:1.6em;
	}
	
	.popupfield  a:hover {
	color:#9e0909;
	}
	
	.popupfield h2 {
	font-family: Squada One;
	}
	
	.popupfield h1, .popupfield3 h1 {
	font-family: Squada One;
	font-size:34px;
	color:#9e0909;
	margin-top:0px;
	}
	
	.popupfield h1 {
	margin-top:20px;
	}
	
	.kategorie { font-size:14px !important; background:#8d8d8d !important; padding:7px 10px !important; margin:3px !important; line-height:3.2em !important; border-radius:5px !important; color:#fff !important; white-space:nowrap !important; display:inline !important; }
	.kategorie:hover { background:#9e0909 !important; }
	
	hr.location, hr.location1, hr.location2 { padding: 0; border: none; border-top: solid 1px #ddd; border-bottom: solid 1px #fff; color: #eee; text-align: center; width:100%; margin-top:25px; margin-bottom:25px; height:0px; } 
	hr.location:after  { content: url("images/interface/popups/location.png"); display: inline-block; position: relative; top: -1em; font-size: 1.5em; padding: 0 0.5em; background: #f1f1f1; }
	hr.location1:after  { content: url("images/interface/popups/location2.png"); display: inline-block; position: relative; top: -1.1em; font-size: 1.5em; padding: 0 0.5em; background: #f1f1f1; }
	hr.location2:after  { content: url("images/interface/popups/location3.png"); display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.5em; background: #f1f1f1; }
	
	.fancybox-close {
	display:none !important;
	}
	
	.leftform {
	float:left;
	width:30%;
	}
	
	.rightform  {
	float:left;
	width:70%;
	}
	
	.popupfield textarea, .popupfield input {
	color:#2c2c2c;
	background:#e4e4e4;
	border: 1px solid #bbb;
	margin-bottom:3px;
	}
	
	.erfolg { background:#111; border-radius:4px; display:inline-block; height:95px; padding:10px; width:240px; vertical-align:top; margin:2px; margin-bottom:6px; box-shadow:0px 2px 5px #000;}
	.erfolg:hover { background:#222; }
	.erfolg img { border-radius:5px !important; float:left; margin-right:10px; }
	
	
	
	.datenblattfeld {
	 border-radius:5px; width:800px; overflow:auto;  margin:0 auto; background:#111; border:1px solid #1c1c1c; padding:10px;
	}
	
	.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;'
}

	/* ------------- MOBIL -------------- */

@media screen and (max-device-width: 960px) {

	body { margin:0; padding:5px; overflow-y: scroll; }
	#topnavi img, #userbar img, { height:56px; width:56px; }
	#topnavi { width:100%; margin:0 auto; position:relative; padding:0px; overflow:auto; min-width:100%; }
	.hiding { display:none !important; }
	.leftform, .rightform { width:100%; }
	
	input:focus,textarea:focus,select:focus  {
	color: #444;
}

	.datenblattfeld {
	 border-radius:5px; width:100%; overflow:auto;  margin:0 auto; background:#111; border:1px solid #1c1c1c; padding:10px;
}

	.button, input, button, select, submit, input[type="button"], input[type="submit"], .firstbutton, .lastbutton, .midbutton {
		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;
		border: 1px solid #C6C3BC;
		color: #230C0C;
		font-size:1em;
		line-height:2.5em;
		height:2.5em;
		padding:0px;
		margin-top:5px;
		display:block;
		border-radius:0 !important;
	}
	
	.firstbutton, .lastbutton, .midbutton, input, input[type="submit"] {
		width:48%;
		float:left;
		margin-right:0.5%;
		margin-left:0.5%;
		text-indent: 3%;
		font-size:1.2em;
	}
	
	.lastbutton { margin-bottom:3em; }
	

	#messages ul {
		width:99%;
	}
	
	#messages ul li {
		line-height:2em;
		background:#111;
		background-image:none;
	}
	
	.trhead {
		padding:10px;
	}

	input, textarea { background:#ccc !important; color:#444; border-radius:0; }
	
	.arrow_box, .arrow_box2 { 
		width:94%;
		padding:2%;
		margin-left:1%;
		margin-right:1%;
		left:0;
		right:0;
		font-size:1em;
	}
		
	.arrow_box:after, .arrow_box:before, .arrow_box2:after, .arrow_box2:before  { border:none !important; }
	

	.date { 
		float:left;
		font-size:1em !important;
		}
	.datum {
		min-width:10%;
		font-weight:bolder;
		font-size:1em !important;
		background:#381313;
		border:1px solid #401414;
		border-radius:10px;
		text-align:center;
		margin:0 auto;
		margin-top:0.5em;
		margin-bottom:1.5em;
		padding:0.5em;
		}

	#footer {		
		border-top: 1px solid #222;
		background-color: #444;
		color: #ccc;
		position:relative;
		height:15em;
	}

	#textarea textarea {
		width: 96%;
		height: 50%;
		margin: 1.5% 2% 0% 2%;
		font-size:1.5em !important;
	}
		
	#textarea input {
		margin:0.5em;
	}

	#nonFooter {
		padding:0;
	}

	#bio {
		margin: 1em;
		margin-bottom: 1em;
	}

	#footer submit, #footer input { margin-bottom:1em !important; }

	#footer input { width:35%; }
	.datum  { width:15%; }
	
	#topnavi img {
		display:none;
	}
	
	.popupnavi h1, .popupnavi h2 { font-size:1.3em; }
	.kategorie { font-size:0.8em; }
	
	.popupfield, .popupfield2 { margin:0.5%; }
	
	
	.fancybox-wrap { width:80% !important; }
	.fancybox-inner { width:100% !important; }
	
	
	.upload-field2 {
		background: #141414 none repeat scroll 0 0;
		border: 1px solid #333;
		border-radius: 5px;
		float: none !important;
		height:auto;
		margin-bottom: 20px;
		width: 100% !important;
	}
	

}


@media screen and (min-device-width: 960px) and (min-width: 901px){
	#messages li {
		width:20%;
		float:left;
		background:url(images/banner/marmor.jpg) #1b0909;
	}
	
	.trhead {
		width:calc(100% - 10px) !important;
		padding-left:10px;
	}
	
	#messages ul {
		margin-top:15px !important;
		clear:both !important;
	}
	
}

@media screen and (min-device-width: 960px) and (min-width: 700px) and (max-width:900px) {
	#messages li {
		width:33%;
		float:left;
		background:url(images/banner/marmor.jpg) #1b0909;
	}
	
	.trhead {
		width:99% !important;
		padding-left:10px;
	}
	
	#messages ul {
		margin-top:15px !important;
		clear:both !important;
	}
	
}

@media screen and (min-device-width: 960px) and (min-width: 480px) and (max-width:699px) {
	#messages li {
		width:50%;
		float:left;
		background:url(images/banner/marmor.jpg) #1b0909;
	}
	
	.trhead {
		width:100% !important;
		text-indent:10px;
	}
	
	#messages ul {
		margin-top:15px !important;
		clear:both !important;
	}
}