body {
		font: 14px arial;
		/*background-color: #9acd12;*/
		background-image: url('../img/sky.jpg');
		background-repeat: repeat-x;
}
/*-- Hauptelemente --*/
#container {
		position: relative;
		width: 810px;
		left: 50%;
		margin-left: -420px;
}

#header {
		border: 0px solid #c6c6c6;
		padding: 5px;
		margin-top: 10px;	
}

#content {
        padding: 3px;
		height:auto;
		width: 750px;
		float:left;
		margin-bottom: 1px;
		margin-top: 2px;  
        position: relative;           		
}

#footer {
		border: 0px;
		padding: 5px;
		margin: 0px 50px 0px 0px;		
		clear: both;		
}

#logo_1 img {
		width: 800px;
}

#hintergrund {
      
		position: relative;
		overflow: auto;
		background: url(http://www.jurgita-krabbelschuhe.de/img/hintergrund/hintergrund_neu.png) repeat-y;	
}

#gast {
        position: absolute; 
		margin-top: 520px;
		margin-left: 0px;   

}
 #gast img, #gast_1 img {
              border: 0px;
              width: 130px;
}

#gast_1 {
        z-index: 8;
        position: absolute; 
		margin-top: 360px;
		margin-left: 350px;   
}

#news {
        position: absolute; 
		margin-top: 400px;
		margin-left: -20px;   

}
 #news img {
              border: 0px;
              width: 170px;
}

/*-- navigation ganz unten --*/
.navigUnterste a {
		border: 0px;
        text-decoration: none;
}


/*-- navigation unten --*/
.navigUnten a {
		border: 0px;
}

/*-- navigation links --*/
#content #menu {
		float: left;
		border: 1px solid #c6c6c6;
		padding: 0px 0px 0px 0px;
}


 .navigOben{
        border: 0px;
		padding: 5px;
}

/*--Navigation oben --*/
.navigOben a {
        background-image: url('../img/button/button_warenkorb.png');
        background-repeat:no-repeat;
		margin-right: 15px;
		text-decoration: none;
		font-weight: bold;
		padding:  5px 5px 5px 5px;
		background-color: yellow;
}

#menu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
}
#menu li {
		background-color: #ffff00;
		padding: 12px 12px 12px 12px;
		margin: 2px 0px 10px 2px;
}
#menu li a{
		margin-bottom: 30px;
		margin-left: 0px;
		font-weight: bold;
		text-decoration: none;
		color: #3366ff;
}
#menu li a:hover{
		background-color: #90ee90;
		color: green;
}

/*--Hauptseite --*/
#content #page {
		width: 550px;
		margin-left: 190px;
		border: 1px solid #c6c6c6;
		padding: 5px;
		background-color: #fff;
		color: #444444;
}

#content #page  a{
		color: #794bfe;
		background-color: #fff;
}

h1 {
        font: 18px;
        font-family: georgia;
		font-style: italic;
        text-align: center;
        color: #d72b0f;
}

h2  {
		font: 16px;
		font-family: georgia;
        font-style: italic;
        text-align: center;
        color: #e383e3;
}
p {
        font: 14px;
        font-family: georgia;                
        text-align: center;
        color: #000;
}
.normal {
        font: 14px;
        font-family: georgia;
        font-style: italic;
        text-align: center;
        color: #eeeeee;
}
.fetter  {
        font: 18px;
        font-family: georgia;
        font-style: italic;
        text-align: center;
        color: red;
}


.navigUnten a {
		margin-right: 10px;
		text-decoration: none;
		color: #0066ff;
		font-weight: bold;
		padding:  5px 5px 5px 5px;
		background-color: withe;
}

 a:hover {
		background-color: #f6f6f6;
		color: green;
}


/* modelle.html */
ul.thumb, ul.wm {
		float: left;
		list-style: none;
		margin: 0px;
		padding-left: 10px;
		width: 610px;
}

ul.wm {
        padding-left: 10px;
}

ul.thumb li, ul.wm li {
		margin-bottom: 5px;
		padding: 10px;
		float: left;
		position: relative;  /* Set the absolute positioning base coordinate */
		width: 260px;
		height: 300px;
}
ul.thumb li img, ul.wm li img {
		width: 240px; height: 240px; /* Set the small thumbnail size */
		-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
		border: 1px solid #ddd;
		padding: 5px 0px 60px 5px;
		background: #f0f0f0;
		position: absolute;
		left: 2px;
		top: 4px;
}
ul.thumb li img.hover {
		background: #f0f0f0;
		background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
		border: none; /* Get rid of border on hover */
}

ul.thumb li .myTitleImg {
        position: relative;
        text-align: center;
        color: blue;
        margin-top: 240px; margin-left: -30px;
        cursor: default;
        z-index: 80;
}

ul.thumb li .myColorImg {
        position: relative;
        text-align: center;
        color: red;
        margin-top: 0px; margin-left: -30px;
        cursor: default;
        z-index: 90;
}

ul.thumb li .myNumberImg, ul.wm li .myNumberImg {
        position: relative;
        text-align: center;
        margin-top: 0px; margin-left: -30px;
        cursor: default;
        z-index: 100;
}

#fotos {
		float:left;
		width:320px;
		height:320px;
		padding-right:30;
		border:0px;
}

