body {
background-color: #2E576B;
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 12px;
color: #2E576B;  
text-align: center;
}


/* --- new styles, noch einsortieren --- */

h1 {
  margin: 0px;
  border: 0px;
  padding: 0px;
  padding-top: 7px;
  padding-left: 6px;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
}


h3 {
  margin: 0px;
  border: 0px;
  padding: 0px;
  padding-top: 7px;
  padding-left: 6px;
 font-size: 14px;
 font-weight: bold;
 color: #2E576B;
}

#text ul {
list-style-type:circle;
margin:0px;
padding-bottom:0px;
padding-left: 20px;
}

#text li {
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}

#info a {
font-weight:bold;
text-decoration:underline;
}

.pics{
border:1px solid #2E576B;
}

/*---Cols Startpage --- */

#col01 {
	float: left;
	width: 400px;
	}

	

/* ------ HEADLINE ------ */
#headline {  
background-image: url(graphics/headline.gif);  
height: 26px;
width: 756px;   
border-bottom: 1px solid #D9D5C3; 
}
u a:link {
font-size: 12px;
color: #2E576B;
}
u a:visited {
font-size: 12px;
color: #2E576B;
}
u a:hover {
font-size: 12px;
color: #2E576B;
}
u a:active {
font-size: 12px;
color: #2E576B;
}
label, #feld {
 display: block;
 float: left;
 width: 300px;
}
#form br { 
  clear: left;
}
input#submit {
  float: none;
  width: auto;
}
label {
 text-align: right; 
 padding-right: 1em; 
}
#form {
  background: #fffffff;
  margin:0;
  padding:.5em;
}

/* ------ HEADER ------ */

#header {
 background-color: #FFFFFF;
 width: 758px;
 height: 125px;
 margin: 0px;
 padding: 0px;
 text-align:left;
}

/* ------ MENU ------ */

#menu_border{
border-top: 5px solid #cfe6e4;
border-bottom: 5px solid #cfe6e4;
}

#menu_box {
width: 758px;
 color: #2E576B;
 background: url(graphics/menu.gif) left top;
 padding-top:3px;
 height: 22px;
 text-align: left;
}

/* ------ NAVIGATION ------ */

#navlist
{
margin: 0px;
padding: 0px;
height: 14px;
}

#navlist li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}
/* ------ LINKS ------ */
#navlist li a:link, #navlist li a:visited
{
font-size: 10px;
text-decoration: none;
display: block;
padding-top: 2px;
margin: 0px;
height: 14px;
overflow: hidden;
text-align: center;
}

#navlist li a:hover,  li a:active
{
font-size: 10px;
text-decoration: none;
display: block;
padding-top: 2px;
margin: 0px;
height: 14px;
overflow: hidden;
text-align: center;
font-weight:bold;
}
#offer li a:link, #offer li a:visited, #offer li a:hover, #offer li a:active
{
text-decoration: none;
font-weight: normal;
font-size: 12px;
margin: 0px;
padding-top: 0px;
text-align: left;
}
#sv_list li a:link, #sv_list li a:visited, #sv_list li a:hover, #sv_list li a:active
{
text-decoration: underline;
font-weight: normal;
font-size: 12px;
margin: 0px;
padding-top: 0px;
text-align: left;
}

/* ------ SHORTVIEW ------ */
#shortview_box {
width: 756px;
text-align: left;
margin: 0px;
font-size: 11px;
}
#sv_list
{
margin: 0px;
padding: 0px;
height: 69px;
_height: 36px;
}
#sv_list li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;

}
#sv_title { 
 margin: 0px;
 padding: 4px;
 width: 252px;
 height: 60px;
 border-right: 1px solid #D9D5C3;
 border-bottom: 1px solid #D9D5C3;
 }
 
/* ---- IE BREITE HACK --- */
html>body #sv_title {
 width: 226px;
}

#sv_info { 
 margin: 0px;
 padding: 4px;
 width: 287px; 
 height: 60px;
 border-bottom: 1px solid #D9D5C3;
 overflow: hidden;
 }
