/* CSS Document */
* { margin: 0; padding: 0; }

#logo { background-image: url(unten.png); color: #000; opacity: 0.5; }
#nav {background-color: #000; color: white; height: 10px; }
#nav a { background-color: #f90; color: black;}
#contentLeft { width: 200px; float: left; }
#content { }
.tx-bblanguageselect-pi1 { position: absolute; top: 12px; right: 10px; } 
#contentWrap { background-image: url(oben.png); color: red; font-family: monospace; padding: 2em }
#footer { background-color: #ffd; height: 2em }

#container { width: 600px; height: 400px; margin: 0 auto; position: relative; }
ul#nav  { list-style: none;}
#nav li { float: left; margin: 0 20px; line-height: 0.4em; font-size: 1.6em;}
#nav a { text-decoration : none;}

#langmenu { font-family: monospace }
#lang { list-style-type: none }
#lang li { display: inline; margin: 0 1em 0}

#contentWrap hr { clear: left; visibility: hidden; }

/*fix default browserspaces between elements*/
body {
/*  font-family: monospace;
  font-size: 62.5%;*/
  color: #000000;
  background: #FFFFFF url(backgroundflur3.jpg) center center fixed;
  padding: 10px;
  overflow-y: scroll;
}

h2, li, p {
  font-size: 1.4em;
  line-height: 1.4em;
  letter-spacing: -0.03em;
}

h1 {
  font-weight:bold;
  font-size: 1.6em;
  background:#F4F4F4;
  display:block;
  padding:5px;
  border-bottom: 1px dotted #333;
  margin-bottom:10px;
}
a:link, a:visited, a:active {
  color: red;
  text-decoration: underline;
}
a:hover {
  text-decoration: blink;
  font-weight: bold;
  letter-spacing: -0.03em;
  color: #E3FF20;
}
label {
  float:left;
  clear:both;
  display:block;
  width:100px;
  margin-bottom:10px;
  padding-left:10px;
}
input, textarea, select {
  width:250px;
  border: 2px solid #af6b00;
  background:#ffcd80;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
}
 
/*clearing all floats and fix Firefox and IE backgroundcolor-bug */
div.clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
}
form {
}
.form-button {
  margin-left:110px !important;
  margin-left:55px; /*to fix IE6 position*/
  width:100px;
  clear:both;
}
.option {
  border:none;
  background:none;
  width:auto;
}
fieldset {
  border:none;
  padding-left:100px;
  padding-bottom:10px;
  display:block;
  clear:both;
}
fieldset input {
  width:auto;
color:#bbb;
  background:#white none;
  float:left;
  margin-right:10px;
  margin-top:3px !important;
  margin-top:0px; /*to fix IE6 position*/
}
fieldset label {
  width:auto;
  clear:none;
  float:left;
  display:block;
  padding-right:2px;
}

.tx-srfreecap-pi2-image {
margin-left:0;
}

/* Xmas pimping begin
@font-face {
	font-family: Christmas;
	src: url('chrioc.ttf');
}
h1,h2 { 	font-family: Christmas; letter-spacing: 0; }
h1 {
  font-size: 5.4em;
  line-height: 3.4em;
}

h2 {
  font-size: 4em;
  line-height: 2em;
}


#logo { background:darkgreen none repeat scroll 0 0; color:gold; opacity:0.8; font-weight:bold; text-decoration:blink; }
#nav {color: red; height: 25px; }
#nav a { background-color: green; color: red;}
#contentWrap { background:darkred none repeat scroll 0 0; color:gold; }
/* Xmas pimping end*/


/* Frauenfußball WM 2011 pimp start */
body { background-image: url(wm/backgroundflur3.jpg); }
#logo a { display: block; width: 260px; text-decoration: none; }
#logo,#contentWrap { background: #00e025; }
#nav { text-align: center; background-color: black; border-top: 10px solid white; border-bottom: 10px solid white; }

#nav a { background-color: white; color: black; line-height: 1em; cursor: pointer; }
#nav a span { color: inherit; }

#nav a:hover { font-weight: normal; }
#nav span { color: black; }

#nav .ACT a { background-color: transparent; color: white; }

#nav .item4.ACT,
#nav .item4 a:hover { color: red; }
#nav .item16.ACT,
#nav .item16 a:hover { color: gold; }
#nav .item4 { background-color: red; color: white; }
#nav .item16 { background-color: gold; color: white; }

#footer { height: auto; background-color: black; border-top: 10px solid white; border-bottom: 10px solid white; color: white; }

#nav li {

  float:none; display: inline-block; padding: 2px 8px; margin: 0 10px; line-height: 1em; 
    background-color: black;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0 3px 4px rgba(80, 80, 80, 0.6);
	-khtml-box-shadow: 0 3px 4px rgba(80, 80, 80, 0.6);
	-moz-box-shadow: 0 3px 4px rgba(80, 80, 80, 0.6);
	box-shadow: 0 3px 4px rgba(80, 80, 80, 0.6);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#000000');

}
