/*
*  sydem.css
*  2006_12
*  info@schoenundneu.de
*/




body {
margin: 0 auto;
padding: 0;
background-color: #D8D8D8;
color: #666666;
font-family: Verdana, Helvetica, sans-serif;
font-size: 100.01%;
}

#center_seiten {
position: relative;
width: 734px;/*
height: auto; */
margin: 40px auto /* 520px auto */;
padding: 0;
}

#center_seiten img#logo {
position: absolute;
top: -31px;
left: 0px;
border: 0;
z-index: 20;
}

#header {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 675px;
height: 6px;
background: #FFFFE5 url(../bilder/corner-top-right.png) no-repeat top right;
}

#content {
position: absolute;
top: 6px;
left: 0;
margin: 0;
padding: 0;
width: 675px;
height: auto;
background: #FFFFE5 url(../bilder/border-right.png) repeat-y top right;
}

#binnennavi_eins {
float: left;
margin: 65px 0 7px 7px !important;
margin: 65px 0 0px 4px;
padding: 0;
width: 170px;
height: 194px;
background: url(../bilder/binnennaviflaeche.png) no-repeat;
z-index: 60;
}
#binnennavi_eins a:link img, #binnennavi_eins a:visited img {
border: 0;
}
#binnennavi_eins_pos {
margin: 20px 0px 0 7px;
padding: 0;
}


/* ab hier:
News-Block
*/
#news {
position: relative;
top: 40px;
left: 1px;
width: 158px;
height: 134px;
font-size: 75%;
letter-spacing: .01em;
line-height: 1.3em;
color: #FF6D63;
padding: 0 0.4em .7em 0.4em;
border-top: 1px solid #FFE01E;
border-bottom: 1px solid #FFE01E;
background: #FFFFE5;
}

p.news {
height: 1.9em;
font-size: 100%;
font-weight: bold;
}

p.newszwei {
/* height: 6em; */
font-size: 100%;
}

#newspreise {
position: relative;
top: 40px;
left: 1px;
width: 158px;
height: 85px;
font-size: 75%;
letter-spacing: .01em;
line-height: 1.3em;
color: #FF6D63;
padding: 0 0.4em .7em 0.4em;
border-top: 1px solid #FFE01E;
border-bottom: 1px solid #FFE01E;
background: #FFFFE5;
}

#newsreferenz {
position: relative;
top: 35px;
left: 1px;
width: 158px;
height: 164px;
font-size: 70%;
letter-spacing: .01em;
line-height: 1.3em;
color: #FF6D63;
padding: 0 0.4em .7em 0.4em;
border-top: 1px solid #FFE01E;
border-bottom: 1px solid #FFE01E;
background: #FFFFE5;
}

p.newsref {
height: 1.8em;
font-size: 100%;
font-weight: bold;
}
/* ab hier:
Freecall
*/
#call {
position: relative;
top: 60px;
left: 1px;
width: 158px;
height: 60px;
font-weight: normal;
font-size: 75%;
letter-spacing: .01em;
line-height: 1.4em;
color: #CD2805;
padding: 0.8em 0.4em .6em 0.4em;
border-top: 1px solid #FFE01E;
border-bottom: 1px solid #FFE01E;
background-color: #DFFFCD;
}

.call {
font-weight: bold;
font-size: 125%;
}


p.news {
font-size: 100%;
font-weight: bold;
}



#footer {
position: absolute;
bottom: 0px;
left: 0;
margin: 0;
padding: 0;
width: 675px;
height: 4px;
background: #D8D8D8 url(../bilder/corner-bottom-left.png) no-repeat bottom left;
}

#floatright {
float: right;
}
#floatright h2 { margin: .6em 0 -.3em 0 !important; margin: 0em 0 -.3em 0; }

img.borderbottom {
width:669px;
height: 4px;
margin-left: 4px;
}