#sv_price { 
 margin: 0px;
 padding: 4px;
 width: 217px;
 height: 60px;
 border-left: 1px solid #D9D5C3;
 border-bottom: 1px solid #D9D5C3;
 text-align: right;
 overflow: hidden;
}
/* ------ MAP ------ */
#map {  
 position:relative;  
 float: left;  
 width:399px;  
 min-height:600px;  
 height:expression(this.scrollHeight > 600 ? "auto":"600px");  
 margin: 0px;  
 padding: 0px;  
 border: 0px;  
 z-index: 5;  
 }
 /* ------ OFFER ------ */
 #offer {  
 position:relative;  
 float: left;  
 width:379px;  
 min-height:600px;  
 height:expression(this.scrollHeight > 600 ? "auto":"600px");  
 margin: 0px;  
 padding: 10px;  
 border: 0px;  
 z-index: 5;  
 }
 /* ------ CONTENT ------ */
#container {  
width: 758px;
 border: 1px solid #D9D5C3;
 text-align: left;
}

/* ---- IE BREITE HACK --- */
html>body #container {
width: 756px;
}
/* ---- MAP ITEM CONTAINER ---- */
#content{  
 color: #2E576B;  
 background-color: #FAFAFA;  
 width:353px; 
 min-height:600px;  
 height:expression(this.scrollHeight > 600 ? "auto":"600px");  
 margin: 0px 0px 0px 400px;  
 padding: 5px;  
 border-left: 1px solid #D9D5C3;  
 z-index: 10;
 font-size:11px;  
}

/* ---- IE BREITE HACK --- */
html>body #content {
width: 345px;
}
#info {
 font-size: 10px;
 width: 332px;
 margin: 5px;
 padding: 5px;
 border: 1px solid #D9D5C3;
}

/* ---- IE BREITE HACK --- */
html>body #info {
width: 324px;
}

#info_header img {
 margin: 5px;
 width: 332px;
}

/* ---- IE BREITE HACK --- */
html>body #info_header img {
width: 336px;
}

#text {
width: 331px;
 margin: 5px;
 padding: 5px;
 border: 1px dashed #2E576B;
 background-color: #EBF5FA;
 text-align: left;
 }
#content li a:link, #content li a:visited, #content li a:hover, #content li a:active
{
text-decoration: underline;
font-weight: normal;
font-size: 20px;
margin: 0px;
padding-top: 0px;
text-align: left;
}
 /* ---- IE BREITE HACK --- */
html>body #text  {
width: 324px;
}

#price {
 width: 300px;
 margin: 4px;
 padding: 5px;
 border: 1px solid #2E576B;
 background-color: #ffffff;
 text-align: left;
 }
 
#thumbnails {
 width: 331px;
 margin: 5px;
 padding: 5px;
 border: 1px dashed #2E576B;
 background-color: #EBF5FA;
  text-align: center;
 }
 
 /* ---- IE BREITE HACK --- */
html>body #thumbnails {
width: 324px;
}
 
#footer {
 background: url(graphics/footer.jpg) no-repeat;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #FFFFFF;
 width: 758px;
 height: 24px;
 _height: 30px;
 clear: both;
 margin: 5px 0px 0px 0px;
 padding: 6px 0px 0px 10px;
 text-align: left;
}
#footer a {
 color: #fff;
}
#spaces {
margin: 10px;
}
/* LINKS */
a:link {
 font: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #2E576B;
 text-decoration: none;
}
a:visited {
 font: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #2E576B;
 text-decoration: none;
}
a:hover {
 font: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #2E576B;
 text-decoration: none;
}
a:active {
 font: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #2E576B;
 text-decoration: none;
}

/* ---- FORMULARE ---- */

input {
 background: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #2E576B;
 margin: 1px;
 padding: 1px;
 border: solid 1px #2E576B;
}
textarea {
 background: #ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #2E576B;
 margin: 1px;
 padding: 3px;
 border: solid 1px #2E576B;
}