/* CSS Document */
/* rm@progressive-media.de - 20050110*/

body {
margin-top: 5px; /*kann auch entfallen*/
padding:0px; /* für Crossbrowser-Kompatibilität*/
color: #303030;
text-align:center; /* Hack fuer IE5/Win */
background-color:#33506F; /* Hintergrundfarbe ganze Seite */
width: 100%;
overflow: none;
scrollbar-face-color: #fff;
scrollbar-shadow-color: #A2B6CB;
scrollbar-highlight-color: #F3F7FA;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #A2B6CB;
}

/* Ueberschriften */
/* Ackermann - 20080331*/

#us1 {
	font: normal 1.9em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
         margin-top: 1em;
         margin-bottom: 1em;
	color: #303030;
}

#us2 {
	font: normal 1.4em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
         margin-top: 1em;
	margin-bottom: 1em;
	color: #303030;
}

#us3 {
	font: normal  1.2em Verdana, Arial, Helvetica, sans-serif
	letter-spacing: 1px;
         margin-top: 1em;
	margin-bottom: 1em;
	color: #303030;
}

#us4 {
	font: italic  1.0em Verdana, Arial, Helvetica, sans-serif
	letter-spacing: 1px;
         margin-top: 1em;
	margin-bottom: 1em;
	color: #303030;
}
/* Ackermann - 20080331*/



#head {
width: 855px;
height: 108px;
margin:0 auto; /* Breite fuer rechten und linken Rand auf "auto"*/
text-align:left; /*IE5/Win Hack zurücknehmen*/
padding:0px;
border:0px solid #333;
background-color:#fff;
background-image: url(../img/header2a.png);
}

a.topMenu:link {
	border-style:solid;
	border-width:1px;
	border-top-color:#FEC342;
	border-left-color:#FEC342;
	border-right-color:#FEC342;
	border-bottom-color:#FEC342;
	background-color:#F7F2E6;
	width: auto;
	position: relative;
	top: 90px;
	left: 30px;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005AAA;
	letter-spacing: 0px;
	white-space: normal;
	text-decoration: none;
	float: left;
	}

a.topMenu:visited {
	border-style:solid;
	border-width:1px;
	border-top-color:#FEC342;
	border-left-color:#FEC342;
	border-right-color:#FEC342;
	border-bottom-color:#FEC342;
	background-color:#F7F2E6;
	width: auto;
	position: relative;
	top: 90px;
	left: 30px;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005AAA;
	letter-spacing: 0px;
	white-space: normal;
	text-decoration: none;
	float: left;
	}

a.topMenu:hover {
	border-style:solid;
	border-width:1px;
	border-top-color:#FEC342;
	border-left-color:#FEC342;
	border-right-color:#FEC342;
	border-bottom-color:#FEC342;
	background-color:#FFFFFF;
	width: auto;
	position: relative;
	top: 90px;
	left: 30px;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005AAA;
	letter-spacing: 0px;
	white-space: normal;
	text-decoration: none;
	float: left;
	}

a.topMenu:active {
	border-style:solid;
	border-width:1px;
	border-top-color:#FEC342;
	border-left-color:#FEC342;
	border-right-color:#FEC342;
	border-bottom-color:#FEC342;
	background-color:#FFFFFF;
	width: auto;
	position: relative;
	top: 90px;
	left: 30px;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005AAA;
	letter-spacing: 0px;
	white-space: normal;
	text-decoration: none;
	float: left;
	}

#logo{
        float: right;
        padding: 15px;
        /* top  : 15px; */
}

#orange_box {
width: 855px;
height: 22px;
margin:0 auto; /* Breite fuer rechten und linken Rand auf "auto"*/
text-align:left; /*IE5/Win Hack zurücknehmen*/
padding:0px;
border-width: 0px;
background-color:#FEC342;
font-family: Verdana, Arial, Helvetica, sans-serif; /*Mild Hack für IE6*/
font-size: 10px;
/*background-image: url(../img/bg_orange.gif);*/
}

#blue_box {
height: 3px;
width: 855px;
border-style:solid;
border-bottom-width: 1px;
border-bottom-color: #005AAA;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
background-color: #FFFFFF;
margin:0 auto; /* Breite fuer rechten und linken Rand auf "auto"*/
text-align:left; /*IE5/Win Hack zurücknehmen*/
padding:0px;
}