/* Hauptnavi */
#navigation {
position: absolute;
top: 63px;
left: 671px;
width: 60px;
background: #D8D8D8;
z-index: 300;
}
#navigation a:link img, #navigation a:visited img {
border: 0;
}
#navigation img#aktiv {
position: relative;
left: -28px;
}

a:link, a:visited {
color: #EB4F4C;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
position: absolute;
top: 39px !important;
top: 49px;
left: 224px !important;
left: 217px;
font-size: .9em;
font-weight: bold;
letter-spacing: .01em;
color: #EB4F4C;
z-index: 100;
text-decoration: none;
}
h1.text {
font-size: .9em;
font-weight: bold;
z-index: 1;
margin: 1.7em 0 -.3em 0;
}
#textkomplett {
font-size: 85%;
float: right;
width: 490px;
height: auto;
margin: 65px 0px 0 0;
}
#text {
margin: 0 0 0 40px !important;
margin: 0 0 0 32px;
width: 370px;
}
#navicenter_einfach table {
text-align: center;
font-size: .9em;
text-decoration: none;
color: #CD2805;
border-top: 1px solid #FFE900;
border-bottom: 1px solid #FFFFE5;
margin: 0 0 -10px 40px !important;
margin: 0 0 0 20px;
width: 380px;
}
#navicenter table {
text-align: center;
font-size: .9em;
text-decoration: none;
color: #CD2805;
border-top: 1px solid #FFE900;
border-bottom: 1px solid #FFE900;
margin: 0 0 -10px 40px !important;
margin: 0 0 0 20px;
width: 380px;
}
#navicenter td {
list-style: none;
width: 75px;
height: 17px;
}
#navicenter td a:link, #navicenter td a:visited {
text-decoration: none;
color: #CD2805;
}
#navicenter td a:hover {
text-decoration: none;
color: #CD2805;
font-weight: bold;
}
h2 {
font-size: .9em;
font-weight: bold;
z-index: 1;
margin: 1.7em 0 -.3em 0 !important;
margin: .7em 0 -.3em 0;
}
h3 {
font-size: .9em;
font-weight: bold;
z-index: 1;
margin: .1em 0 -.5em 0 ;
line-height: 1.3em;
}
h4 {
font-size: 1.1em;
font-weight: bold;
z-index: 1;
margin: 1.7em 0 -.3em 0 !important;
margin: .7em 0 -.3em 0;
}
.sydem {
font-weight: bold;
color: #CD2805;
font-size: 105%;
}
p {
font-size: 90%;
line-height: 125%;
}
p.abstand {
width: 1px;
height: 2em;
}
p.mind_abstand {
width: 1px;
height: 7em;
}
.abstand {
height: .5em;
}
.crm {
font-size: 90%;
font-weight: bold;
}

img#gelbklein {
float: left;
clear: all;
}

#textnavi {
margin: 35px 0 0 39px;
width: 360px;
}
#textnavi a:link, #textnavi a:visited {
/* color: #FDD000; */
color: #E0D300;
text-decoration: none;
font-size: .7em;
}
#textnavi a:hover {
text-decoration: underline;
}

.marginbottom {
float: left;
margin:0 0 10px 0;
border: 1px solid red;
}


/* Kontaktformular */
table#kontakt {
margin: 0.3em 0;
width: 382px;
}
table#kontakt td {
font-size: 80%;
vertical-align: top;
}
table#kontakt td.links {
width: 110px;
}
table#kontakt td.instr {
font-size: 80%;
}
table#kontakt td.shorttext {
font-size: 80%;
width: 20px;
}
table#kontakt td.ort {
font-size: 80%;
}
table#kontakt tr {
height: 25px;
}
label {
margin: 0;
cursor: help;
}

input.text {
width: 270px;
height: 1.7em;
border: 1px solid gray;
font-size: 85%;
}
input.anhang {
width: 70px;
border: 1px solid gray;
font-size: 85%;
color: black;
}

