/* YCNW.CSS */

/*****************************************************************************************************
	Style für die ganze Seite
*****************************************************************************************************/		
	body {
		padding: 0px;
		margin: 0 auto;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		color:#000000;
		text-align: center;
		/* background-color: #eeeeee; */
	}
		
	.container { /* Container für die ganze Seite. Nimmt Kopf, Hauptbereich, Boxen,... auf */
		padding: 5px;
		width: 990px;
		margin: 0 auto;
		text-align: left;
		background-color: #ffffff;
	}
	
/*****************************************************************************************************
	Box fuer den Kopfbereich
*****************************************************************************************************/	
	.kopf {
		height: 140px;
		background-image:url(images/YCNW_Logo_dick.jpg); 
		background-repeat: no-repeat;
		color:#ffffff;
		font-size:14px;
		font-weight:bold;
	}
	
	.kopf a {
		color:#ffffff;
		text-decoration: none;
	}
	
	.kopf img{
		margin-left: 570px;
		margin-top: 110px;
	}
	
	.kopf_menu {
		padding-top: 109px;
		padding-left: 7px; 
		float: left;
	}

/*****************************************************************************************************
	Box fuer den Newsticker
*****************************************************************************************************/	
	.newsticker {
		height: 21px;
		font-size:13px;
		border: 1px solid #cccccc;
		margin-top: 5px;
		padding-left: 10px;
		padding-top: 1px;
	}
	
/*****************************************************************************************************
	Box fuer den Kopfbereich
*****************************************************************************************************/	
	
	.Hauptbereich {
		min-height: 890px;
		height: auto !important;
		height: 890px;
		width:auto;
		min-width:120px;
		padding:5px;
		margin-top:0px;
		margin-left: 195px;
		margin-right: 170px;
		font-size:12px;
		line-height: 18px;
	}
	
	.Hauptbereich td{  /* z.B. Charter.php -> eigene Klasse erstellen */
		font-size:11px;
	}
	
/*****************************************************************************************************
	Container fuer Boxen links des Hauptbereiches
*****************************************************************************************************/	
	
	.links {
		top:122px;
		left:10px;
		width:190px;
		float: left;
	}
	
/*****************************************************************************************************
	Container fuer Boxen rechts des Hauptbereiches
*****************************************************************************************************/	
	
	.rechts {
		top:122px;
		right:10px;
		width:160px;
		float: right;
	}
	
/*****************************************************************************************************
	Container fuer den Fussbereich
*****************************************************************************************************/		
	
	.fuss {  	
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 5px;
		border:1px solid #cccccc;
	}
	
/*****************************************************************************************************
	Boxen
*****************************************************************************************************/	
	
	.box_header  {
		border-left:1px solid #cccccc;
		border-top:1px solid #cccccc;
		border-right:1px solid #cccccc;
		padding:5px 0 5px 10px;
		margin-top: 5px;
		font-family:tahoma,Arial,sans-serif;
		font-size:11px;
		font-weight:bold;
		text-align:center;
		color:#0E1388;
		background-color: #93f5db;
	}
		
	.box_inhalt  {
		border:1px solid #cccccc;
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
		font-family:tahoma,Arial,sans-serif;
		font-size:11px;
	}
	
	.box_inhalt td {
		font-family:tahoma,Arial,sans-serif;
		font-size:11px;
	}
	
	.box_inhalt img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 10px;
		text-align: center;
	}

	#box_suche {
		border: 2px solid red;
	}
	
	#box_rahmen {
		border:1px solid #cccccc;
		padding: 5px 25px 5px 25px;
		margin-bottom: 15px;
	}
	
	#box_rahmen img{
		margin: 3px;
	}
	
