body
	{
	// background-color: rgb(127,127,127);
	// background: url(img/bg.jpg) rgb(87,87,87) no-repeat fixed center;
	background: url(img/bg.jpg) rgb(87,87,87) no-repeat top;
	overflow-x:hidden;
	overflow-y:hidden;
	}

@font-face {
  font-family: jGaramond;
  src: url('../../fonts/jGara2.ttf') format("truetype");
}

@font-face {
font-family: jGaramond;
src: url('../../fonts/jGara2bd.ttf') format("truetype");
font-weight: bold;
}

@font-face {
font-family: jGaramond;
src: url('../../fonts/jGara2it.ttf') format("truetype");
font-style: italic;
}


div, a	{
	font-family: Cambria, 'Georgia', 'Times New Roman', "jGaramond", Serif;
	word-spacing: normal;
	text-align: left;
	font-size: 13px;
	line-height: 15px;
	text-decoration: none;
	color:rgb(63,63,63);
	}


#wrap
	{
	position: absolute;
	top: 50px;
  	left: 50%;
  	margin-left: -510px;
  	width: 1020px;
  	height: 690px;
	// background-color: rgb(255,255,255);
	}

button {
    	display:block;
    	margin:0px;
	padding:3px 5px 2px 5px;
	//background: url(img/lmenue_ab.png) repeat-x;
	background:rgb(153,204,0);
	line-height:90%;
	border:1px solid #C6D880;
	border:1px solid grey;
	text-decoration:none;
	font-family: Cambria, 'Georgia', 'Times New Roman', Serif;
	font-size:16px;
	color: rgb(255,255,255);
	cursor:pointer;
	z-index: 1001;
	overflow: hidden;
}

button a:hover
	{
	//background: url(img/lmenue_ab_hs.png) repeat-x ;
	background:rgb (115,154,0);
	}

button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* POSITIVE */

button.positive, {

	background: rgb(192,255,0);
}

button.positive:hover{
    border:1px solid #C6D880;
	background: rgb(127,127,127);
}





#konzept
       {
       position: absolute;
       top: 25px;
       right: 190px;
       color: rgb(153,204,0);
       font-size: 18px;
       text-transform: uppercase;
       }

#konzept a
       {
       font-size: 18px;
       color: rgb(127,127,127);
       text-decoration: none;
       }

#konzept a:hover
       {
       color: rgb(153,204,0);
       }

#konzept a img
       {
       border: 0px;
       }


#button
       {
       display: block;
       position: absolute;
       width: 75px;
       height: 75px;
       top: 3px;
       left: 173px;
       background: url(img/button.png) top left no-repeat !important;

	position: relative;
	cursor: move;
       }

#button:hover
       {
       background: url(img/button_h.png);
       }


#tmenue
	{
	position: absolute; 
	top: 80px; 
	left: 190px;
	font-size: 17px; 
	color: rgb(127,127,127);
	text-transform: uppercase;
	}


#tmenue a
	{
	font-size: 17px; 
	color: rgb(127,127,127);
	text-decoration: none;
	}

#tmenue a:hover
	{
	text-decoration: underline;
	}

#tmenue a img
	{
	border: 0px;
	}

#tmenue #tmak:hover, #tmenue #tmin:hover, #tmenue #tmlinks:hover, 
	{
	color: rgb(0,0,0); 
	}
#tmenue #tmfo:hover
	{
	color: rgb(34,120,195); 
	}
#tmenue #tmau:hover
	{
	color: rgb(255,127,0); 
	}
#tmenue #tmpl:hover
	{
	color: rgb(179,0,0); 
	}
#tmenue #tmab:hover
	{
	color: rgb(153,204,0); 
	}

#pos
	{
	position: absolute; 
	top: 100px; 
	left: 180px;
	padding: 0px 10px 0px 10px;
	margin-top:-1px;
	font-size: 10px; 
	background-color: rgb(255,255,255);
	}

#pos a
	{
	font-size: 10px; 
	color: rgb(127,127,127); 
	margin-top:-1px;
	text-decoration: none;
	}

#pos a:hover
	{
	color: rgb(153,204,0); 
	}

input
	{
	color: rgb(127,127,127); 
	background-color: #FAFAFA;
	margin: 0px;
	padding: 0px;
	padding-left:4px;
	font-family: Cambria, Georgia, 'Times New Roman', Serif;
	}

select
	{
	color: rgb(127,127,127);
	background-color: #FAFAFA;
	margin: 0px;
	padding: 0px;
	font-family: Cambria, Georgia, 'Times New Roman', Serif;
	}

textarea
	{
	color: rgb(127,127,127); 
	background-color: #FAFAFA;
	margin: 0px;
	padding: 2px;
	font-family: Cambria, Georgia, 'Times New Roman', Serif;
	}

input, select, textarea {border:1px solid rgb(153,204,0);}

