/*My-Media CSS File
For BROWSERS
v. 1.0 
Composed by Malte Mueller*/

/*===================== Browser Reset =======================*/
* {
padding: 0;
margin: 0;
}

/*===================== Globals... =======================*/

body { 
background: #284e19;
font-family: "Trebuchet MS", verdana;
letter-spacing: 1px;
font-size: 13px;
overflow: hidden;
}

a:link,  a:visited, a:hover, a:focus, a:active {
font-weight: normal;
letter-spacing: 0;
}

h1 {
text-align: center;
color: #1c931e;
background: transparent;
font-size: 18px;
line-height: 34px;
vertical-align: middle;
}

h2 {
text-align: right;
color: #236925;
background: transparent;
font-size: 14px;
line-height: 34px;
vertical-align: middle;
}

h3 {
text-align: left;
color: #236925;
background: transparent;
font-size: 14px;
line-height: 34px;
vertical-align: middle;
}

h4 {
text-align: right;
color: #236925;
background: transparent;
font-size: 12px;
line-height: 20px;
vertical-align: middle;
padding: 3px 0 0 0;
margin: 0px 8px 0 0;
}

h5 {
text-align: left;
color: #236925;
background: transparent;
font-size: 16px;
line-height: 34px;
vertical-align: middle;
}

img { border: 0; }

em {
display:block;
margin: 15px 0 15px 0;
font-style: normal;
}

dt {
text-decoration: underline;
line-height: 20px;
}

dd {
margin: 0 0 0 10px;
font-style: italic;
}


/*===================== Grundgeruest =======================*/

#content {
position: absolute;
background: black;
width: 560px;
height: 415px;
color: white;
top: 50%;
left: 50%;
margin: -166px 0 0 -196px;
overflow: auto;
padding: 0 0 0 10px;
}

#site {
background: transparent
			url("../images/cntboarder.png")
			center
			no-repeat;
margin: -600px 0 0 -800px;
position: fixed;
top: 50%;
left: 50%;
width: 1600px;
height: 1200px;
}

#contentheadline-bg {
position: fixed;
background: black;
top: 50%;
left: 50%;
width: 426px;
height: 33px;
margin: -199px 0 0 -82px;
}

#contentheadline {
position: fixed;
background: url("../images/contentheadlinebbottom.png")
			bottom
			no-repeat;
top: 50%;
left: 50%;
width: 426px;
height: 33px;
margin: -199px 0 0 -82px;
}

#contentheadline p {
margin: 0;
padding: 0 10px 0 0;
color: white;
text-align: right;
font-size: 26px;
}

#mainmenu {
position: fixed;
background: black 
			url("../images/vertical-seperator1_415px.png")
			right
			no-repeat;
width: 130px;
height: 415px;
top: 50%;
left: 50%;
margin: -166px 0 0 -326px;
color: white;
}

#mainmenuwrap {
height: 100%;
width: 120px;
margin: 0 10px 0 0;
padding: 0;
}

/*===================== Hauptmuenuestruktur =======================*/

#mainmenu ul {
list-style-type: none;
}

#mainmenu li {
text-align: right;
font-size: 14px;
padding: 0 10px 0 0;
}

#mainmenu li a:link, a:visited {
display:block;
width: 100%;
color: #46902b;
text-decoration: none;
}

#mainmenu li a:active {
color: #46902b;
text-decoration: underline;
}

#mainmenu li a:hover, a:focus {
color: #46902b;
background-color: #19330f;
text-decoration: none;
}

#mainmenu p {
text-align: right;
font-weight: bold;
font-size: 14px;
padding: 0 10px 0 0;
width: 100%;
}

.sep1
{
padding: 0;
margin: 5px 0 5px 0;
width: 61px;
height: 1px;
background: black
			url("../images/horizonzal-seperator1_61px.png")
			right
			no-repeat;
}

.sep2
{
padding: 0;
margin: 5px 0 5px 0;
width: 91px;
height: 1px;
background: black
			url("../images/horizontal-seperator2_91px.png")
			right
			no-repeat;
}

/*===================== Searchbox =======================*/
.searchbox {
width: 124px;
margin: 0 0 0 0;
}

.searchbox .searchqry {
float: left;
text-align: right;
padding: 0;
border: 0;
background: black;
color: white;
height: 20px;
width: 96px;
}

.searchboxsep1 {
padding: 0;
margin: 20px 0 0 0;
width: 124px;
height: 1px;
background: transparent
			url("../images/searchbox-boarder_124px.png")
			left
			no-repeat;
clear:both;
}