#symbol {
        padding-bottom:20px;
        float: right;
        z-index: 50px;
}
#symbol img{
        position: relativ;
        width: 60px; height: 25px;
}

/*-- banner --*/
#banner  {
        width: 800px;
		height: 112px;
		margin-top: 15px;
}

#banner  img{
		border: 0px;	
}

/*-- Angebor der Woche --*/

#angebot  {
        width: 210px;
		height: 250px;
		border: 1px solid #c6c6c6;
		margin-top: 10px;
}


/*-- Navigation --*/

#navigation {
        float: left;
		width: 150px;
		margin-left: 30px;
}

#navigation li, #navigation ul {
		margin: 0;
		padding: 2px;
}
#navigation .n-element {
		margin: 0 0 5px -25px;
		background-color: white;
		padding: 1px;
		border: 1px solid #dddddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

#navigation .n-element li a.activ {
		background-color: #1A68B3;
		color: white;
}

#navigation .n-element .under-menu li a.activ {
		background-color: #edf1f5 ;
		color: #1A68B3 ;
		border-left: 15px solid #1A68B3;
}

#navigation ul {
		list-style: none;
}

#navigation .n-element li a{
		background: url('../images/bgTitleBox.png') repeat-x #f6f6f6;
		background-position: top;
		padding: 6px 3px 6px 6px;
		display: block;
		text-decoration: none;
		color: #444444;
		font-size: 14px;
		font-family: georgia;
		font-style: italic;
		line-height: 16px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

#navigation .n-element li a.activ {
		background-color:#1A68B3;
		color:white;
}

#navigation .n-element .under-menu li a:hover{
		background-color: #edf1f5 ;
		color: #1A68B3 ;
		border-left: 15px solid #1A68B3;
		-moz-border-radius: 0 ;
		-webkit-border-radius: 0 ;
		border-radius: 0;
}

#navigation .n-element .under-menu li a {
		background-image: none;
		font-family: Arial;
		font-style: normal;
		padding: 3px 0px 3px 0px;
		border: 0px;
		font-size: 13px;
		line-height: 20px;
		margin-top: 1px;
		color: #aa3107;
		border-left: 15px solid #f6f6f6;
}

#navigation .n-element .under-menu {
		margin-bottom: 4px;
}

/* Hilfetext */
.helptext {
		margin-bottom: 15px;
		font-size: 0.9em;
}

.table { /* Tabelle Rahmenfarbe */
		background-color: #004E9B;
		width: 100%
}

.table td, .table th { /* Tabelle Hintergrundfarbe */
	   background-color: #99CCFF;
	   font-family: Georgia, Verdana, Sans-Serif;
	   font-size: 13px;
	   text-align: left;
	   vertical-align: top;
}

.table th {
		font-style: italic;
}

input, textarea, caption { /* Eingabe */
	   color: #004E9B;
	   font-family: Georgia, Verdana, Sans-Serif;
}

label { /* Checkbox */
		cursor: pointer;
}

div.failure {
		color: red;
		margin: 3px;
}


#button {
		float:right;
		margin: 20px 0px -10px 5px;
		padding: 0px 35px 0px 0px;
}

#button img {	
		border: 0px;
}

#titel_5 {
        width: 150px; height:auto;
        position: absolute;
        top:270px;
        left:300px;
        border: 0px;
}

#baby {
		 width:190px; height:230px;
		 overflow:auto;
}

#neu {
		 width:188px; height:320px;
		 overflow:auto;
}

#marken {
		 width:190px; height:310px;
		 overflow:auto;
}

#angebot_neu {
		 width:188px; height:450px;
		 overflow:auto;
}

#technik {
		 width:190px; height:250px;
		 overflow:auto;
}

#haustiere {
		 width:190px; height:230px;
		 overflow:auto;
}

#rechts {              			
		position: absolute; 
		margin-top: 20px;
		margin-left: 770px;                                        
}

#links_oben {              			
		position: absolute; 
		margin-top: 20px;
		margin-left: -210px;                                        
}

#links_unten {              			
		position: absolute; 
		margin-top: 500px;
		margin-left: -210px;                                        
}

#rahmen_1 {
        position: relative;       	
}

#rahmen_2 {
        z-index: 1;
        position: relative;
		 width:200px;
		overflow: auto;
        background: url(http://www.jurgita-krabbelschuhe.de/img/rahmen/partner_22.png) repeat-y;	
}
#rahmen_22 {
        z-index: 5;
        position: relative;
		 width:200px;
		overflow: auto;
        background: url(http://www.jurgita-krabbelschuhe.de/img/rahmen/partner_22.png) repeat-y;	
}

#rahmen_3 {
        position: relative;
}

#hintergrund {
		z-index: 2;
        position: relative;
		overflow: auto;
        background: url(http://www.jurgita-krabbelschuhe.de/img/hintergrund/hintergrund_3.png) repeat-y;	
}

#inhalt {
        width: 185px; height: auto;
        background: #fdf9a2;
        position: relative;  margin-left: 5px;
        padding: 3px; 3px; 3px; 3px;	
        
}

#inhalt_2 {
        width: 700px; height: auto;
        background: #fdf9a2;
        position: relative;  margin-left: 3px;
        padding: 2px; 2px; 2px; 2px;	
}