/* ========= */
/* ! RESET   */
/* ========= */

html, body, form,
h1, h2, h3, h4, h5, h6,
p, img, a
{
	margin:0;
	padding:0;
	outline:0;
	border:0;
}





/* =============== */
/* ! ALLGEMEINES   */
/* =============== */

html, body {
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
}

body {
	margin:0;
	padding:0;
	background:#000 url('../img/master.png') top center no-repeat;
	font:13px/145% "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, Geneva, sans-serif;
	text-shadow:0px 1px 0px rgba(255,255,255,0.75);
	color:#3e3e3e;
	cursor:default;
	overflow:visible;
	text-align:center;
}

img {border-width:0; border:none;}

br.clear {
	clear:both;
	height:0;
	line-height:0px;
}





/* =============== */
/* ! MAIN Layout   */
/* =============== */

#wrapper {
	margin:auto;
	padding:0px;
	width:898px;
	text-align:left;
}


.wrapper_inner {
	float:left;
	position:relative;
	width:530px;
	margin:250px 0 0 184px;
	padding:0 0 30px 0;
	display:inline;
}
.wrapper_inner ::selection{color:#000; background:#c3e1e7;}
.wrapper_inner ::-webkit-selection{color:#000; background:#c3e1e7;}
.wrapper_inner ::-moz-selection{color:#000; background:#c3e1e7;}


.logo_01 {
	position:absolute;
	background:transparent url('../img/logo_01.png') top left no-repeat;
	width:898px;
	height:112px;
	left:-184px;
	top:-112px;
}
.logo_01 img {
	float:left;
	width:700px;
	height:88px;
	margin:0 0 0 105px;
}

.logo_02 {
	position:absolute;
	background:transparent url('../img/logo_02.png') top left no-repeat;
	width:39px;
	height:147px;
	right:-111px;
	top:0px;
}


.content_top, .content_bottom {
	float:left;
	position:relative;
	background:transparent url('../img/content.png') 0 0 no-repeat;
	width:510px;
	height:43px;
	margin:25px 0 0 0;
	padding:0 20px 0 0;
	font-size:16px;
	line-height:33px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
}
.content_bottom {background-position:0px -43px; height:10px; margin:0;}

.bottom_text {
	float:left;
	font:9px/21px "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, Geneva, sans-serif;
	text-align:right;
	color:#909090;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
	width:490px;
	height:21px;
	margin:20px 0 0 0;
}

.content_main {
	float:left;
	background:transparent url('../img/content_bg.png') 0 0 repeat-y;
	width:510px;
	margin:0;
	padding:15px 0 0 20px;
}





/* ======== */
/* ! NAVI   */
/* ======== */

ul.nav {
	float:left;
	font:bold 13px/32px Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	margin:0 0 0 10px;
	padding:0;
	width:490px;
	height:32px;
}
ul.nav li {list-style:none; display:inline;}


ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited, ul.nav li a:hover,
ul.nav li a.active:link, ul.nav li a.active:active, ul.nav li a.active:visited, ul.nav li a.active:hover {
	float:left;
	font:bold 11px/33px Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	color:#606060;
	text-transform:none;
	text-align:center;
	margin:0;
	padding:0;
	height:32px;
	text-shadow:0px 1px 0px rgba(255,255,255,0.7);
	text-decoration:none;
	cursor:pointer;
	border-right:1px dashed #bababa;
	border-left:1px dashed rgba(255,255,255,0.2);
	
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
ul.nav li a:hover {color:#282828; }

ul.nav li a.active:link, ul.nav li a.active:active, ul.nav li a.active:visited, ul.nav li a.active:hover {color:#282828;}
ul.nav li a.active:hover {color:#191919;}


.nav_first {border-left:none !important;}
.nav_last {border-right:none !important;}

.nav_home {width:70px;}
.nav_refs {width:99px;}
.nav_pics {width:94px;}
.nav_goodies {width:84px;}
.nav_links {width:69px;}


#site_active {
	position:absolute;
	background:url('../img/site_active.png') top left no-repeat;
	top:31px;
	left:35px;
	width:19px;
	height:14px;
	border:0px solid red;
}
#site_active.pos_home {left:35px;}
#site_active.pos_refs {left:122px;}
#site_active.pos_pics {left:220px;}
#site_active.pos_goodies {left:311px;}
#site_active.pos_links {left:390px;}






/* ========= */
/* ! STUFF   */
/* ========= */

.picture {
	float:left;
	position:relative;
	background:#fff;
	padding:7px;
	box-shadow:0 0px 2px rgba(58,58,58,0.12);
	-webkit-box-shadow:0 0px 2px rgba(58,58,58,0.12);
	-moz-box-shadow:0 0px 2px rgba(58,58,58,0.12);
}


.btn_base,
a.btn_base:link, a.btn_base:active, a.btn_base:visited, a.btn_base:hover {
	float:left;
	cursor:pointer;
	height:21px;
	margin:0;
	padding:0px 10px 0px 10px;
	overflow:visible;
	text-decoration:none;
	font:bold 11px/21px Arial, Helvetica, Verdana, Trebuchet MS, sans-serif;
}








.btn_red, .btn_red:hover, .btn_red.pressed,
a.btn_red:link, a.btn_red:active, a.btn_red:visited, a.btn_red:hover {
	color:#fff;
	text-shadow:0px -1px 0px rgba(0,0,0,0.80);
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:13px;
	background:#d51212;
	background:-moz-linear-gradient(top, #e12222 0%, #a91717 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e12222), color-stop(100%,#a91717));
	background:-webkit-linear-gradient(#e12222, #a91717);
	background:-o-linear-gradient(top, #e12222 0%,#a91717 100%);
	background:-ms-linear-gradient(top, #e12222 0%,#a91717 100%);
	box-shadow:inset 0px 1px 0px #f52d2d, 0 1px 0px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1) !important;
	-webkit-box-shadow:inset 0px 1px 0px #f52d2d, 0 1px 0px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1) !important;
	-moz-box-shadow:inset 0px 1px 0px #f52d2d, 0 1px 0px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1) !important;
	border:1px solid #8a1313;	
}
.btn_red:hover,
a.btn_red:hover {
	background:#ef1d1d;
	background:-moz-linear-gradient(top, #ef1d1d 0%, #a91717 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef1d1d), color-stop(100%,#a91717));
	background:-webkit-linear-gradient(#ef1d1d, #a91717);
	background:-o-linear-gradient(top, #ef1d1d 0%,#a91717 100%);
	background:-ms-linear-gradient(top, #ef1d1d 0%,#a91717 100%);
	box-shadow:inset 0px 1px 0px #f52d2d, 0 1px 0px rgba(0,0,0,0.1), 0 0px 4px #ff4f3d !important;
	-webkit-box-shadow:inset 0px 1px 0px #f52d2d, 0 1px 0px rgba(0,0,0,0.1), 0 0px 4px #ff4f3d !important;
	-moz-box-shadow:inset 0px 1px 0px #f52d2d, 0 1px 0px rgba(0,0,0,0.1), 0 0px 4px #ff4f3d !important;
	border:1px solid #9e1616;
	border-top:1px solid #b21919;
	border-bottom:1px solid #821212;
}
.btn_red.pressed,
a.btn_red.pressed:link, a.btn_red.pressed:active, a.btn_red.pressed:visited, a.btn_red.pressed:hover {
	background:#c22d2d;
	background:-moz-linear-gradient(top, #c22d2d 0%, #a91717 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c22d2d), color-stop(100%,#a91717));
	background:-webkit-linear-gradient(#c22d2d, #a91717);
	background:-o-linear-gradient(top, #c22d2d 0%,#a91717 100%);
	background:-ms-linear-gradient(top, #c22d2d 0%,#a91717 100%);
	box-shadow:inset 0px 2px 4px rgba(0,0,0,0.65), 0px 1px 0px rgba(255,255,255,0.15) !important;
	-webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.65), 0px 1px 0px rgba(255,255,255,0.15) !important;
	-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.65), 0px 1px 0px rgba(255,255,255,0.15) !important;
	border:1px solid #660e0e;
	border-top:1px solid #500b0b;
	border-bottom:1px solid #8a1313;
}











/* ========= */
/* ! LINKS   */
/* ========= */

a:link, a:active, a:visited, a:hover {
	font:13px/145% "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, Geneva, sans-serif;
	color:#009ec3;
	text-decoration:underline;
	text-shadow:0px 1px 0px rgba(255,255,255,0.75);
}
a:hover {color:#2f2f2f;}



a.link:link, a.link:active, a.link:visited,a.link:hover {
	font:bold 13px/145% "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, Geneva, sans-serif;
	color:#009ec3;
	text-decoration:underline;
	text-shadow:0px 1px 0px rgba(255,255,255,0.75);
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
a.link:hover {color:#2f2f2f;}


a.bottomlink:link, a.bottomlink:active, a.bottomlink:visited,a.bottomlink:hover {
	font:bold 9px/21px "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, Geneva, sans-serif;
	color:#909090;
	text-decoration:none;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
a.bottomlink:hover {text-decoration:underline; color:#707070;}






/* ============= */
/* ! HEADLINES   */
/* ============= */

h1 {font-size:42px; line-height:42px; letter-spacing:-2px;}
h1.small,
h2 {font-size:32px; line-height:30px; letter-spacing:-1.5px;}
h3 {font-size:23px; line-height:25px; letter-spacing:-0.5px;}
h4 {font-size:20px; line-height:25px; letter-spacing:-0.5px;}
h5 {font-size:18px; line-height:25px; letter-spacing:-0.5px;}
h6, h6.headline {font-size:16px; line-height:25px; letter-spacing:-0.5px;}
h6.headline {line-height:20px; padding:0;}

h1, h2, h3, h4, h5, h6 {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 5px 0;
	color:#333;
	text-decoration:none;
	text-shadow:0px 1px 0px rgba(255,255,255,0.75);
	/* word-spacing:-1px; */
	
}






/* ====================================================================== */

.fl {float:left !important;}
.fr {float:right !important;}
.p_rel {position:relative !important;}
.p_abs {position:absolute !important;}
.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}
.b {font-weight:bold !important;}
.n {font-weight:normal !important;}
.u {text-decoration:underline !important;}
.mouseover {cursor:pointer !important;}
.default_cursor {cursor:default !important;}
.dividerline_top {border-top:1px solid #f5f5f5 !important;}
.dividerline_bottom {border-bottom:1px solid #dadada !important;}

.mar_top0 {margin-top:0px !important;}
.mar_top2 {margin-top:2px !important;}
.mar_top5 {margin-top:5px !important;}
.mar_top7 {margin-top:7px !important;}
.mar_top9 {margin-top:9px !important;}
.mar_top10 {margin-top:10px !important;}
.mar_top15 {margin-top:15px !important;}
.mar_top20 {margin-top:20px !important;}
.mar_top25 {margin-top:25px !important;}
.mar_top30 {margin-top:30px !important;}
.mar_top50 {margin-top:50px !important;}
.mar_left0 {margin-left:0px !important;}
.mar_left5 {margin-left:5px !important;}
.mar_left10 {margin-left:10px !important;}
.mar_left20 {margin-left:20px !important;}
.mar_right0 {margin-right:0px !important;}
.mar_right5 {margin-right:5px !important;}

.pad_top0 {padding-top:0px !important;}
.pad_top5 {padding-top:5px !important;}
.pad_top10 {padding-top:10px !important;}
.pad_top20 {padding-top:20px !important;}
.pad_top30 {padding-top:30px !important;}
.pad_top40 {padding-top:40px !important;}
.pad_left0 {padding-left:0px !important;}
.pad_left5 {padding-left:5px !important;}
.pad_left10 {padding-left:10px !important;}
.pad_left20 {padding-left:20px !important;}
.pad_left25 {padding-left:25px !important;}
.pad_bottom10 {padding-bottom:10px !important;}
.pad_bottom20 {padding-bottom:20px !important;}
.pad_bottom30 {padding-bottom:30px !important;}
.pad_bottom40 {padding-bottom:40px !important;}

.w_full {width:100% !important;}
.w210 {width:210px !important;}
.w235 {width:235px !important;}
.w240 {width:240px !important;}
.w490 {width:490px !important;}
.w510 {width:510px !important;}

.grey_text {color:#a3a3a3 !important;}
.grey_text2 {color:#b8b8b8 !important;}

.fs8 {font-size:8px !important;}
.fs9 {font-size:9px !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs19 {font-size:19px !important;}
.fs20 {font-size:20px !important;}