/* 
 * RGN CSS
 *
 * (C) Martin Beckmann
 *
 */
@media only screen {
/* Allgemeine Klassen */
.clear
{
	clear:both;
}

/* Uebergeordnet */
body
{
	
	text-align: justify;
	font-family: Arial;
	font-size: 10pt;
	background-color:#7FC38C;
	margin-top:0px;
	padding-top:0px;

}

body div#allcontent
{
	width: 1024px;
	margin:auto;
	margin-top:0px;
	background-color:white;
	position:relative;
	border-left: solid 1px;
	border-right: solid 1px;

	-moz-box-shadow: 5px 0px 8px black;
	-webkit-box-shadow: 5px 0px 8px black;
	box-shadow: 5px 0px 8px black;
}
/* Header */
#header
{
	height:105px;
	margin:0px;
	background-color: black;
	background-image: url('pics/R.png'), url('pics/ballheader.jpg');
	background-repeat:no-repeat;
	color:white;
	text-transform: uppercase;
	font-size:smaller;
	letter-spacing: 0.3ex;
	padding-top: 3px;
}

#header div
{
	border-bottom: solid 1px;
	margin-left: 80px;
}

#rgn_forum_header #header div
{
	margin-left: 5px;
}
#rgn_forum_header #site-description
{
	display:block;
}

#header a img
{
	width:75px;
	height:99%;
}
#navigation-rgn
{
	height:25px;
	margin-top:0px;
	background-color:#CFCFCF;
	font-size:12pt;
	letter-spacing:1.5pt;
}
#navigation-rgn li
{
	float:left;
	border-left:black solid 1px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-right:5px;
	height:25px;
	list-style-type:none;
}
#navigation-rgn li:hover
{
	background-color: #084814;
	color:white;
	display:block;
}
#navigation-rgn ul
{
	margin:0px;
}
#navigation-rgn a, #navigation-rgn a:active
{
	color:black;
	text-decoration:none;
	height:100%;
	display:block;
}
#navigation-rgn a:hover
{
	color:white;
}
#navigation-rgn ul
{
	align:left;
	/*width:100%;*/
}
#navigation-rgn .menu_title
{
	display:none;
}




/* Footer */
#mitgliedim
{
	margin-top:100px;
	height:200px;
	padding:0px;
	padding-top:40px;
	padding-bottom:0px;
	width:100%;
	background-color:white;
	vertical-align: bottom;
	text-align:center;
}

#mitgliedim div
{
	text-align:center;
	
	height:100%;
	width:300px;
	
	margin-left:150px;
	text-align:center;
	vertical-align:middle;
	color:#222222;
	background-color:#aaaaaa;
	
	
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	-moz-box-shadow: -3px -0px 8px #666;
	-webkit-box-shadow: -3px -0px 8px #666;
	box-shadow: -3px -0px 8px #666;
}

div.description
{
    position:absolute;
    z-index:12;
    /*top:10px;
    left:10px;*/
    border-style:solid;
    border-width:thin;
    border-color:#666666;
    background-color:#97AD90;
    background-transparency:50%;
    font-family:verdana,serif;
    overflow: auto;
    height:200px;
    width:300px;
}

/* Content */
#content
{
	width:600px;
}
#content p
{
	margin-left:15px;
	margin-right:15px;
}
}


/* max: 640px Mobile style changes */
/* oder besser unter 1024?*/
/*@media only screen and (max-width: 40em) {*/
@media only screen and (max-width: 1024px) {

body div#allcontent
{
	/*width: 1024px;*/
	width: auto;
	margin:auto;
	margin-top:0px;
	background-color:white;
	position:relative;
	border-left: solid 1px;
	border-right: solid 1px;

	-moz-box-shadow: 5px 0px 8px black;
	-webkit-box-shadow: 5px 0px 8px black;
	box-shadow: 5px 0px 8px black;
}

/* Navigation */
#navigation-rgn .menu_after
{
	clear:left;
}
#navigation-rgn
{
	height:auto;
	
}
#navigation-rgn li
{
	float:left;
	border-left:solid 1px;
	margin-top:0px;
	margin-bottom: 0px;
	
	list-style-type:none;
}
#navigation-rgn ul
{
	margin:0px;
}
#navigation-rgn a, #navigation-rgn a:active
{
	color:black;
	text-decoration:none;
}
#navigation-rgn a:hover
{
	color:white;
}
#navigation-rgn ul
{
	align:left;
	/*width:100%;*/
}
#navigation-rgn .menu_title
{
	display:none;
}

#content
{
	width:auto;
}


} /* Style Group SMALL ENDE*/

@media only screen and (max-width: 700px) {

#rgn_forum_header #header div
{
	margin-left: 80px;
	text-align: left;
}
	
/* Footer */
#mitgliedim
{
	display:none;
}

} /* Max 600 px*/

/**/
@media only screen and (min-width: 700px) and (max-width: 1024px) {


} /*600 - 1024 px*/