/***********************************************/
/* 	Rambazotti brückmann.design 2009
	Farben:
	blau = 164c82, dunkelblau = 093969, hellblau = 3399CC/519bba, fast weiß = F7F7F7
	rot = 921430, dunkelrot= 731026, hellrot = FF4C03, fast schwarz 1f040a, gelb = FFFF66  */
/***********************************************/
/* html styles */
/***********************************************/ 
 * {
      margin: 0;
      padding: 0;
    }

html,
    body {
	height: 100%;
    }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #F7F7F7;
	line-height: 1.25;
	margin: 0px;
	padding: 0px;
	background-image: url(../Bilder/sterne.jpg);
	background-color: #164c82;
	font-weight: bold;
    }
img {
	border: 0;
}

p {
	font-size: 1em;
	line-height: 1.4em;
}
a:link, a:visited, a:hover  {
	color: #FFFF66;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #519bba;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	color: #FF4C03;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

h1{
	font-size: 1.6em;
	line-height: 1.65em;	
}

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 {
	background-image: url(../Bilder/hintergrund_01.jpg);
	background-repeat: no-repeat;
	height: 207px;
	width: 950px;
	padding-top: 5px;
	background-position: bottom;
}

#wrap {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: 100%;
	background-color: #164c82;
	background-position: 0px 1000px;
	background-repeat: repeat-y;
}

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

#pageName {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#content {
	text-align: left;
	width: 722px;
	float: right;
	min-height: 560px;
	background-color: #164c82;
	background-image: url(../Bilder/hintergrund_03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

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

#siteInfo {
	height: 25px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	margin-top: -27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	clear: both;
}

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

#siteInfo li {
	background-color: #093969;
	height: 25px;
	width: 150px;
	float: left;
	display: block;
	padding-left: 8px;
}

#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: 8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
    }
#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;
    }
#navigation ul {
      position: absolute;
      left:-9999px;
      width: 8em;
    }
#navigation li:hover ul,
#navigation li.sfhover ul {
      left: 8em;
	  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 {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 10px;
}
.feature p {
	padding-bottom: 0;
}


.story {
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 10px 70px 50px 10px;
}

.story li {
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: none;	
}
.story a {
	color: #FFFF66;
}

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

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

.story h3 {
	padding-top: 10px;
	line-height: 1.3em;
}

.story ul li {
	list-style-type: none;
}
.story p img {
	float: left;
	padding-right: 30px;
}

.feature p {
	font-size: 0.9em;
	padding-top: 5px;
	color: #F7F7F7;
	padding-left: 0px;
}

.slideshow ul {
	width: 570px;
	height: 500px;
}

.slideshow li {
	float: left;
	height: 100px;
	width: 110px;
}

.slideshow img {
	height: 80px;
	width: 80px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
}
.storyslideshow {
	background-image: url(../Bilder/schlange_06.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 0.9em;
	line-height: 1.3em;
	clear: both;
	padding-top: 30px;
	padding-bottom: 80px;
	padding-left: 10px;
}
.storyslideshow p {
	padding-top: 20px;
}
.storyslideshow h1 {
	font-size: 1.9em;
}

.highlight {
	color: #FF4C03;
	font-size: 1.4em;
	line-height: 1.4em;
}

.presse {
	font-size: 0.9em;
	line-height: 1.3em;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 10px;
}

.presse p{
	padding-top: 30px;
}

.presse p img {
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
}

.presse h3 {
	padding-top: 10px;
	line-height: 1.3em;
}

.presse h5 {
	padding-top: 30px;
	line-height: 1.3em;
}

.tabelle {
	background-image: url(../Bilder/schlange_06.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 0.9em;
	line-height: 1.3em;
	padding-top: 30px;
	padding-right: 70px;
	padding-bottom: 50px;
	padding-left: 10px;
}

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

.tabelle table tr {
	background-color: #093969;
}

.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: #164c82;
	border-right-color: #164c82;
	border-bottom-color: #164c82;
}

.siteName {
	padding-top: 139px;
	text-align: right;
	margin-right: 25px;
	color: #1f040a;
	font-size: 1.05em;
}

.textlink {
	display: inline;
}

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


.abstandplus {
	margin-top: 4px;
}
.kontakt {
	height: 420px;
	width: 570px;
	background-image: url(../Bilder/aussen2.jpg);
}
.kleiner {
	font-size: 0.75em;
}
#anmeldung div table tr {
	text-align: left;
}
.pampaTitel {
	color: #FF4C03;
	font-family: "Arial Black", "Lucida Grande Bold";
	font-weight: normal;
	text-align: left;
	font-size: 2em;
	padding-top: 20px;
	padding-bottom: 30px;
}