body { /*grundsıtzlich ıberall*/
	color: #003366; background:url(images/123.jpg);
	margin: 0; padding: 1em;		
	text-align: center;
	font-size: 100.01%; 
	font-family: arial, georgia, "times new roman", serif;		
	border: 0px solid red;		
	min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	}
	
* { border:0; }

#container { /*grundsıtzlich ıberall*/
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	width: 900px;
	text-align: left;	/*background-color: transparent;	background-image: url(../images/123.jpg);	background-repeat: repeat;	background-attachment: scroll;	background-x-position: 0%;	background-y-position: 0%;*/
	border: 0px solid #cc0033;
	} 

/*.Ohren {
		margin-bottom:100px;
		margin-left:100px;
		background:url(images/Ohren.gif) 10% 90% no-repeat;
		border-bottom :20px solid brown;
         }	*/

	
	
#banner{ /*grundsıtzlich ıberall*/
	height: 170px;
	background-color: transparent;
	background:url(images/pepsibanner.jpg) 10% 90% no-repeat;
	background-repeat: no-repeat;
	background-attachment: scroll;	/*background-x-position: 20%;	background-y-position: 90%;*/
	border-top: 0px solid #cc0033;
	}#banner h1 {
	text-align: left;
	color: #cc0033;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 10px;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	font-size: 40px;
	}#banner h2 {
	color: #cc0033;
	text-align: left;
	letter-spacing: 8px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 10px;
	font-size: 22px;
	}

#mainnav { /*grundsıtzlich ıberall*/
	background-color: #cc0033;
	color: #272900;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 0pt;
	margin-bottom: 22px;
	border: 0px solid green;
	}#mainnav ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
	border-left: 0px solid #FFF;
	}#mainnav li 	{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #FFF; /*weiss*/
	}#mainnav li a  {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none; 
	}#mainnav li a:hover 	{
	color: #000000;
	background-color: #ffffff;
	}
#logos {       
	float: right;
	border-left: 3px solid #CC0033;
	margin-top: 10px;
	margin-bottom:20px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
	width: 85px;
	} 

	#logos img {	/*grundsıtzlich ıberall*/
		border: 0px;
		margin-top: 20px;
		width: 85px;	
		}	

a {
	color: #003366;
	}


#aktioneinstieg {  /*navigation auf aktion-seiten*/
	height:600px;
	border: 0px solid blue;
		}
#aktiontabelle {  /*navigation auf aktion-seiten*/
	
	border: 0px solid blue;
		}

	
#sonybanner {

float:right;

border: 0px solid blue;

}

#sonymittig{         /* mittlere von drei-Spalten-Boxen  auf Aktion- und Artikeltabellen-Seiten in der inc.liste*/
	float:right;
	width:540px;
	border: 0px solid green;
	padding-right:20px;
	}

#sonymitte{
float:right;
width:671px;
border: 0px solid green;
}

#sonyauswahl {
		/*float: left;
         margin-bottom:20px;*/
	width:20%;
	
	}
	#mainnav ul {
	margin: 0 0 0 0px;
	padding: 0;
	border-left: 0px solid #FFF;
	list-style-type: none;
	border: 0px solid green;
		}
#sonyauswahl li {
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
	}		
#sonyauswahl a { 
	color: #ffffff;
	background-color: #cc0033;
	font-family: verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 13px;
	/*line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;*/
	display: block;
	margin-top: 2px;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ff6666;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #660000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ff6666;
	text-decoration: none; 
	}


#navirechts{

float:left;
border: 10px solid yellow;

}

	
		
#artikelauswahl {  /*navigation auf aktion-seiten*/
	float: left;
	width:20%;
	
	list-style-type: none;
		}
	
#artikelauswahl a { /*navigation auf aktion-seiten
	color: #ffffff;
	background-color: #cc0033;
	font-family: verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 13px;
	/*line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;*/
	display: block;
	margin-top: 2px;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ff6666;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #660000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ff6666;
	text-decoration: none; 
	}
		

	
#menulinks { /*grundsıtzlich ıberall*/
	float: left;
	width:15%;
	list-style-type: none;
		}
	
#menulinks a { 
	color: #ffffff;
	background-color: #cc0033;
	font-family: verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 13px;
	/*line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;*/
	display: block;
	margin-top: 2px;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ff6666;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #660000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ff6666;
	text-decoration: none; 
	}
#bgfixed {
  
   
  background:url(images/OKI.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
	}
#mitte{  /*grundsıtzlich ıberall*/
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	
	
	width: 70%;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #003366;
	}
	
.imagefloat
	{      
		
		float: right;
		
		
		border: 0px solid #CC0033;
		padding: 12px 12px 0px 12px;
		/*padding-top: 12px;
		padding-left: 12px;
		padding-right: 30px;
		padding-bottom: 12px;*/
		
		}	

	
#shopa{  /*grundsıtzlich ıberall*/
	clear:both;
	
	}	
	
	
	
