html {
  height: 100%;
  margin-bottom:1px;
}

body {
font: 100% Trebuchet MS Verdana, Arial, Helvetica, sans-serif;
/*background-color: #FFFFFF;*/
background-image:url(assets/main-bg.gif);
}

h2 { font-size: 1.1em; padding-left: 15px; }
h3 { font-size: 0.9em; }
h4	{ font-size: 1.1em; padding: 0px; margin: 0px;}

#wrapper {
width: 750px;
/*background-color: #FFFFFF;*/
padding: auto;
margin: 0px auto;
} 

/*#head {
height: 200px;
margin: 0px;
padding: 0px 0px 0px 0px;
background-position:left; 
border-bottom: 1px solid #C6C6C6;
}*/

#webdesign #head { 
height: 155px;
padding: 0px;
text-align: right;
background-image: url(assets/Schatten.jpg);
background-repeat: no-repeat;  
background-position: left;
}

#index #head {
height: 100px;
text-align: right;
background-image: url(bilder/tulpen2.jpg);
background-repeat: no-repeat;  
background-position: bottom left;
background-color: #FFFFFF;
}

#head p {
color: #c6c6c6;
font-size: 1.2em;
font-weight: bold;
margin: 0px;
padding-top: 30px;
padding-right: 10px;
padding-left: 10px;
}

/* neu */
#indexdiv { 
padding: 25px 20px 0px 20px;
/*border-top: 1px solid;*/
text-align: center;
font-size: 11px;
font-weight: bold;
color: #A62582;
}

#container{ position: absolute;
            width: 800px;
            height: 300px;
            left: 50%;
            margin-left: -400px;  /* Um die Hälfte der Breite nach links schieben */
            top: 50%;
            margin-top: -150px;   /* Um die Hälfte der Höhe nach oben schieben */
           background-color:#FFFFFF;
            /*border:1px solid #A62582;*/
			padding-top: 0px;
			border:#b8b8b8 solid 1px;
			}
			
/*---------------------------------------------------------*/
#navigation a {
	font-size:100%;
color: #000000;
font-size: 11px;
text-decoration: none;
}

#navigation a:hover {
text-decoration: none;
color: #A62582;
border-bottom: 1px solid  #A62582;
}

#navigation {
position: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom: 1px solid #c6c6c6;
height: 30px;
color: #A62582;
background-color: #FFFFFF;
text-align: left;
}
/*---------------------------------------------------------*/

#textkopf {
position: relative;
margin-right: 168px;
margin-top: 10px;
padding: 3px 0px 3px 0px;
height: 20px;
background-color: #C6C6C6;
color: #A62582;
text-align: center;
letter-spacing: 2px;
font-weight: bold;
}

#textbereich {
float: left;
font-size: 12px;
width: 571px;
margin-bottom: 10px;
margin-top: 0px;
border-bottom: 1px solid #c6c6c6;
/*border-left: 1px solid #c6c6c6;*/
border-right: 1px solid #c6c6c6;
padding: 15px 5px 15px 5px;
background: #FFFFFF;
}

#textbereich p {
margin: 0;
padding: 0px 15px;
}

#eyecatchertop {
font-size:14px;
clear: right;
float: right;
width: 144px;
height: 20px;
margin-top: 10px;
padding: 5px 5px 0px 5px;
background-color: #C6C6C6;
color: #A62582;
letter-spacing: 2px;
text-align: center;
font-weight: bold;
}

#eyecatcher {
	clear: right;
	float: right;
	width: 143px;
	color: #000000;
	font-size: 11px;
	padding: 10px 5px 10px 5px;
	border-left: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
	margin-top: 0;
	margin-bottom: 10px;
	background: #FFFFFF;
}

#eyecatcher p {
margin: 0;
}

#aktiontop {
clear: right;
float: right;
width: 144px;
height: 40px;
margin-top: 0px;
padding: 7px 5px 0px 5px;
background-color: #C6C6C6;
color: #A62582;
letter-spacing: 0px;
text-align: center;
font-weight: bold;
}

#aktion {
clear: right;
float: right;
width: 143px;
color: #000000;
font-size: 11px;
text-align: center;
padding: 10px 5px 10px 5px;
border-left: 1px solid #C6C6C6;
border-bottom: 1px solid #C6C6C6;
margin-bottom: 10px;
background: #FFFFFF;
}

#aktion p {
margin: 0;
}

#extratop {
clear: right;
float: right;
width: 152px;
height: 20px;
margin-top: 0px;
padding: 5px 0px 0px 0px;
background-color: #A62582;
border-right: 1px solid #C6C6C6;
color: #A62582;
letter-spacing: 2px;
text-align: center;
font-weight: bold;
}

#extra {
clear: right;
float: right;
width: 152px;
color: #000000;
font-size: 11px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #C6C6C6;
background: #FFFFFF;
}

#extra p {
margin: 0;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
}

#fusszeile {
padding-top: 10px;
height: 25px;
}

address {
text-align: center;
font-size: 11px;
font-style: normal;
letter-spacing: 1px;
}

#fusszeile a {
color: #A62582;
text-decoration: none;
font-size: 11px;
border-bottom: 1px solid #A62582;
}

#fusszeile a:hover, a:focus {
text-decoration: none;
border: 0;
}

.bildlinks {
clear:left;
float: left;
padding: 3px;
border: 1px solid #CCC;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
}

.bildrechts {
float: right;
padding: 3px 0px 3px 3px;
/*border: 1px solid #CCC;*/
margin-top: 0px;
margin-left: 5px;
margin-right: 3px;
margin-bottom: 5px;
}

.bildindex {

margin-top: 0px;
margin-left: 67px;
margin-right: 67px;
margin-bottom: 10px;
}