#content {
width: 855px;
height: autopx;
margin:0 auto; /* Breite fuer rechten und linken Rand auf "auto"*/
text-align:left; /*IE5/Win Hack zurücknehmen*/
padding-top:0px;
border:0px;
color: #303030;
background-color:#fff;
position: relative;
top: 0px;
}

#master {
width: 100%;
height: auto;
margin-bottom: 1em;
border:0px;
position: relative;
background-color:#fff;
}

#pathtext {
padding-top:5px;
padding-left:25px;
position: absolute;
top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 50px;
font-weight: bold;
color: #F3F7FA;
letter-spacing: 10px;
white-space: normal;
}

.slogan {
padding-top:10px;
padding-left:25px;
position: relative;
top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
color: #005AAA;
letter-spacing: 5px;
white-space: normal;
}

#text_box {
padding-top:40px;
padding-left:45px;
width: 610px;
border:0px;
color: #303030;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 1px;
white-space: normal;
height: 400px;
}

#text_box[id] {
    height:auto;
    min-height:400px;
}

#text_boxb {
padding:40px 0px 10px 45px;
width: 700px;
border:0px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #303030;
font-size: 11px;
letter-spacing: 1px;
white-space: normal;
height: 400px;
}

#text_boxbb {
padding:40px 0px 10px 45px;
width: 800px;
border:0px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #303030;
font-size: 11px;
letter-spacing: 1px;
white-space: normal;
height: 400px;
}

#text_boxb[id] {
    height:auto;
    min-height:400px;
}

#konheight {
height: 30px;
border:0px;
position: relative;
background-color:#fff;
}

#partner{
	position : absolute;
	top : 45px;
	right : 36px;
	width: 145px;
	height: 212px;
	background-image: url(../img/partner.gif);
	}

#partner2{
	position : absolute;
	top : 150px;
	right : 36px;
	width: 147px;
	height: 88px;
	background-image: url(../img/dav.gif);
         }

#work{
	position : absolute;
	top : 120px;
	right : 40px;
	width: 300px;
         height: 300px;
         }

#inputlayer{
	position : relative;
	width: 380px;
	height: 24px;
	}

#pmlayer{
	position : absolute;
         width: 335px;
	height: auto;
	white-space:nowrap;
	left: 0px;
	}

#sr{
         float: left;
         position : relative;
         width: 335px;
	height: auto;
	white-space:nowrap;
	left: 0px;
	top: 10px;
	}

#partnerlayer{
         float: left;
         position : relative;
	width: auto;
	height: auto;
	float: right;
	margin-left: 40px;
	}

#textarealayer{
	position : relative;
	width: 380px;
	height: 100px;
	}

#adresse{
	font: normal  1.0em Verdana, Arial, Helvetica, sans-serif
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #303030;
         position:absolute; bottom:0px;
         padding: 0 0 10px 0;
	}

#adresserechts{
	position : absolute;
	top : 280px;
	right : 36px;
	width: 145px;
	height: 100px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #303030;
	font-size: 10px;
	letter-spacing: 1px;
	white-space: normal;
         }

#adresserechtsunten{
	position : absolute;
	top : 380px;
	right : 36px;
	width: 160px;
	height: 100px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #303030;
	font-size: 10px;
	letter-spacing: 1px;
	white-space: normal;
         }
#adresselinksunten{
	position : absolute;
	top : 380px;
	left : 36px;
	width: 160px;
	height: 100px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #303030;
	font-size: 10px;
	letter-spacing: 1px;
	white-space: normal;
         }

#kadresse{
	position : absolute;
	top : 45px;
	right : 40px;
	width: 350px;
	height: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
         color: #303030;
         font-size: 11px;
	letter-spacing: 1px;
	white-space: normal;
	z-index: 15;
	}


#kadresse[id] {
    height:auto;
    min-height:400px;
}

#unterschrift{
        position : absolute;
	top : 180px;
	right : 440px;
	width: 365px;
	height: 400px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	white-space: normal;
	}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
         color: #303030;
         letter-spacing: 1px;
	white-space: normal;
}

.einruecken {
	text-indent: 3em;
}

