html, body{
        height:100%;
}

body{
        font-family: Lucida Grande, Lucida Sans, Arial, Verdana;
        font-size: 12px;
        text-align:center; /* horizontale Zentrierung fuer Internet Explorer */

}

#distance{ 
        width:1px;
        height:50%;
        /* margin-bottom:-13.75em; Halbe Hoehe container */
        margin-bottom:-375px; /* Halbe Hoehe container */
        float:left;
}

#impressum .txt-img p a{
color: #333;
}
#impressum .txt-img p a:hover{
color: orange;
}

.nogo{
position: absolute;
height: 430px;
width: 700px;
top: 0px;
left: 60px;
}
.player{

text-align: center;
}
#container{
/*
border: 1px dashed #999;
*/

        margin:0 auto;
/*
background-image: url(http://www.nadine-gerhardt.de/files/mitte.jpg);
background-repeat: repeat-y;
background-position: 50% 0%;
*/
        position: relative; 
        text-align:left;
        /*height:27.5em;*/
        height:749px;
        width:1000px;
        clear:left;
}
#header{

        float: left;
        margin-left: 50px;
        height: 82px;
        width: 900px;
}
#header img{
       color: #5F5F5F;
        font-family: Lucida Grande, Lucida Sans, Arial, Verdana;
       font-weight: normal;
       margin: 45px 0 0 344px;
}

#header h1,
#content h1{
       letter-spacing: 7px;
       font-size: 21px;
}
#content h2{
       font-size: 19px;
}
#content h3{
       font-size: 15px;
}
#content h4{
       font-size: 13px;
}
#content h5{
       font-size: 11px;
}
#content{
       position: absolute;
       line-height: 15px;
       top: 110px;
       left: 81px;
       width: 840px;
       color: #5F5F5F;
/*
       border: 1px dashed #666;
*/
}
.startseite a{
       color: #5F5F5F;
        text-transform: uppercase;
        font-family: Lucida Grande, Lucida Sans, Arial, Verdana;
       font-weight: normal;
font-size: 12px;
       color: #5F5F5F;
}
#content .txt-img h1,
#content .txt-img p{
       margin-bottom: 10px;
}

#content .startnavigation{
        background-image: url(http://www.nadine-gerhardt.de/files/startseite.jpg);
        background-repeat: no-repeat;
        height: 600px;
        background-position: 47% 0%;
}

#content .startnavigation ul li{
        margin-top: 280px;
        text-transform: uppercase;
        float: left;
}

#content .startnavigation ul li a{
        color: #5F5F5F;

/*  Bullets Navigation Startseite
        background-image: url(http://www.nadine-gerhardt.de/files/dotulli.png);
        background-repeat:: no-repeat;
        background-position: 0% 50%;
*/

        font-size: 12px;
        height: 12px;
        padding: 0 10px 0 0px;
}

#content .startnavigation ul.rex-navi1  li#rex-article-1{
        display: none;
}

#content .startnavigation ul.rex-navi1  li#rex-article-5{
        padding-left: 414px;
}
.setcard p{
        background-image: url(http://www.nadine-gerhardt.de/files/pdf_icon.gif);
background-position: 60px 50%;
}
#content .rahmen{
        line-height: 19px;
}

#content .rahmen p,
#content .rahmen h1,
#content .rahmen h2,
#content .rahmen h3,
#content .rahmen h4,
#content .rahmen h5,
#content .rahmen h6{
        text-align: center;
}
#content .txt-img ul li{
       float: left;
       font-size: 14px;
       font-weight: bold;
       list-style-type: disc;
       padding: 0 25px 0 8px;
}

#content .txt-img h1{
        letter-spacing: 0px;
}
#content .txt-img p{
        font-size: 12px;
}
#content #impressum{
      //  padding-top: 90px;
}

#content #impressum .txt-img p{
       /* entfernt 12.08.09 margin-bottom: 30px;*/
        text-align: center;
}

#content .kontakt{
        font-size: 12px;
        margin-top: 0px;
}
#content .txt-img p a{
color: #666;
}
#content .kontakt input{
         margin-bottom: 5px;
}

#content .kontakt input,
#content .kontakt textarea,
#content input.submit{
        width: 400px;
height: 18px;
        border: 1px solid #999;
        background-color: transparent;
}
#content .kontakt textarea{
        height: 55px;
}
#content input.submit{
        margin: 10px 0 0 0px;
        background-color: transparent;
        text-align: left;
        font-family: Lucida Grande, Lucida Sans, Arial, Verdana;
font-size: 12px;

        font-weight: normal;
        color: #5F5F5F;
        cursor: pointer;
height: 20px;
}

#content .kontakt{
        margin-left: 30px;
}

#content .kontakt h1{
       letter-spacing: 2px;
        font-size: 15px;
        padding: 10px 0 20px 0;
}

#content .kontakt .l,
#content .kontakt .r{
      float: left;
}

#content .kontakt .l{
      width: 387px;
}

#content .kontakt .r{
      width: 400px;
}
#content .kontakt .r{
      margin-left: 0px;
}

#content .kontakt p.formtext label,
#content .kontakt p.formtextarea label{
        clear: both;
        width: 400px;
        float: left;
        padding: 2px 0 3px 0;
}

#content .kontakt .r{

}

#content  ul.form_warning{
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0px;
        color: #5F5F5F;
}

#content ul.form_warning li{
        border: 1px dashed #5F5F5F;
        padding: 2px;
        width: 400px;
        text-align: center;
        margin: 3px 0 3px 0;
}

#content .kontakt p.formsubmit input:hover{
color: #FC840C;
}