input.shorttext {
width: 50px;
height: 1.7em;
border: 1px solid gray;
font-size: 85%;
}
input.ort {
width: 214px !important;
width: 210px;
height: 1.7em;
border: 1px solid gray;
font-size: 85%;
}
input.file {
width: 270px;
height: 1.3em;
border: 1px solid gray;
font-size: 80%;
}

textarea {
width: 270px;
height: 100px;
border: 1px solid gray;
background-color: white;
scrollbar-track-color: #EDF7CD;
scrollbar-face-color: white;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: white;
scrollbar-3dlight-color: white;
scrollbar-highlight-color: white;
scrollbar-arrow-color: white;
}
textarea.rueckruf {
width: 270px;
height: 2.2em;
border: 1px solid gray;
background-color: white;
scrollbar-track-color: #EDF7CD;
scrollbar-face-color: white;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: white;
scrollbar-3dlight-color: white;
scrollbar-highlight-color: white;
scrollbar-arrow-color: white;
}

input.button {
background-color: white;
border: 1px solid gray;
margin: 0;
padding: 1px 4px 1px 4px;
cursor: pointer;
width: 270px;
}
.fehler {
color: red;
margin: .3em 0 0 0;
}

#bottomline {
position: absolute;
bottom: -15px;
left: 0px;
width: 670px;
height: 15px;
font-size: 70%;
font-weight: bold;
text-align: right;
color: #E24040;
letter-spacing: .1em;
}
#bottomline a:link, #bottomlline a:visited {
font-weight: bold;
color: #E24040;
text-decoration: none;
}
#bottomline a:hover {
font-weight: bold;
color: #E24040;
text-decoration: underline;
}
.bold {
font-size: 80%;
color: #E20B0B;
font-weight: bold;
line-height: 2em;
}

a:link.oben, a:visited.oben {
text-decoration: none;
color: #E24040;
}
a:hover.oben {
text-decoration: none;
color: #E24040;
font-weight: bold;
}
.pfeil {
font-size: 160%;
}

li {
font-size: 90%;
list-style: disc;
line-height: 130%;
}






/* ab hier:

freecall-rollover


 */

#freecall img#bild { border: 0; z-index: 1000;  }


.bild a:hover.sichtbar .freecallnummer {
position: absolute; right: 74px; top: -60px;
width: 300px; height: 60px;
text-align: right;
display: block;

z-index: 1000;

font-size: 200%; font-weight: bold;
}
a:hover.sichtbar { cursor: pointer; }
a.sichtbar .bild1gross { display: none; }

a:hover.sichtbar {
	cursor: pointer;
}

a:hover.sichtbar {
	cursor: pointer;
}
a.sichtbar .freecallnummer {
	display: none;
}



/*
	new style
*/


#center_seiten{
	margin:50px auto;
}

body {
	background-color:#DFDFDF;

	color:#3A3A32;
	font-family:Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
}
#center_seiten img#logo {
	z-index: 200;
}

#header {
	background:transparent url(../bilder/border-right.png) repeat-y scroll right top;
	height:83px;
	margin-top:-27px;
}

#content {
	top:56px;
}

#text {
	margin-top: -10px !important;
}

p{
	font-size: 12px;
	line-height:20px;
}

#binnennavi_eins {
	margin-top:0 !important;
}

#binnennavi_eins_pos{
	margin:0;
	margin-top: -9px;
	margin-left: -27px;
	padding:0;
}

#binnennavi_eins_pos li{
	list-style: none;
	list-style-type: none;
}

#binnennavi_eins_pos a{
	display: block;
	width: 134px;
	height: 24px;

	padding-top: 6px;
	padding-left: 8px;

	font-size:12px;

	color:#CD2805;
	font-weight:bold;
}

#binnennavi_eins_pos li.green a{
	color: #3A8800;
}
 #binnennavi_eins_pos a:active
,#binnennavi_eins_pos a:hover
,#binnennavi_eins_pos a._aktive{
	background-color: #fff;
	text-decoration: none;
}