/*****************************************************************************************************
	Menu (links)
*****************************************************************************************************/	
	
	.menue_punkt {
		height: 16px;
		padding-top: 1px;
		padding-left: 25px;
		margin-top: 5px;
		font-size:11px;
		font-weight:bold;
		background-image:url(images/Steuerrad_klein.gif); 
		background-repeat: no-repeat;
	}
	
	.menue_punkt a {
		color:#000000;
		text-decoration: none;
	}
	
	.menue_punkt_deaktiv {
		color: #aaaaaa;
		height: 16px;
		padding-top: 1px;
		padding-left: 25px;
		margin-top: 5px;
		font-size:11px;
		font-weight:bold;
		background-image:url(images/Steuerrad_klein.gif); 
		background-repeat: no-repeat;
	}
	
	.menue_punkt_eingerueckt {
		height: 16px;
		padding-top: 1px;
		padding-left: 25px;
		margin-top: 5px;
		margin-left: 20px;
		font-size:11px;
		font-weight:bold;
		background-image:url(images/Steuerrad_klein.gif); 
		background-repeat: no-repeat;
	}
	
	.menue_punkt_eingerueckt a {
		color:#000000;
		text-decoration: none;
	}
	
	.menue_punkt_eingerueckt_deaktiv {
		color: #aaaaaa;
		height: 16px;
		padding-top: 1px;
		padding-left: 25px;
		margin-top: 5px;
		margin-left: 20px;
		font-size:11px;
		font-weight:bold;
		background-image:url(images/Steuerrad_klein.gif); 
		background-repeat: no-repeat;
	}

	.menue_punkt_eingerueckt_2 {
		height: 16px;
		padding-top: 1px;
		padding-left: 25px;
		margin-top: 5px;
		margin-left: 40px;
		font-size:11px;
		font-weight:bold;
		background-image:url(images/Steuerrad_klein.gif); 
		background-repeat: no-repeat;
	}
	
	.menue_punkt_eingerueckt_2 a {
		color:#000000;
		text-decoration: none;
	}
	
	.menue_punkt_eingerueckt_2_deaktiv {
		color: #aaaaaa;
		height: 16px;
		padding-top: 1px;
		padding-left: 25px;
		margin-top: 5px;
		margin-left: 40px;
		font-size:11px;
		font-weight:bold;
		background-image:url(images/Steuerrad_klein.gif); 
		background-repeat: no-repeat;
	}
	
