@charset "iso-8859-1";
/* Startseite Styles */
/* Korrekturen fuer IEs am Ende des Sheets */

* {
margin: 0;
padding: 0;
}
body {
background-image: url(../images/bg-verlauf.jpg);
background-repeat: repeat-x;
font-family: Arial, sans-serif;
text-align: center; /* IE */
background-color: #fafafa;
color: #000;
}
#wrapper {
position: relative;
background-image: url(../images/bg-stripe.gif);
background-repeat: no-repeat;
width: 831px;
margin: 0 auto;
text-align: left; /* IE */
background-color: #fff;
color: #000;
border-right: 1px solid #cfd3d6;
overflow: hidden; /* IE und Opera */
}

/* === KOPFBEREICH === */
#header {
height: 82px;
padding-left: 15px;
}
 /* Container fuer Logo */
#header #logo {
float: left;
width: 207px;
height: 100%;
background-color: #fff;
color: #000;
}
#header #logo img {
padding: 30px 0 0 10px;
}

/* === CONTENT-BEREICH === */
#contentbox {
margin-top: 30px;
padding: 0 0 0 10px;
}

#content {
position: relative;
margin-right: 140px;
padding: 0 15px;
}
#content p {
margin: 10px 0;
font-size: 82%;
line-height: 1.4;
}
/* Links im Fliesstext */
#content a {
text-decoration: none;
background-color: transparent;
color: #86372a;
border-bottom: 1px solid #86372a;
}
#content a:visited {

}
#content a:hover {

}
#content a:active, a:focus {

}

/* Links bei Bilder neutral, sunbeam,pd 2006 */
#content .csc-textpic a {
border-bottom: none;
}

/* Bildunterschriften grün m. weisser Schrift, sunbeam,pd 2006 */ 
dd.csc-textpic-caption {
    border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #92bf06;
	font-size: 11px;
	padding: 3px 0 3px 3px;
}

/* === INFO-BOXEN === */
.infobox {
position: relative;
margin-bottom: 10px;
}

/* linksbuendige Kaestchen */
.info1 {
width: 380px;
margin-bottom: 10px;
min-height: 76px;
background-color: #f5f5f5;
color: #000;
border: 3px solid #e3e3e3;
}
.info1 h4 {
font-size: 90%;
float: left;
min-width: 160px;
min-height: 72px;
margin: 1px 10px 1px 1px;
background-image: url(../images/bg-i1.gif);
background-repeat: no-repeat;
background-position: top left;
border: 1px solid #939ca1;
background-color: #92bf06;
color: #fff;
}
#content .info1 a,
#content .info1 a.internal-link {
display: block;
padding: 10px 5px;
border: 0 none;
background-color: transparent;
color: #fff;
}

/* rechtsbuendige Kaestchen */
.info2 {
position: absolute;
top: 0px;
right: 0px;
width: 232px;
margin-bottom: 20px;
padding: 1px;
background-color: #f5f5f5;
color: #000;
border: 3px solid #e3e3e3;
}
/* Original
.i2-button {
background-image: url(../images/bg-i2.gif);
background-repeat: no-repeat;
background-position: top left;
border: 1px solid #939ca1;
background-color: #9bc41c;
color: #fff;
}
#content .i2-button a {
display: block;
padding: 10px 5px;
border: 0 none;
background-color: transparent;
color: #fff;
}
.info2 h4 {
font-size: 90%;
}
*/

/* angepasst, pd 17.05.2006 */
#content .info2 h4 a {
display: block;
xpadding: 10px 5px;
border: 0 none;
background-color: transparent;
color: #fff;
}
.info2 h4 {
font-size: 90%;
padding: 10px 5px;

background-image: url(../images/bg-i2.gif);
background-repeat: no-repeat;
background-position: top left;
border: 1px solid #939ca1;
background-color: #9bc41c;
color: #fff;
}
/* angepasst, pd 17.05.2006 */