#news{
	left:25px;
	top: 0;
	width:150px;

	height:auto !important;
	margin-top:20px;
	padding:0pt 13px;
	border: none;

	color: #CD2805;
	line-height:18px;
}
#news p{
	padding-bottom: 8px;
}

 #news a
,#news a:hover{
	background:none !important;
	font-size: 11px;

	display:inline;

	font-weight:normal;
	height:auto;
	padding-left:0;
	padding-top:0;
}

#call{
	left:25px;
	top: 0;
	height:70px;
	width:156px;
	margin-top: 20px;
	padding:20px 7px;

	color:#FFE707;
	font-size: 11px;
	font-weight: bold;

	border:none;
	background:transparent url(../bilder/callflaeche.png) no-repeat;
}

#call span{
	display:block;
	margin-bottom:8px;

	font-size: 15px;
}

#textkomplett{
	margin-top:0 !important;
}

#navicenter{
	margin-left: -18px;
	height: 28px;
	width: 394px;
	width: 408px;
	background:#FEE800;
}

#navicenter table{
	border-top:none;
	border-bottom:none;

	padding-bottom:1px;
}

#navicenter td{
	padding-left:0 !important;
	padding-right:0 !important;

	height:24px !important;

	font-weight: bold;
	vertical-align: top;
}

 #navicenter td a
,#navicenter td strong
,#navicenter td b{
	display: block;

	line-height:10px;

	padding-top:4px;
	padding-top:6px;

	height: 19px;
	height: 16px;
	width: 90px;
}

 #navicenter td.high a
,#navicenter td.high strong
,#navicenter td.high b
{
	line-height: 11px;
	padding-top: 0;
	height: 22px;
}

 #navicenter td b
,#navicenter td strong
,#navicenter td a:hover{
	background: #fff;
}

.bild a:hover.sichtbar .freecallnummer {
	line-height:25px;
	display: block;
	left:-275px;
	top:-70px;
}

#freecall{
	background:transparent url(../bilder/navirundung.png) no-repeat scroll 0 0;

	height:28px;
	margin-left:-25px;
	margin-left:-10px;
	margin-top:-3px;
	position:absolute;
}
#freecall a:hover{
	background:transparent url(../bilder/navirundung.png) no-repeat scroll!important;
}

#freecall a.sichtbar{
	padding-top: 7px;
	width: 60px;
}

#navigation{
	background:none;
	left:631px;
	top: 0;

	margin: 0;
}

#navigation ul{
	margin: 0;
}

#navigation ul li{
	list-style: none;
	list-style-type: none;
}

#navigation ul li a{
	display: block;

	padding: 7px 8px;

	width: 59px;
	height: 45;

	background: url( ../bilder/navi/bg.png ) no-repeat 0;
}

#navigation a:hover{
	background: url( ../bilder/navi/hover_bg.png ) no-repeat 0;
}

 #navigation a:active
,#navigation a._aktive{
	background: url( ../bilder/navi/aktive_bg.png ) no-repeat 0;
}

#navigation ul li a img{
	opacity: 0.8;
}

#navigation ul li a:hover img{
	opacity: 1;
	margin-left: 1px;
}




#navigation ul.index li{
	margin-left:-9px;
	height:45px;
}
#navigation ul.index li a{
	background: none;
}




#text.component{
	padding-top: 65px;

}

#text.component h4{
	padding-bottom: 20px;
}


#navidummy {
	position:absolute;
	margin-left: 554px;
	background: url(../bilder/navirundung.png) no-repeat scroll;
	width: 28px;
	height: 28px;
}

#navirundung{
	float: left;
	position:absolute;
	background: #FEE800;
	margin-left: 160px;
	height: 28px;
	width: 394px;
}

#startImage{
	height: 295px;
	width: 675px;
	background: url(../bilder/segelschiffe.png) no-repeat scroll 50% 50%;
}

.telefon{
	text-align:right;
}

 a:link img
,a:visited img
{
	border: none;
}