.searchboxsep2 {
padding: 0;
margin: 0;
width: 124px;
height: 1px;
background: transparent
			url("../images/searchbox-boarder_124px.png")
			left
			no-repeat;
clear:both;
}

/*===================== Formulare =======================*/

.searchbox form {
margin: 0;
padding: 0;
border: 0;
}

.searchbox .submitbutton {
float: right;
padding: 0;
border: 0;
width: 28px;
height: 26px;
background: transparent
			url("../images/lupe.png")
			no-repeat;
}

.kontaktformular {
width: 100%;
}

.kontaktformular form {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}

.kontaktformular .name {
float: left;
width: 30%;
text-align: right;
margin: 0 0 5px 0;
}

.kontaktformular .eingabe {
float: right;
width: 68%;
margin: 0 0 5px 5px;

}

.kontaktformular input, textarea {
float: left;
width: 70%;
text-align: left;
border: 0;
border-bottom: 1px solid white;
background: black;
color: white;
}

.kontaktformular textarea {
height: 200px;
}

.kontaktformular .wegbutton {
text-align: center;
width: 25%;
border: 1px solid white;
background: black;
color: #1c931e;
margin: 5px 0 0 0;
}

/*===================== Bilderrahmen =======================*/
.contentbilderrahmen 
{
width: 199px;
height: 137px;
background: black
			url("../images/contentbilderrahmen_199x137.png")
			no-repeat
			center;
}

.contentbild
{
position: absolute;
margin: 9px 0 0 9px;
}

.contentboxrahmen
{
width: 199px;
height: 137px;
background: black
			url("../images/contentbilderrahmen_199x137.png")
			no-repeat
			center;
}

.contentbox {
position: absolute;
width: 190px;
height: 120px;
margin: 9px 0 0 9px;
overflow: auto;
}

.contentbox p {
font-size: 12px;
line-height: 14px;
}


/*===================== Grid =======================*/



/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_8 {
	margin-left: auto;
	margin-right: auto;
	width: 544px;
}

.container_8 p {
	line-height: 20px;
}

.container_8 a:link, a:visited {
display: inline;
color: #46902b;
text-decoration: none;
}

.container_8 a:active {
color: #46902b;
text-decoration: underline;
}

.container_8 a:hover, a:focus {
color: #46902b;
background-color: #19330f;
text-decoration: none;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
	display:inline;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_8 .grid_1 {
	width:63px;
}

.container_8 .grid_2 {
	width:131px;
}

.container_8 .grid_3 {
	width:199px;
}

.container_8 .grid_4 {
	width:267px;
}

.container_8 .grid_5 {
	width:335px;
}

.container_8 .grid_6 {
	width:403px;
}

.container_8 .grid_7 {
	width:471px;
}

.container_8 .grid_8 {
	width:539px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_8 .prefix_1 {
	padding-left:68px;
}

.container_8 .prefix_2 {
	padding-left:136px;
}

.container_8 .prefix_3 {
	padding-left:204px;
}

.container_8 .prefix_4 {
	padding-left:272px;
}

.container_8 .prefix_5 {
	padding-left:340px;
}

.container_8 .prefix_6 {
	padding-left:408px;
}

.container_8 .prefix_7 {
	padding-left:476px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_8 .suffix_1 {
	padding-right:68px;
}

.container_8 .suffix_2 {
	padding-right:136px;
}

.container_8 .suffix_3 {
	padding-right:204px;
}

.container_8 .suffix_4 {
	padding-right:272px;
}

.container_8 .suffix_5 {
	padding-right:340px;
}

.container_8 .suffix_6 {
	padding-right:408px;
}

.container_8 .suffix_7 {
	padding-right:476px;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/*===================== Texteffekte und Sostiges =======================*/

.textcenter { text-align: center; }
.textbold { font-weight: bold; }
.textright { text-align: right; }

.mitmachbar { 
white-space: nowrap;
padding: 5px 0 5px 0; }

.mitmachbar a {
font-family: verdana;
font-size: 10px;
text-decoration: none;
}

.articlesep { 
background: transparent 
			url("../images/contentheadlinebbottom.png")
			center
			no-repeat;
width: 100%;
height: 7px;
}

.contentboxsep {
padding: 0;
margin: 0 0 0 0;
width: 100%;
height: 1px;
background: transparent
			url("../images/searchbox-boarder_124px.png")
			center
			no-repeat;
clear:both;
}

.backlink { text-align: center; }