#content .info2 p {
margin: 5px;
}
#content .info2 p.thumbs {
margin-top: 10px;
text-align: center;
}

/* === SUBFOOTER-BEREICH === */
#subfooter {
position: relative;
margin: 40px -10px 15px 0px;
}
#content #subfooter p {
margin: 0;
padding: 5px 5px;
}

#subfooter .newsbox {
width: 383px;
background-color: #f5f5f5;
color: #000;
border: 1px solid #e3e3e3;
}

#subfooter .subnav {
width: 383px;
text-align: right;
}

#subfooter .login,
#subfooter .tx-newloginbox-pi1 {
position: absolute;
top: 0px;
right: 0px;
width: 240px;
}
#subfooter .login form,
#subfooter .tx-newloginbox-pi1 form {
display: inline;
}
#subfooter .login input,
#subfooter .tx-newloginbox-pi1 input {
width: 145px;
height: 1.2em;
border: 1px solid #b7bcc0;
background-color: #fff;
color: #000;
}
#subfooter .login input.senden,
#subfooter .tx-newloginbox-pi1 input.senden {
width: 5.2em;
height: 1.4em;
border: 1px solid #b7bcc0;
cursor: pointer;
background-color: #fff;
color: #86372a;
xpadding: 5px;
}

/* === FOOTER-BEREICH ===*/
#footer {
position: relative;
height: 114px;
clear: both;
background-color: #86372a;
color: #fff;
}
/* Container fuer das Ende der Illustration 'Bohrer' */
#footer #bohrer-ende {
position: absolute;
top: 0px;
right: 0px;
width: 103px;
height: 114px;
background-image: url(../images/drill3.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

/* === CONTAINER FUER ILLUSTRATION 'BOHRER' === */
#bohrer {
position: absolute;
top: 82px;
right: 0px;
bottom: 0;
width: 103px;
height: 1533px;/*IE und Opera*/
background-image: url(../images/drill-long.gif);
background-repeat: no-repeat;
background-position: 1px 0;
}

/* === 'TOOLBOX' ===
   enthaelt Sprachwechsel und Suchmaske
   (Kann im Quellcode beliebig positioniert werden) */
#toolbox {
position: absolute;
top: 15px;
right: 15px;
width: auto;
height: 82px;
}
#toolbox p {
text-align: right;
font-size: 82%;
}

#toolbox a {
background-repeat: no-repeat;
background-position: top right;
padding-right: 30px;
background-color: #fff;
color: #86372a;
text-decoration: none;
border-bottom: 1px solid #86372a;
}

#toolbox p.english a{background-image: url(../images/eng.gif);}
#toolbox p.deutsch a{background-image: url(../images/deu.gif);}

/* Suchmaske */
#toolbox form {
margin-top: 21px;
}
#toolbox input {
width: 150px;
height: 1.2em;
border: 1px solid #b7bcc0;
background-color: #fff;
color: #000;
}
#toolbox input.senden {
width: 5em;
height: 1.4em;
border: 1px solid #b7bcc0;
cursor: pointer;
background-color: #fff;
color: #86372a;
}

/* === SONSTIGES === */
.invis, hr, #printonly {
display: none;
}
img {
border: 0 none;
}

/* ============================ */
/* === Korrekturen fuer === IEs */

* html #content {
height: 1%;
margin-right: 130px;
}

* html .info2 {
right: 20px;
}
* html #subfooter {
padding-bottom: 10px;
}
* html #subfooter .login {
margin-right: 10px;
}

* html #content .info1 {
height: 75px;
padding: 1px;
}
* html #content .info1 h4 {
height: 100%;
width: 160px;
margin: 0 5px 0 0;
}
* html #content .info1 p {
margin: 0;
padding: 10px 5px;
}

p.csc-frame-frame1 {margin-top: 10px;text-align: center;}

p.csc-frame-frame1 img {
margin: 2px;
}