#login_name
	{
	position: absolute;
	width: 145px;
	height: 20px;
	top: 25px;
	left: 850px;
	color: rgb(255,255,255);
	font-family: Cambria, Georgia, 'Times New Roman', Serif;
	font-size:16px;

	}

#login_pass
	{
	position: absolute;
	width: 100px;
	height: 20px;
	top: 55px;
	left: 850px;
	color: rgb(255,255,255); 
	}

#logout
	{
	position: absolute; 
	top: 100px; 
	right: 15px;
	padding: 0px 10px 0px 10px;
	font-size: 12px; 
	background-color: rgb(255,255,255);
	}

#logout a
	{
	font-size: 12px; 
	color: rgb(127,127,127); 
	text-decoration: none;
	}

#logout a:hover
	{
	color: rgb(153,204,0); 
	}


#column1
	{
	position: absolute;
	top: 115px;
	left: 15px;
	width: 165px;
	}

#column2
	{
	position: absolute;
	top: 125px;
	left: 190px;
	width: 145px;
	height: 508px;
	background-color: rgb(153,204,0);
	}

#column3
	{
	position: absolute;
	top: 125px;
	left: 355px;
	width: 145px;
	height: 508px;
	background-color: rgb(153,204,0);
	}

#column4
	{
	position: absolute;
	top: 125px;
	left: 520px;
	width: 145px;
	height: 508px;
	background-color: rgb(153,204,0);
	}

#column5
	{
	position: absolute;
	top: 125px;
	left: 685px;
	width: 145px;
	height: 508px;
	background-color: rgb(153,204,0);
	}

#column6
	{
	position: absolute;
	top: 125px;
	left: 850px;
	width: 145px;
	height: 508px;
	color: rgb(127,127,127); 
	overflow:auto;
	overflow-x:hidden;
	}

#column6 a 
	{
	color: rgb(95,95,95);
	font-size: 12px;
	padding: 0px 3px 1px 3px;
	}

#column6 a:hover
	{
	background: rgb(0,0,0);
	color: rgb(255,255,255);
	}

#column6 h3 a:hover
	{
	background: rgb(95,95,95);
	color:white;
	}



#column6 .Aktionslink a
	{
	width:120px;
	text-align:right;
	padding:0px;
	}

#column6 .Aktionslink a, #column6 .Aktionslink a:visited {color: rgb(127,127,127); font-size: 14px; text-transform: uppercase;padding:0px;}

#column2_3
	{
	position: absolute;
	top: 125px;
	left: 190px;
	width: 310px;
	height: 508px;
	/* background-color: rgb(153,204,0); */
	}

#column4_5
	{
	position: absolute;
	top: 125px;
	left: 520px;
	width: 310px;
	height: 508px;
	overflow:auto;
	color: rgb(95,95,95);
	}

#column2_5
	{
	position: absolute;
	top: 125px;
	left: 190px;
	width: 650px;
	height: 508px;
	//	overflow: scroll;
	overflow-y:auto;
	overflow-x:hidden;
	/* padding-right: 10px; */
	}

#test
	{
	position: absolute;
	top: 12px;
	left: 19px;
	width: 65px;
	height: 50px;
	overflow: scroll;
	overflow-x:hidden;
	/* overflow-x:scroll; */
	/* padding-right: 10px; */
	}


#column2_5 a
	{
	color: rgb(153,204,0); font-weight:bold;
	}

#column2_5 a:hover
	{
	background: rgb(0,0,0);
	color: rgb(255,255,255);
	}

#column2_5 span a
	{
	color: rgb(95,95,95);
	font-size:14px;
	}

.lmenue
	{
	display: block;
	position: relative;
	top: 10px;
	left: 10px;
	width: 135px;
	height: 18px;
	color: rgb(255,255,255);
	background: url(img/lmenue_0.png) no-repeat center;
	margin: 0px 0px 2px 0px;
	padding: 5px;
	font-size: 18px;
	z-index: 1001;
	overflow: hidden;
	}

.lmenue_active
	{
	display: block;
	position: relative;
	top: 10px;
	left: 10px;
	width: 135px;
	height: 18px;
	margin: 0px 0px 2px 0px;
	padding: 5px;
	font-size: 18px;
	z-index: 1001;
	overflow: hidden;
	}

.lmenue:hover
	{
	background: url(img/lmenue_0_h.png) no-repeat center;
	width: 307px;
	height: 80px;
	margin: -19px 0px -55px 0px;
	padding: 24px 0px 0px 5px;
	z-index: 1000;
	}

.lmenue_active:hover
	{
	background: url(img/lmenue_0_h.png) no-repeat center;
	width: 307px;
	height: 80px;
	margin: -19px 0px -55px 0px;
	padding: 24px 0px 0px 5px;
	z-index: 1000;
	color: rgb(255,255,255);
	}