#contents {  /*erste Seite mittlerer Bereich*/		
	margin: 2px 200px 40px 20px;
	border: 0px solid green;
	}

.bluebox { /*erste Seite*/           
	border-bottom: 2px solid #ffffff;
	} 	.ro {
		background:url(images/roundedboxro.gif) top right no-repeat;
		margin:0;
		padding:0;
		}	.lo {
		background:url(images/roundedboxlo.gif) top left no-repeat;
		margin:0;
		padding:0;
		}	.ru {
		background:url(images/roundedboxru.gif) bottom right no-repeat;
		margin:0;
		padding:0;
		}	.lu {
		background:url(images/roundedboxlu.gif) bottom left no-repeat;
		margin:0;
		padding:0;
		}	.inhalt { /*blueboxtext*/
		font-weight: bold;
		
		
		margin:0;
		padding:2.5em 2.5em 3.5em 2.5em;
		word-spacing:0.3em;
		/*line-height:1.3em;*/	
		}

p.bold{ /*cart.php*/
	font-weight: bold;
	} 

#Text02 { font:italic 1cm Helvetica; }
	
	
	
h1 { /*  sehr oft ıberall                 eine schıne Umrahmung!!!
	margin: 0 0 0.7em; padding: 0.3em;
	text-align: center;
	background-color: #fed;
	border: 2px ridge silver;*/ 
	font-size: 1.5em; 
	}h2 { /*erstmals im Index-ıberschrift*/
	color: #cc0033; /*wittkowskirot*/
	font-family: arial,georgia,"times new roman",serif;
	font-style: normal;
	font-variant: normal;
	font-size: 120%;
	line-height: normal;
	/*font-size-adjust: none;
	font-stretch: normal;*/
	font-weight: bold;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 2px;
	margin-left: 0pt;
	}h3 {/*erstmals in AGB*/
	color: #003366;
	font: 110% arial, georgia, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
	}h4 {/*erstmals iim Impressum*/
	font-size: 1em;
	}

#topten td{ /*topliste*/
	background:#ffffff;
	border:0px solid #000000;
	padding:5px 10px 5px 10px;}


	
#arti{  /*grundsıtzlich ıberall*/

	float:left;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	
	
	width: 99%;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #003366;
	}	


	
#sonyliste{ /*artikelauswahl - die Tabelle*/
     float:right;
	
	border:0px solid green;
	}

#sonyliste table { /*artikelauswahl - die Tabelle*/
	float:right;
	margin-top: 25px;	
	margin-bottom: 10px;
	
	width:650px;
	background-color: #ffffff;	
	border: 6px solid #99cccc;
	}

#sonyliste th{
		/*height:75px;*/
		background:#ffffff;
		padding-right:20px;
		border-bottom:3px solid red;  /* warum geht nicht hellblau =#99cccc*/
		
	}	
/*#sonyliste tr.blau td{
		background:#99cccc;                        /*verstehe ich noch  nicht
		padding: 20px;
	}*/
	
#sonyliste tr {
        height:50px;
		/*height: auto;*/
	/*	min-height:300px; */
		border-bottom:1px solid red;     /*  warum geht nicht hellblau =#99cccc*/             
		/*padding: 20px;*/
	}

#sonyliste  td{
		
		padding-right:20px;
		/*border-bottom:1px solid red;    /*  warum geht nicht hellblau =#99cccc*/
	}
	
/*#sonyliste td a{                                                  warum a? 
		background:#ffffff;
		border:0px solid #000000;
		
	}
*/	
	
	








	
	
.artikelliste{ /*shopartikellist.php - die Tabelle
    
	clear:all;*/
	border-collapse:collapse;
	}
	
	.artikelliste h2{
		color: #ffffff;
	}
	
	.artikelliste td{
		background:#ffffff;
		border:0px solid #000000;
		padding:10px 10px 5px 10px;
	}
	
	.artikelliste tr.blau td{
		background:#99cccc;
	}
	
	.artikelliste td a{
		background:#ffffff;
		border:0px solid #000000;
		
	}
	

table { /*cart, Fflohmarkt, shopartikellist, toptenliste*/
	width: 80%;
	margin-top: 10px;
	
	margin-bottom: 10px;
	margin-left: 20px;
	padding-right:0px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #99cccc;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #99cccc;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #99cccc;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #99cccc;
	border-collapse: collapse;
	}	td{ 	/*vertical-align:top; 	/*overflow:hidden; */
	background-color: #ffffff;
	}th{
	background-color: #ffffff;
	}	

.formular { /* background:url(../images/.jpg) repeat-x; */
	font-weight:bold;			
	margin: 10px 10px 10px 30px;
	padding: 10px; 
	width: 80%;
	height: 100%;
	/*border: 1px solid #003366;*/
	border-top:6px solid #99CCCC;
	border-right:6px solid #003366;
	border-bottom:6px solid #003366;
	border-left:6px solid #99CCCC;
	}
