/***********************************************/
/* 	Rambazotti brückmann.design 2009
	Druck
/***********************************************/
/* html styles */
/***********************************************/ 
 * {
      margin: 0;
      padding: 0;
    }

html,
    body {
	height: 100%;
    }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #000000;
	line-height: 14pt;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
    }

p {
	font-size: 11pt;
	line-height: 14pt;
}

		
a:link, a:visited, a:hover  {
	color: #FFFF66;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #519bba;
}
/* Fuer die Druckausgabe ueberfluessiges abschalten */
#navigation, #siteinfo, #breadCrumb, #box1, #siteInfo ul, #siteInfo li, #siteInfo img, .ausblenden { display: none; }

h1, h2, h3, h4, h5, h6 {
	color: #FF4C03;
	font-family: "Arial Black", "Lucida Grande Bold";
	font-weight: normal;
}

h1{
	font-size: 1.6em;
	
}

h2{
	font-size: 2em;
}

h3{
	font-size: 1.4em;
}

h4{
	font-size: 1.2em;
}

h5{
	font-size: 0.95em;
	color: #F7F7F7;
}

ul{
 list-style-type: none;
}

ul ul{
 list-style-type: none;
}

ul ul ul{
 list-style-type: none;
}

hr {
 clear: left;
 visibility: hidden;
}

/******** #div styles ********/

#kopf {
	height: 207px;
	width: 1000px;
	padding-top: 5px;
}

#wrap {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color: #ffffff;
	min-height: 100%;
}

#seite {
	min-height: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color: #ffffff;
}

#pageName {
	position: absolute;
	top: 200px;
}

#content {
	text-align: left;
	width: 1000px;
	float: right;
	min-height: 560px;
	position: absolute;
}

#box1 {
	background-image: url(../Bilder/hintergrund_02.jpg);
	width: 227px;
	background-repeat: no-repeat;
	float: left;
	height: 560px;
	background-color: #164c82;
}

#siteInfo {
	height: 25px;
	width: 100%;
	margin-top: -25px;
	clear: both;
	font-size: 0.7em;
}

#siteInfo ul {
	text-align: left;
	width: 100%;
}

#siteInfo li {
	background-color: #093969;
	height: 25px;
	width: 158px;
	float: right;
	display: block;
}

#siteInfo img {
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 5px;
}

/******** #Navigation ********/
	
#navBar {
	text-align: left;
	padding-left: 7px;
}
    ul {
      list-style: none;
    }
#navigation {
	float: left;
	width: 7.5em;
	font-size: 1.01em;
    }
#navigation a {
	color: #FF6;
	text-decoration: none;
	display: block;
	background-color: #901331;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #901331;
	border-bottom-color: #901331;
	font-family: "Arial Bold", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
    }
    #navigation ul {
      position: absolute;
      left:-9999px;
      width: 7.5em;
    }
    #navigation li:hover ul,
    #navigation li.sfhover ul {
      left: 7.5em;
	  top:.75em;
	  background-color: #901331;
    }
    /* Containing Block für absolute Positionierung -- erst bei Hover! */
    #navigation li:hover,
    #navigation li.sfhover {
      position: relative;
    }
    /* Den Hovereffekt in der ersten Listenebene behalten, wenn die zweite gehovert wird */
    #navigation li:hover a,
    #navigation li.sfhover a {
	background: #901331; /* rot */
	color: #519bba;
    }
    /* Einfärbung der zweiten Menüebene */
    #navigation li:hover li a,
    #navigation li.sfhover li a {
	color: #FF6;
	background-color: #731026;
    }
    /* Hovereffekt in der zweiten Menüebene */
    #navigation li li a:hover {
      color: #519bba;
      background: #731026
    }
	
#breadCrumb {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 10px;
}

#breadCrumb h5 a {
	float: left;
	display: block;
	padding-right: 20px;
	color: #FFFF66;
}

#breadCrumb h5 a:hover {
	color: #519bba;
}
/************** .class styles *****************/

.feature {
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 200px;
	width: 570px;
	padding: 0 0 10px 10px;
	visibility: hidden;
}

.story {
	font-size: 10pt;
	line-height: 13pt;
	padding: 10px 70px 50px 10px;
	font-weight: normal;
	visibility: hidden;
}

.story a {
	color: #FFFF66;
}

.story a:hover {
	color: #000;
}

.story p {
	padding: 10px 70px 10px 0px;
	
}

.story h3 {
	padding-top: 10px;
}

.story ul li {
	list-style-type: disc;
}

.tabelle {
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: normal;
	padding-top: 30px;
	position: absolute;
	top: 300px;
	width: 100%;
}

.tabelle table {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
}

.tabelle table tr {
}

.tabelle table tr td {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	background-color: #CCC;
}

.siteName {
	padding-top: 139px;
	text-align: left;
	margin-right: 25px;
	color: #000000;
	font-size: 16pt;
	font-weight: bolder;
}

.textlink {
	display: inline-block;
	font-weight: bold;
}

/***** tricky ******/

a { display: inline-block; }
a { display: block; }
.abstandplus {
	padding-top: 4px;
}

#icon, #icon2, #icon3, #icon4, #icon5, #icon6, #icon7, #icon8, #icon9, #icon10 {
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.kontakt {
	height: 420px;
	width: 570px;
	background-image: url(../Bilder/aussen2.jpg);
}