/* 

ibp.css by
schoenundneu.buero fuer internetangelegenheiten

05-2008

 */
 
@import url(typo.css); 
@import url(list.css);
@import url(prominenz.css);
 
html {
margin : 0;
padding : 0;
}

body {
color : #414242;
background-color : #970000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100.01%;
margin : 0 auto;
text-align : center;
border-top : 1px solid black;
width : 100%;
height : 70%; 
}

#background {
position : absolute;
top : 0;
left : 0;
background-color : white;
width : 100%;
height : auto;
}

#background-border-bottom,
#background-border-bottom-wirtschaft {
position : absolute;
bottom : -300px;
left : 0;
width : 100%;
padding : 0 0 300px 0;
border-top : 3px solid #221e1f;
color : #970000;
background-color : #970000;
display : inline;
}

#wrapper {
width: 979px;
height : auto;
position : relative;
margin: 0px auto;
text-align : left;
background-color : white;
} 

img#ibp-logo {
position : absolute;
top : 35px;
/* left : -157px; */  
left: 0;
}

#kopfleiste {
position : relative;
top : 34px; 
left: 157px;
 z-index : 1; 
}

#content {
margin-bottom : 70px;
position : relative;
left: 157px;
margin-top : -22px;
width : 640px;
z-index : 10;
/*border: solid 1px red;  */
}

.adress {
position : absolute;
top : 246px;
left : 8px;
}

.adress a {
text-decoration : none;
color : red;
}
.adress a:hover {
text-decoration : underline;
}

a img {
border : 0;
}

#branding a {
color : #000000;
text-decoration : none;
}



.taylor {
float : right;
margin : 0 2em 1em 1em;
border : 1px solid;
}


p img.maeander {
padding : 0 1em 0 0;
margin-top: .3em;
float : left;
}




div.wirtschaft  {
width : 275px;
height : auto;
margin : 0 auto 2em auto;
position : relative;
top : 0;
left : 190px;
border-left : 1px solid gray;
padding-left : 2.2em;
}

div.taylor  {
width : auto;
height : 485px;
margin : 0 auto 2em auto;
position : relative;
top : 0;
left : 0px;
border : 0;
border-left : 1px solid gray;
padding-left : 3.8em;
} 

div.taylor img {
height : 281px;
width : 193px;
border : 2px solid gray;
}

.buch {
float : right;
margin : 1.2em 0 0 0;
border : 1px solid gray;
}


.text {
position : relative;
left : 0;
top : -4px;
width : 320px;
height : 500px;
}
.text-geschichte {
position : relative;
left : 0;
top : -4px;
width : 320px;
}



/* 
die Sprungmarke nach oben
--------------------------------------------------------------------------------
 */

p.toplink a {
float: right; 
text-decoration: none;
color : #970000;
}

p.toplink a:hover {
text-decoration: underline;
}     



/* 
die Download-Tabellen
--------------------------------------------------------------------------------
 */

table.pdf-download {
line-height: 1.5em;
font-size : 75%;
width: 390px;
margin-left: 3em
}

table.pdf-download a.pdf-download {
float: right;
}