/***********************************************/
/* 	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: "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 {
	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;
	background-color: #164c82;
	min-height: 100%;
}

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

#pageName {
	padding: 0px 0px 10px 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;
}

#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-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#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: 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;
}

.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 {
	padding-top: 4px;
}
.kontakt {
	height: 420px;
	width: 570px;
	background-image: url(../Bilder/aussen2.jpg);
}
.kleiner {
	font-size: 0.75em;
}
.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 {
	font-size: 0.9em;
	line-height: 1.3em;
	clear: both;
	padding-top: 30px;
	padding-bottom: 80px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#164c82;}
#colorbox{}
    #cboxTopLeft{
	width:25px;
	height:25px;
	background-image: url(../colorbox/example4/images/border1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
    #cboxTopCenter{
	height:25px;
	background-image: url(../colorbox/example4/images/border1.png);
	background-repeat: repeat-x;
	background-position: 0 -50px;
}
    #cboxTopRight{
	width:25px;
	height:25px;
	background-image: url(../colorbox/example4/images/border1.png);
	background-repeat: no-repeat;
	background-position: -25px 0;
}
    #cboxBottomLeft{
	width:25px;
	height:25px;
	background-image: url(../colorbox/example4/images/border1.png);
	background-repeat: no-repeat;
	background-position: 0 -25px;
}
    #cboxBottomCenter{
	height:25px;
	background-image: url(../colorbox/example4/images/border1.png);
	background-repeat: repeat-x;
	background-position: 0 -75px;
}
    #cboxBottomRight{
	width:25px;
	height:25px;
	background-image: url(../colorbox/example4/images/border1.png);
	background-repeat: no-repeat;
	background-position: -25px -25px;
}
    #cboxMiddleLeft{
	width:25px;
	background-image: url(../colorbox/example4/images/border2.png);
	background-repeat: repeat-y;
	background-position: 0 0;
}
    #cboxMiddleRight{
	width:25px;
	background-image: url(../colorbox/example4/images/border2.png);
	background-repeat: repeat-y;
	background-position: -25px 0;
}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{
	position:absolute;
	bottom:3px;
	right:30px;
	color:#164c82;
}
        #cboxPrevious{
	position:absolute;
	bottom:0;
	left:0px;
	width:25px;
	height:25px;
	text-indent:-9999px;
	background-image: url(../colorbox/example4/images/controls.png);
	background-repeat: no-repeat;
	background-position: -75px 0px;
}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{
	position:absolute;
	bottom:0;
	left:27px;
	width:25px;
	height:25px;
	text-indent:-9999px;
	background-image: url(../colorbox/example4/images/controls.png);
	background-repeat: no-repeat;
	background-position: -50px 0px;
}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{
	background-image: url(../colorbox/example4/images/loading_background.png);
	background-repeat: no-repeat;
	background-position: center center;
}
        #cboxLoadingGraphic{
	background-image: url(../colorbox/example4/images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
        #cboxClose{
	position:absolute;
	bottom:0;
	right:0;
	width:25px;
	height:25px;
	text-indent:-9999px;
	background-image: url(../colorbox/example4/images/controls.png);
	background-repeat: no-repeat;
	background-position: -25px 0px;
}
        #cboxClose.hover{background-position:-25px -25px;}
.story p img {
	float: left;
	padding-right: 30px;
}
.highlight {
	color: #FF4C03;
	font-size: 1.4em;
	line-height: 1.4em;
}