/*****************************************************************************************************
	Allgemeine Formatierungen
*****************************************************************************************************/	
	
	.Absatz {
		padding-bottom: 20px;
		text-align: justify;
		min-height: 90px;
		height: auto !important;
		height: 90px;
	}
	
	.Absatz img {
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 6px;
	}	
	
	.ueberschrift { 
		font-size:14px;
		font-weight: bold;
		text-decoration: underline;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.ueberschrift_charter{ 
		font-family:'Times New Roman',Times,serif;
		font-size:20px;
		font-weight: bold;
		color: #0E1388;
		margin-top: 10px;
		margin-bottom: 15px;
		border-bottom: 1px solid #cccccc;
		height: 25px;
	}
	
	.ueberschrift_2 { /* AGB.php und Charter.php */
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 4px;
	}
	
	.ueberschrift_charter_2 { 
		font-family:'Times New Roman',Times,serif;
		font-size: 13px;
		font-weight: bold;
		color: #0E1388;
		padding-top: 5px;
		padding-bottom: 4px;
		border-bottom: 1px solid #cccccc;
	}

/*****************************************************************************************************
	AGB
*****************************************************************************************************/	
	
	.AGB {
		font-size:11px;  
		line-height: 14px;
	}
	
	.AGB_Nr {
		float: left; 
		width: 35px; 
		padding-left: 10px;
	}
	
	.AGB_Text {
		margin-left: 45px;
		margin-bottom: 10px;
	}

/*****************************************************************************************************
	Yachthandel
*****************************************************************************************************/		
	
	.Yachthandel_Bild{
		width: 180px;
	}
		
	.Yachthandel_Kopf{
		margin-bottom: 10px;
		width: 100%;
	}
		
	.Yachthandel_Typ { 
		font-size:16px;
		font-weight: bold;
	}
	
	.Yachthandel_Preis {
		font-size: 16px;
		font-weight: bold;
		color: red;
		text-align: right;
	}
	
	.Yachthandel_Daten{
		font-size:11px;
		border:1px solid #cccccc;
		border-collapse: collapse;
		width: 100%;
	}
	
	.Yachthandel_Daten td{
		padding: 2px 20px 2px 5px;
		font-size:11px;
	}
	
	.Yachthandel_Daten_gerade {
		background-color: white;
	}
	
	.Yachthandel_Daten_ungerade {
		background-color: #d2d2d2;
	}
	
/*****************************************************************************************************
	
*****************************************************************************************************/		

	#tabelle {
		font-size:11px;
		border:1px solid #cccccc;
		border-collapse: collapse;
	}
	
	#tabelle td{
		padding: 2px 20px 2px 5px;
		font-size:11px;
	}
	
	#tabelle_gerade {
		background-color: white;
	}
	
	#tabelle_ungerade {
		background-color: #d2d2d2;
	}

        #warengruppen a{
           color:#000000;
	   text-decoration: none;
        }

        .Stufe1 {padding-left: 5px; padding-bottom: 3px; font-size:11px;}
        .Stufe2 {padding-left: 15px; padding-bottom: 3px; font-size:11px;}
	.Stufe3 {padding-left: 25px; padding-bottom: 3px; font-size:11px;}
	.Stufe1_selected {padding-left: 5px; padding-bottom: 3px; font-size:11px; background-color: #d2d2d2;}
	.Stufe2_selected {padding-left: 15px; padding-bottom: 3px; font-size:11px; background-color: #d2d2d2;}
        .Stufe3_selected {padding-left: 25px; padding-bottom: 3px; font-size:11px; background-color: #d2d2d2;}

        #navizeile{
           font-size: 11px;
           border: 1px solid #cccccc;
           padding-left: 10px;
           background-color: #d2d2d2;
        }

        #navizeile a{
           color:#000000;
			text-decoration: none;
        }

        .wgrpnr{
           display:block;
           float: left;
           color: #888888;
        }
	
	#products{
		min-height: 110px;
        height: auto !important;
        height: 110px;
		margin-top:10px;
                
	}
	
	#products_header{
		font-size: 10px;
		color: white;
		background-color: #0E1388;
	}
	
	#products_body{
		padding: 10px 0px 10px 10px;
		border: 2px solid #cccccc;
		min-height: 70px;
        height: auto !important;
        height: 70px;
	}
	
	#products_name{
		font-size: 11px;
		padding-left: 5px;
		float: left;
		font-weight: bold;
	}
	
	#products_anzahl{
		font-size: 11px;
		text-align: right;
		padding-right: 5px;
		color: white;
		font-weight: bold;
	}
	
	#product_header{
		font-size: 16px;
		font-weight: bold;
		padding-top: 5px;
		margin-Bottom: 10px;
		color: #0E1388;
	}
	
	#products_image{
		float: left;
		padding: 0px;
	}
	
	#products_description{
		font-size: 10px;
		padding-right: 10px;
	}
	
	#products_description ul{
		padding-left: 15px;
	}
	
	#details{
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		padding-right: 5px;
		padding-bottom: 5px;
	}
	#details a{
		color: blue;
		text-decoration: none;
    }

	#product_name{
		padding-left: 5px;
	}
	
	#product_description{
        min-height: 180px;
        height: auto !important;
        height: 180px;
		font-size: 10px;
		padding-left: 10px;
		margin-left: 180px;
		border-left: dotted 1px;
	}
	
	#product_description ul{
		padding-left: 15px;
	}
	
	#product_zusatzinfo{
		margin-top: 5px;
		border-top: dotted 1px;
		border-bottom: dotted 1px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 10px;
	}
	
	#Attribute{
		font-size: 10px;
		font-weight: bold;
		margin-top: 20px;
	}
	
	#Attribut_Tabelle{
		margin-top: 5px;
		font-size: 10px;
		border-collapse:collapse;
		width: 595px;
		border-top: 1px solid;
		
	}
	
	#Attribut_Tabelle th{
		text-align: left;
		height: 20px;
		background-color: #cccccc;
		padding: 3px;
		border-bottom: 1px solid;
	}
	
	#Attribut_Tabelle td{
		height: 30px;
		border-bottom: 1px dotted #aaaaaa;
	}
	
	#warenkorb_legen{
		padding-top: 7px; 
		padding-left: 455px; 
		float: left;
	}
	
	#kasse_gehen{
		padding-top: 15px; 
		padding-left: 495px; 
		float: left;
	}
	
	.tabelle {
		margin-top: 5px;
		border-collapse: collapse;
		font-size: 10px;
	}
	
	.header {
		height: 20px;
		background-color: #bbbbbb;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		font-weight: bold;
	}
	
	.summe {
		background-color: #93F5DB;
		font-weight: bold;
		padding-right: 10px;
	}
			
	.spalte {
		padding-left: 5px;
		border-left: 1px solid #cccccc;
	}
						
	.spalte1 {
		width: 75px;
		padding-right: 10px;
		border-left: 1px solid #cccccc;
	}
	
	.spalte2 {
		width: 280px;
	}
	
	.spalte2  a{
		color:  #0E1388;
	}
	
	.spalte3 {
		width: 65px;
		padding-right: 10px;
	}
	
	.spalte4 {
		width: 50px;
		padding-right: 5px;
	}
	
	.spalte5 {
		width: 70px;
		padding-right: 10px;
	}
	
	.spalte6 {
		width: 15px;
		padding-left: 2px;
		border-right: 1px solid #cccccc;
	}
	
	.zeile {
		height: 30px;
		border-bottom: 1px solid #cccccc;
	}
	
	.text_center {
		text-align: center;
	}
	
	.text_right {
		text-align: right;
	}
	
	.zwischensumme {
		text-align: right;
		padding-right: 10px;
		font-size: 11px;
	}
	
	.zwischensumme a{
		color:  #0E1388;
	}
	
	.zahlungsart {
		font-weight: bold;
	}
	
	.zahlungsart select{
		margin-left: 10px;
	}
	
	.fracht {
		text-align: right;
		padding-right: 10px;
	}
	
	.leerzelle {
		height: 10px;
		border-bottom: 1px solid #cccccc;
	}
	
        .KDDatenTabelle { 
                margin-top: 20px; 
        } 

        .KDspalte1 {
                font-size: 11px;
                text-align: right;
                width: 100px;
                padding-right: 10px;
        } 

        .KDspalte2 {
                font-size: 11px;
        } 

        .KDDatenTabelle input{ 
                margin-right:5px;
        }

        .WarengruppenUebersicht {
                height: 20px;
                margin: 10px; padding: 7px; 
                border: 1px solid #bbbbbb; 
                display:block; 
                color:#000000;
		text-decoration: none; 
        }

        .WarengruppenUebersicht:hover{
                background-color:  #d2d2d2;    
        }
		
		#preview{
				position:absolute;
				border:1px solid #bbbbbb;
				background:#bbbbbb;
				padding:5px;
				display:none;
				color:black;
				font:11px "Courier New", Courier, monospace;
				
		}	
		
		.Aktuelles {
			margin-bottom: 20px;
		}
		
		.Aktuelles_Header   {
			font-weight: bold;
			background-color: #cccccc;
			border-bottom: 1px solid black;
			margin-bottom: 3px;
		}
		
		.CharterFlotteLink {
			text-decoration: none; 
			color: black;
		}
		
		.CharterFlotteLink:hover {
			color: red;
		}
		
td.Yachthandel_LinkeSpalte {
	width: 110px;
	line-height: 20px;
	font-weight: bold;
	vertical-align: top;
}

td.Yachthandel_RechteSpalte {
	padding-bottom: 5px;
	line-height: 20px;
	vertical-align: top;
}