* 
{
margin:0;
padding:0;
}

html, body 
{
height:100%;
}




body
{
background-color:#fff;
font:100.01%/1.4 arial,sans-serif;
text-align:center;		 /* horizontal centering for IE Win quirks */
}

#abstand
{ 
width:1px;
height:50%;
background-color:#fc6;
margin-bottom:-22.5em;		 /* half of container's height */
float:left;
}

#hintergrund
{
margin:0 auto;
position:relative; 		/* puts container in front of distance */
text-align:left;
height:45em;
width:60em;
clear:left;
background: url("hintergrund_neu.jpg");
}

#menu
{
position:absolute; 		
top: 375px;
left: 22px;
}

#logo
{
position:absolute; 
width: 215px;
height: 34px;		
top: 50px;
left: 711px;
}

#slogan_startseite
{
font-family: arial;
text-decoration:none;
font-size: 20px;
font-style: italic;
color: #e2b122;
line-height: 24px;
position: absolute;
top: 226px;
left: 373px;
}

#slogan
{
font-family: arial;
text-decoration:none;
font-size: 20px;
font-style: italic;
color: #e2b122;
line-height: 24px;
position: absolute;
top: 690px;
left: 248px;
}



#rechts
{
position: absolute;
left: 717px;
bottom: 35px;
}

#motto
{
font-family: arial;
font-size: 12px;
width: 201px;
font-style: italic;
color: #989898;
margin-top: -551px;
line-height: 20px;
}

#inhalt_breit
{
width: 413px;
height: 526px;
position: absolute;
left: 249px;
top: 153px;
font-family: arial;
font-size: 12px;
line-height: 20px;
}

#inhalt_schmal
{
width: 201px;
position: absolute;
bottom: 0px;
}

#kontaktspalte
{
font-family: arial;
font-size: 12px;
position: absolute;
bottom: 2px;
}	

#logos_startseite
{


position: relative;
top: -135px;
left: 12px;
}

* html #logos_startseite 
{ 				/*IE6 only*/
position: relative;
top: -132px;
left: 12px;
}



/* ALLGEMEIN */


a
{
font-family: arial;
text-decoration:none;
}

ul
{
width: 172px;
}

li
{
list-style-type: none;
display: block;
}



/* MENU */


a.aktiv
{
font-size: 20px;
font-weight: bold;
color: #e2b122;
line-height: 28px;
}

a.navi
{
font-size: 20px;
font-weight: bold;
color: #989898;
line-height: 28px;
}

a.navi:hover
{
font-size: 20px;
font-weight: bold;
color: #e2b122;
line-height: 28px;
}



a.untermenu
{
color: #000;
font-size: 12px;
text-align: right;
line-height: 20px;
display: block;
height: 1%;
}

a.untermenuaktiv
{
color: #e2b122;
font-size: 12px;
text-align: right;
line-height: 20px;
display: block;
height: 1%;
font-weight: bold;
}

a.untermenu:hover
{
color: #e2b122;
font-size: 12px;
text-align: right;
line-height: 20px;
display: block;
height: 1%;
font-weight: bold;
}




a.menu2aktiv
{
color: #e2b122;
font-weight: bold;
font-size: 12px;
line-height: 20px;
display: block;
height: 1%;
}

a.menu2navi
{
color: #989898;
font-weight: bold;
font-size: 12px;
line-height: 20px;
display: block;
height: 1%;
}

a.menu2navi:hover
{
color: #e2b122;
font-size: 12px;
line-height: 20px;
display: block;
height: 1%;
}






/* INHALT */

h1
{
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #989898;
margin-top: -4px;
}

.h4
{
font-family: arial;
font-size: 16px;
color: #989898;
line-height: 16px;

}

.text
{
font-family: arial;
font-size: 12px;
color: #000;
line-height: 20px;
text-align: justify;
margin-top: 5px;
}

.referenzbild
{
position: absolute;;
bottom: 0px;
}

.boldgrey
{
font-weight: bold;
color: #989898;
}

.link
{
color: #898989;
}

.link:hover
{
color: #e2b122;
font-weight: bold;
}


.startseite
{
margin-top: 222px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}










#standpunkt
{
display:block;
background-image:url(logo_standpunkt_grau.gif);
width:154px;
height:19px;
position: absolute;
top: 630px;
left: 259px; 
z-index: 2;
background-repeat: no-repeat;
}

#standpunkt:hover
{
background-image:url(logo_standpunkt.gif);
}

#mymoo
{
display:block;
background-image:url(logo_mymoo_grau.gif);
width:109px;
height:25px;
position: absolute;
top: 634px;
left: 449px; 
z-index: 2;
background-repeat: no-repeat;
}

#mymoo:hover
{
background-image:url(logo_mymoo.gif);
}

#cartattoo
{
display:block;
background-image:url(logo_cartattoo_grau.gif);
width:107px;
height:20px;
position: absolute;
top: 629px;
right: 259px; 
z-index: 2;
background-repeat: no-repeat;
}

#cartattoo:hover
{
background-image:url(logo_cartattoo.gif);
}

#wandtattoo
{
display:block;
background-image:url(logo_wandtattoo_grau.gif);
width:134px;
height:22px;
position: absolute;
top: 657px;
right: 259px; 
z-index: 2;
background-repeat: no-repeat;
}

#wandtattoo:hover
{
background-image:url(logo_wandtattoo.gif);
}



#divUpControl {
	LEFT: 0px; POSITION: relative; TEXT-ALIGN: right; TOP: 0px; 
}
#divDownControl {
	LEFT: 0px; POSITION: relative; TEXT-ALIGN: right; TOP: 0px; 
}
#divContainer {
	CLIP: rect(0px, 255px, 200px, 0px); HEIGHT: 255px; LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TOP: -25px; VISIBILITY: hidden; WIDTH: 200px
}
#divContent {
	LEFT: 0px; POSITION: relative; TOP: 0px
}