.formular label {
	float : left;	
	text-align  :right;	
	width  : 150px;
    margin-top:0px;
	margin-right :2px;
	}
.formular input   {	
	
	width: 200px;
	margin-left: 20px;
	height: 30px;			
	background-color:#ffffff;
	color:#003366; 
	border:2px solid #99CCCC;
	}
	

	.formular select {
	
	width: 205px;
	margin-left: 20px;
	height: 30px;				
	background-color:#ffffff;
	color:#003366; 
	border:2px solid #99CCCC;
	
	}
	
	

#indexleitspruch  { /*impressum.php und index.php*/
	
	margin-top:1em
	}

	#indexleitspruch p {
	
	font-size: 1.2em; 
	font-weight: bold;
	}	
	
.shopformular { /*shop.php*/
	background:url(../images/.jpg) repeat-x; 
	font-weight:bold;			
	margin: 10px 10px 10px 30px;
	padding: 10px; 
	width: 80%;                        
	height: 300px;
	border: 1px solid #003366;
	border-top:6px solid #99CCCC;
	border-right:6px solid #003366;
	border-bottom:6px solid #003366;
	border-left:6px solid #99CCCC;
	}.shopformular label {
	float:left;
	text-align:right;	
	width:150px;
	margin-right:20px;
	border:0px solid #99CCCC;
	}.shopformular select {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99cccc;
	border-right-color: #99cccc;
	border-bottom-color: #99cccc;
	border-left-color: #99cccc;
	background-color: #ffffff;
	color: #003366;
	float: right;
	margin-left: 10px;
	width: 254px;
	height: 30px;
    }.shopformular option {                        
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99cccc;
	border-right-color: #99cccc;
	border-bottom-color: #99cccc;
	border-left-color: #99cccc;
	height: 20px;
	
	
	}.shopformular input {
	float:right; 
	width: 250px;
	height: 30px;			
	background-color:#ffffff;
	color:#003366; 
	border:2px solid #99CCCC;
}
			 
.label2 { /*registrierung.php*/
	color:#0080FF;
	font-size: 90%;	
	}				

.cart { /* background:url(../images/.jpg) repeat-x; */
	width: 97%;
	font-weight: bold;
	margin-top: 10px;
	
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #99cccc;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #003366;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #99cccc;
	}

	
	
	.cart label {
	/*float:left;*/
	text-align:left;
	padding-right: 10px;
	height: 30px;
	}
	
	.cart textarea{
	/*clear:all;*/
	width:80%;
	height: 200px;
	margin-bottom:20px;
	}	
	
	
	.cart input {
	width:250px;
	}
	
    .buttons {
	width: 300px;
	}	



.eingerahmt { /* shopartikellist.php       background:url(../images/.jpg) repeat-x; */
	font-weight:bold;			
	margin: 10px 10px 10px 30px;
	padding: 10px; 
	width: 60%;
	/*border: 1px solid #003366;*/
	border-top:6px solid #99CCCC;
	border-right:6px solid #003366;
	border-bottom:6px solid #003366;
	border-left:6px solid #99CCCC;
	}
			
#eingerahmt { /*menue           background:url(../images/.jpg) repeat-x; */
	font-weight:bold;			
	margin: 10px 10px 10px 30px;
	padding: 10px; 
	width: 60%;
	/*border: 1px solid #003366;*/
	border-top:6px solid #99CCCC;
	border-right:6px solid #003366;
	border-bottom:6px solid #003366;
	border-left:6px solid #99CCCC;
	}
			
.button { /*registrierungs.php*/
	width:40%;
	}
		
#kontakt  /*kontakt.php erste Seite mittlerer Bereich*/{
	float: left; width: 16em;
	margin-left: 20px;
	margin-bottom: 20px;
	/*margin: 0 0 1.2 20em; padding-left: 0 0 0 20em;*/
	border: 0px solid red;
	}	

	#kontakt  /*kontakt.php mittlerer Bereich*/{
	float: left; width: 40em;
	margin:3em 5em 3em 5em;
	margin-bottom: 20px;
	/*margin: 0 0 1.2 20em; padding-left: 0 0 0 20em;*/
	border: 0px solid red;
	}	
	
	
#google { /*kontakt.php*/
	float: right;
	/*width: 12em;*/
	margin-right: 20px;
	margin-bottom: 20px;
	/*margin: 0 0 1.1em; padding-right: 2em;
	margin: 0 12em 1em 16em;
	padding: 0 1em;*/
	border: 0px solid red;
	}		
		
#unten 	{ /*shopartikellist.php*/
	clear: both;
} 		

#abstandoben {
       margin-top: 20px;

}

.error {
     color:red;
	 font-weight:bold;
	 }
		
#footer 	{ 
	clear: both;
	margin-top:20px;
	height: 20px;    
	color: #FFF;
	
	background-color: #CC0033;
	
	text-align: center;
	border: 0px solid green;
}