p a.pdf{
        background-image: url(http://www.nadine-gerhardt.de/files/pdf_icon.gif);
        padding: 0 0 0 20px;
        background-repeat: no-repeat;
}

#gallery{
       width: 850px;
       margin: 40px 0 0 0;
}

#gallery a img{
        float: left;
}

.gallerypaging{
       width:450px;
       float: left;
       margin-left: 401px;
}
.gallerypaging .l,
.gallerypaging .r{
       width: 20px;
       float: left;
}
.gallerypaging .l a#l,
.gallerypaging .l a#l2{
       width: 20px;
       float: left;
       background-position: 0% 0%;
       background-image: url(http://www.nadine-gerhardt.de/files/back.png);
}
.gallerypaging .r a#r,
.gallerypaging .r a#r2{
       width: 20px;
       float: left;
       background-position: 0% 0%;
       background-image: url(http://www.nadine-gerhardt.de/files/next.png);
}
.gallerypaging .l a:hover#l,
.gallerypaging .r a:hover#r{
       background-position: 0% 100%;
}

.clients{
       width: 750px;
       text-align: center;
       margin: auto;
}

.clients .txt-img{
       line-height: 22px;
}

#content .clients .txt-img h1{
       font-weight: bold;
       font-size: 13px;
}

#footer{
       position: absolute;
       top: 672px;
        width: 900px;
        float: left;
        margin-left: 50px;
        align: center;
        height: 74px;
}

#footer ul{
        margin-left: 176px;
}

#footer ul li{
        float: left;
        color: #000;
        /*
        background-image: url(http://www.nadine-gerhardt.de/files/dotulli.png);
        background-repeat:: no-repeat;
        */        
        height: 12px;
        background-position: 0% 50%;
        margin-top: 22px;
}

#footer ul li a{
        float: left;
        font-size: 12px;
        color: #5F5F5F;
        padding: 0 9px 0 15px;
        text-transform: uppercase;
}

* {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

a {
	text-decoration:none;
}

img, fieldset {
	border: 0;
}

img {
	vertical-align: bottom;
}

ol, ul, li {
	list-style: none;
}

strong {
	font-weight: bold;
}

html {
	height: 100.01%;
	margin-bottom: -1px;
}

body {

	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align:left;
        text-align:center; /* horizontale Zentrierung fuer Internet Explorer */
}

.nospace {
	margin: 0;
	padding: 0;
}

body, div,
h1, h2, h3, h4, h5, h6, p,
a, span,
li {
	background-repeat:no-repeat;
}

.fl-lft,
.flLeft {
	float: left;
	margin: 0 20px 0 0;
}

.fl-rght {
	float: right;
	margin: 0 0 0 20px;
}

.algn-lft {
	text-align: left;
}

.algn-rght {
	text-align: right;
}

.clearer {
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear {
	clear: both;
}

.hidden {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}

.doppelseitewrap{
       width: 830px;
       float: left;

}
.doppelseitewrap .l,
.doppelseitewrap .r{
       width: 20px;
       float: left;
       height: 200px;

}

.doppelseite{
       width: 784px;
       height: 500px;
       text-align: center;

float: left;
}
.doppelseite .img{

       margin: auto;
text-align: center;
       height:422px;
}
.doppelseite .img table{
        align: center;
        margin: auto;
}

.doppelseite img{

}

/* startseite */
#content table.startseite{
        width: 100%;
        text-transform: uppercase;
}

table.startseite td{
}

table.startseite ul li{
        color: #5F5F5F;
        float: left;
}
#content table.startseite ul li a{
        color: #5F5F5F;
        font-size: 12px;
}

#sliderbox{
	position: absolute;
        text-align: center;
        width: 835px;
}

#content .setcard{
	width: 417px;
	text-align: center;
	float: left;
}

#content .setcard p{
	font-weight: normal;
	font-size: 12px;
}

#content .setcard p a{
	color: #5F5F5F;
}
#content .setcard p a:hover{
color: #96CA28;
}

td .txt-img p{
padding-bottom: 10px;
}

#spinner{
background-image: url(http://www.nadine-gerhardt.de/files/spinner.gif); 
background-position: 50% 50%; 
background-repeat: no-repeat; 
margin: 0px; padding: 0px; 
width: 100%; 
position: absolute;
height: 100%; 
background-color: #fff; 
opacity: 0.8; 
top: 0px; 
border: 1px dashed red;
left: 0px; 
z-index: 2;
border: 1px dashed #eee;
}
#content .rahmen .txt-img p{
font-size: 11px;
line-height: 14px;
}

#content .setcard img{
        padding-top: 10px;
}

#content .setcard_txt{
        width: 840px; 
        padding: 15px 0 15px 0;
        float: left;
        font-size: 13px;
}

#makeMeScrollable {
        position: absolute;
        top: 438px;
        left: 0;
	height:110px;
	width:833px;
}
#makeMeScrollable a {
	border:0;
}

#makeMeScrollable div.scrollableArea img {
  /*width: 83px;*/
  border:0;
}
#makeMeScrollable div.scrollableArea * {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 35px;
	width: 35px;
	height: 110px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(http://nadine.yadev.de/images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0px;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(http://nadine.yadev.de/images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(http://nadine.yadev.de/files/arrow_left.png);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.7; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.7; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 70); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 35px;
	width: 35px;
	height: 110px;
	background-image: url(http://nadine.yadev.de/images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
        left:800px;
	cursor: url(http://nadine.yadev.de/images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(http://nadine.yadev.de/files/arrow_right.png);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	-moz-opacity: 0.5;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}