@charset "utf-8";
/* CSS Document */

body {
	font: 0.75em/1.8 "Trebuchet MS",Tahoma, Arial, Verdana, sans-serif;
	background: #dadfff;
	text-align: left;
	color: #000000;
	padding: 0;
	/*margin: 0;*/
}
#container {
position: relative;
width:980px;
background-image: url(../bilder/hg/links.gif);
background-repeat: repeat-y;
margin:0px auto 0px auto;
padding-top: 0px;
text-align:left;
background-color:#ffffff;
border-top: 1px solid #868889;
border-bottom: 1px solid #868889;
border-left: 1px solid #868889;
border-right: 1px solid #868889;
}

#kopf {
	background-color: #a2acff;
	background-image: url(../bilder/hg/kopf.jpg);
	margin-top: 0px;
	padding-top: 0px;
	height: 160px;
	/*border-bottom: 3px solid #df4e12;*/
}
#nav-top{
 	font-size: 12px;
   border-top: 1px solid #FFF;
	margin-top: 0px;
	padding-top: 0px;
}
#register {
	background-color: #868889;
	float: right;
	width: 829px;
	padding-left: 5px;
	   border-bottom: 1px solid #FFF;
}
#wo {
padding-left: 10px;
padding-top: 1px;
padding-bottom: 1px;
	background-color: #df4e12;;
	float: left;
	width: 135px;
	color: #FFF;
	border-right: 1px solid #fff;
	   border-bottom: 1px solid #FFF;
}
#logo {
	background-color: #dee2ff;
	background-image: url(../bilder/hg/logo.jpg);
	margin-left: 10px;
	height: 160px;
	width: 110px;
}

#inhalt {
	position: relative; 
	margin-top: 10px;
	margin-left: 0px;
	width: 600px;
	float: left;
}
#textshop {
margin-left: 30px;
margin-top: 20px;
  width: 400px;
  z-index: 100;
  float: left;
  padding-bottom: 20px;
}

#bildshop {
margin-left: 10px;
margin-right: 5px;
margin-top: 90px;
  width: 380px;
  z-index: 100;
  float: right;
}

#text {
margin-left: 30px;
margin-top: 20px;
  width: 550px;
  z-index: 100;
  float: left;
  padding-bottom: 20px;
}

#bild {
margin-left: 10px;
margin-right: 0px;
margin-top: 90px;
  width: 230px;
  z-index: 100;
  float: right;
}
#links{
  top: 0px;
  margin-top: 20px;
  width: 140px;
  padding-left: 10px;
  float: left;
  margin-left: 3px;
}
#fussnote {
width:980px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
text-align:right;

}

.textleft{
width: 160px;
float: left;
text-align:center;
padding-right: 4px;
}

.textright{

float: left;
width: 410px;
padding: 4px;
}
.right{
margin-left: 100px;
}
.fl-left-440{
float: left;
width: 440px;
}
.fl-left-100{
float: left;
width: 100px;
}
.fl-left-400{
float: left;
width: 400px;
}
.fl-left-150{
float: left;
width: 150px;
}
h1 {
	font-family: "Trebuchet MS",Tahoma, Arial, Verdana, sans-serif;
	font-size: 1.7em;
	font-variant: small-caps;
	color: #df4e12;
	font-weight: bold;
	display:block;

	}
	
h2 {
font-family: "Trebuchet MS",Tahoma, Arial, Verdana, sans-serif;
font-size: 1.2em;
color: #6674dd;
font-weight: bold;
}


  fieldset { /* Jetzt passe ich die Breite von "fieldset" an mein Formular an, und gebe dem Rahmen eine andere Farbe */
        width:550px;
        border:1px solid #6674dd;
    color:#00000; 
    }
    legend {
        margin:10px 0 10px 0; /* Hier wird ein Abstand vom unteren Rand der Legende (Deine Anmeldung) festgelegt */

font-family: "Trebuchet MS",Tahoma, Arial, Verdana, sans-serif;
font-size: 1.2em;
color: #6674dd;
font-weight: bold;
    }
	label{ /* Damit wird das Verhalten von "label" festgelegt, also die Entfernung zu den input-Feldern und zusätzlich ein Rahmen von 10px; */
        display:block;
        width:80px;
        float:left;
        margin:10px;
    }
	
.drittel{
float: left;
width: 165px;
border-left: 1px solid #ddd;
padding-left: 10px;
}

  a.bildlink:link {
  margin-right: 5px;
  padding: 2px;
border: 1px solid #df4e12;
}
a.bildlink:visited {
  margin-right: 5px;
  padding: 2px;
border: 1px dotted #df4e12;
}

a.bildlink:hover {
  margin-right: 5px;
  padding: 2px;
border: 1px solid #6674dd;
}

a.bildlink:active {
  margin-right: 5px;
  padding: 2px;
border: 1px solid #df4e12;
}
.bild{
border: 1px solid #002244;
margin-right: 2px;
margin-bottom: 3px;}