.lmenue div, .lmenue_active div
	{
	position: absolute;
	margin-top: -26px;
	margin-left: 152px;
	}

.lmenue div a, .lmenue_active div a
	{
	display: block;
	width: 135px;
	color: rgb(255,255,255);
	padding: 0px 3px 1px 3px;
	}

.lmenue div a:hover, .lmenue_active div a:hover
	{
	display: block;
	color: rgb(255,255,255);
	background: rgb(0,0,0);
	}




.lmenue .sub a, .lmenue_active .sub a
	{
	display: block;
	color: rgb(255,255,255);
	font-size: 12px;
	width: 131px; 
	height:30px; 
	margin-bottom:5px;
	font-weight:bold;
	}

.lmenue a, .lmenue_active a
	{
	display: block;
	font-size: 18px;
	}

.lmenue_active a
	{
	color:rgb(127,127,127);
	}

.lmenue a, .lmenue_active a:Hover
	{
	color: rgb(255,255,255);
	}

.lmenue_static
	{
	display: block;
	position: relative;
	top: 10px;
	left: 10px;
	width: 135px;
	height: 18px;
	color: rgb(255,255,255);
	background: url(img/lmenue.png) no-repeat center;
	margin: 0px 0px 2px 0px;
	padding: 5px;
	font-size: 18px;
	z-index: 1001;
	overflow: hidden;
	}

.lmenue_static:hover {	background: url(img/lmenue_white.png) no-repeat center;color:rgb(127,127,127);}







a	{
	text-decoration:none;
	}

a:visited
	{
	text-decoration:none;
	}


.subtxtlink
	{
	text-align: right; 
	}

.subtxtlink a
	{
	color: rgb(153,204,0); 
	font-size: 15px; 
	line-height: 18px;	
	}

.subtxtlink a:hover
	{
	color: rgb(115,154,0); 
	}



.posts
	{
	border-bottom: rgb(255,255,255) solid 1px;
	height: 30px;
	background: rgb(222,222,222);
	color: rgb(95,95,95);
	}


.posting_info
	{
	border-bottom: rgb(255,255,255) solid 1px;
	width:120px;
	background: rgb(222,222,222); 
	color: rgb(95,95,95);
	}

.posts a
	{
	display: block;
	width: 480px;
	height:53px;
	color: rgb(255,255,255);
	background: rgb(127,127,127);
	border-right: 1px solid rgb(255,255,255);
	padding-left: 15px;
	margin-right:10px;
	text-transform: none;
	float: left;
	}

.posts a:hover
	{
	display: block;
	width: 480px;
	height:53px;
	background: rgb(95,95,95);
	color: rgb(255,255,255);
	}

.posts a img
	{
	position: relative;
	top: 5px;
	left: -10px;
	border: 0px;
	}

.posts .postingstamp
	{
	position: relative;
	text-align: right;
	top: 7px;
	right: 10px;
	}


.board_pages_nav
	{
	display: normal;
	width: 21px;
	height: 10px;
	color: rgb(255,255,255);
	background: rgb(127,127,127);
	border-right: 0px solid rgb(255,255,255);
	padding-left: 1px;
	text-transform: none;
	}


/* Page-Navigation auf der showtopic-Seite = POSTS */

.posts_pages_nav
	{
	display: normal;
	width: 21px;
	height: 10px;
	padding: 1px;
	text-transform: none;
	font-size:16px;
	}

.posts_pages_nav a
	{
	font-weight:bold;
	font-size:16px;
	}

.posts_pages_nav a:Hover
	{
	background: rgb(127,127,127);
	color: rgb(127,127,127);
	}







.posts .postingstamp .board_pagesnavi
	{
	display: normal;
	width: 21px;
	height: 10px;
	color: rgb(255,255,255);
	background: rgb(127,127,127);
	border-right: 0px solid rgb(255,255,255);
	padding-left: 1px;
	text-transform: none;
	float: left;
	padding-bottom:8px;
	padding-left:7px;

	}




/* INFOBUTTON */

.infobigg
	{
	display: inline-block;
	width: 20px; 
	height: 20px; 
	background: url(img/infobutton/info_big_g.png) no-repeat;
	}

.infobigg:hover
	{
	background: url(img/infobutton/info_big_h.png) no-repeat;
	}

#column2_5 .infobigg:hover, #column6 .infobigg:hover, #column1 .infobigg:hover, #column2 .infobigg:hover, #column3 .infobigg:hover, 
#column4 .infobigg:hover, #column5 .infobigg:hover, #column2 .infobigg:hover, #column4_5 .infobigg:hover
	{
	background: url(img/infobutton/info_sma_h.png) no-repeat;
	}


.infosmag
	{
	display: inline-block; 
	width: 15px; 
	height: 15px; 
	background: url(img/infobutton/info_sma_g.png) no-repeat;
	padding:0px;margin:0px;border:0px;
	}