br { /*Mild Hack Firefox*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 6px;
}

.list {
list-style:disc;
color: #FEC342;
margin-top: 3px;
margin-left: 30px;
padding: 4px;
}

.lilist {
list-style:disc;
color: #FEC342;
margin-top: 5px;
margin-left: 30px;
padding: 4px;
}

.listtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #303030;
}

#hw {
align: bottom;
margin-top: 3px;
margin-left: 30px;
padding: 4px;
}

#hw li {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #303030;
font-size: 1em;
font-weight: normal;
letter-spacing: 1.0px;
white-space: normal;
padding: 0px 0px 10px 12px;
list-style: none;
background: url(../img/box_7px_orange.gif) no-repeat -2px 5px;
}

.abstand {
padding: 3px;
}



.input80 {
	background-color:#F3F7FA;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-right-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
         color: #303030;
	height: 16px;
	width: 120px;
	margin-left: 5px;
	}

.input50 {
	background-color:#F3F7FA;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-right-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
         color: #303030;
	height: 16px;
	width: 50px;
	position: absolute;
	right: 255px;
	}

.input245 {
	background-color:#F3F7FA;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-right-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
         color: #303030;
	height: 16px;
	width: 245px;
	position: absolute;
	top: 0px;
	right: 5px;
	float: right;
	}

.input300 {
	background-color:#F3F7FA;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-right-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
         color: #303030;
	height: 16px;
	width: 300px;
	position: absolute;
	right: 5px;
	}

.textarea300 {
	background-color:#F3F7FA;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-right-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
         color: #303030;
	height: 100px;
	width: 300px;
	position: absolute;
	right: 5px;
	}

.sende {
cursor: hand;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #F3F7FA;
width:auto;
height: 20px;
padding: 0px;
position: absolute;
right: 5px;
float: right;
}

.delet {
cursor: hand;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #F3F7FA;
width:auto;
height: 20px;
padding: 0px;
position: absolute;
right: 80px;
}

#footer {
width: 855px;
height: auto;
margin:0 auto; /* Breite fuer rechten und linken Rand auf "auto"*/
text-align:left; /*IE5/Win Hack zurücknehmen*/
border:0px;
background-color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif; /*Mild Hack für IE6*/
font-size: 10px;
}

a.footerlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #005AAA;
	letter-spacing: 0px;
	white-space: normal;
	text-decoration: none;
}

a.footerlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #005AAA;
	letter-spacing: 0px;
	white-space: normal;
	text-decoration: none;
}

a.footerlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FEC342;
	letter-spacing: 0px;
	white-space: normal;
	text-decoration: none;
}

a.footerlink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FEC342;
	letter-spacing: 0px;
	white-space: normal;
	text-decoration: none;
}

a.link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005AAA;
	letter-spacing: 1px;
	white-space: normal;
	text-decoration: none;
}

a.link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005AAA;
	letter-spacing: 1px;
	white-space: normal;
	text-decoration: none;
}

a.link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FEC342;
	letter-spacing: 1px;
	white-space: normal;
	text-decoration: none;
}

a.link:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FEC342;
	letter-spacing: 1px;
	white-space: normal;
	text-decoration: none;
}


/* ================================================================= */
/* Folgender Abschnitt enthält CSS aus dem Bulletproof Webdesign Buch */
/* Formatierung der Seite mit vier Bildern plus Text z.B. Skilauf     */

#bilderliste {
  	float: left;
  	width: 304px;
  	padding: 10px 0;
  	background: url(img/bg.gif) no-repeat top left;
  	}
#bilderliste dl {
  	float: left;
  	width: 260px;
  	margin: 10px 20px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
#bilderliste dt {
  	float: right;
  	width: 162px;
  	margin: 0;
  	padding: 0;
  	font-size: 12px;
  	letter-spacing: 1px;
  	}
#bilderliste dd {
  	margin: 0 0 0 98px;
  	padding: 0;
  	font-size: 11px;
  	line-height: 1.5em;
    	}
#bilderliste dl dd.img {
   	margin: 0;
   	}
#bilderliste dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}

/* reverse float d.h. Bild rechts neben dem Bild */

#bilderliste .alt dt {
  	float: left;
  	}
#bilderliste .alt dd {
  	margin: 0 98px 0 0;
  	}
#bilderliste .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
/* Ende Format Bilderleiste */
/*  =================================================================*/