.infosmag:hover
	{
	background: url(img/infobutton/info_sma_h.png) no-repeat;
	background: white;
	}

#column2_5 .infosmag:hover, #column6 .infosmag:hover, #column1 .infosmag:hover, #column2 .infosmag:hover, #column3 .infosmag:hover, 
#column4 .infosmag:hover, #column5 .infosmag:hover, #column2 .infosmag:hover, #column4_5 .infosmag:hover
	{
	background: url(img/infobutton/info_sma_h.png) no-repeat;
	}



.infobigw
	{
	display: inline-block; 
	width: 20px; 
	height: 20px; 
	background: url(img/infobutton/info_big_h.png) no-repeat;
	}

.infobigw:hover
	{
	background: url(img/infobutton/info_big_w.png) no-repeat;
	}

#column2_5 .infobigw:hover, #column6 .infobigw:hover, #column1 .infobigw:hover, #column2 .infobigw:hover, #column3 .infobigw:hover, 
#column4 .infobigw:hover, #column5 .infobigw:hover, #column2 .infobigw:hover, #column4_5 .infobigw:hover
	{
	background: url(img/infobutton/info_sma_h.png) no-repeat;
	}


.infosmaw
	{
	display: inline-block; 
	width: 15px; 
	height: 15px; 
	background: url(img/infobutton/info_sma_h.png) no-repeat;
	}

.infosmaw:hover
	{
	background: url(img/infobutton/info_sma_w.png) no-repeat;
	}


#column2_5 .infosmaw:hover, #column6 .infosmaw:hover, #column1 .infosmaw:hover, #column2 .infosmaw:hover, #column3 .infosmaw:hover, 
#column4 .infosmaw:hover, #column5 .infosmaw:hover, #column2 .infosmaw:hover, #column4_5 .infosmaw:hover
	{
	background: url(img/infobutton/info_sma_h.png) no-repeat;
	}


.whoisonlinepic
	{
	display: inline-block; 
	width: 16px; 
	height: 16px; 
	background: url(img/mini_icons/whoisonline.png) no-repeat;
	}

.whoisonlinepic:hover
	{
	background: url(img/mini_icons/whoisonline.png) no-repeat;
	background: white;
	}


#column2_5 .whoisonlinepic:hover, #column6 .whoisonlinepic:hover, #column1 .whoisonlinepic:hover, #column2 .whoisonlinepic:hover, #column3 .whoisonlinepic:hover, 
#column4 .whoisonlinepic:hover, #column5 .whoisonlinepic:hover, #column2 .whoisonlinepic:hover, #column4_5 .whoisonlinepic:hover
	{
	background: url(img/mini_icons/whoisonline.png) no-repeat;
	}



/* Zeitbalken */

.bargraph
	{
	width: 235px; 
	height: 9px; 
	background: url(img/zeitbalken/ab_bal.png) no-repeat; 
	margin: 7px 0px 0px -4px; 
	background-position: left;
	}

.bargraphdub
	{
	height: 9px; 
	background: url(img/zeitbalken/ab_bal_dub.png) no-repeat; 
	background-position: left; 
	margin: 7px 0px 0px 0px;
	overflow: hidden;
	}

.bargrapharrow
	{
	height: 9px; 
	background: url(img/zeitbalken/ab_pf.png) no-repeat; 
	background-position: right;
	margin-top: -9px; 
	padding-left: 4px;
	}



/* STARTSEITE */


.konzeptlink a
	{
	color: rgb(153,204,0); 
	font-size: 15px; 
	line-height: 18px;	
	}

.konzeptlink a:hover
	{
	color: rgb(115,154,0); 
	}

#konzept1
	{
	position: absolute;
	top: 90px;
	left: 460px;
	}




/* SEITE KONZEPTGRAFIK */

.konzeptlink a
	{
	color: rgb(153,204,0); 
	font-size: 15px; 
	line-height: 18px;	
	}

.konzeptlink a:hover
	{
	color: rgb(115,154,0); 
	}

#konzept1
	{
	position: absolute;
	top: 90px;
	left: 460px;
	}

#konzept2
	{
	position: absolute;
	top: 170px;
	left: 460px;
	}

#konzept3
	{
	position: absolute;
	top: 299px;
	left: 460px;
	}

#konzept4
	{
	position: absolute;
	top: 380px;
	left: 460px;
	}

#konzept5
	{
	position: absolute;
	top: 352px;
	left: 0px;
	}

#konzept6
	{
	position: absolute;
	top: 235px;
	left: 0px;
	}

#konzept7
	{
	position: absolute;
	top: 120px;
	left: 0px;
	}


#konzept_morelinks
	{
	position: absolute;
	top: 480px;
	right: 10px;
	}