/* 

	Cafe Del Sol:  CSS-Styling
	Author:  Patrick Peemöller

/* Boxenmodelle fuer Container-Templates                                                    */
/* ---------------------------------------------------------------------------------------- */ 

/* 4 Boxenmodelle nebeneinander */

#boxen {

}

#box_1_vier {
float:left;
width: 22%;
height: 70px;
margin:  0.35em;
padding: 0.60em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;

}

#box_2_vier {
float:left;
width: 22%;
height: 70px;
margin:  0.35em;
padding: 0.60em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;

}

#box_3_vier {
float:left;
width: 22%;
height: 70px;
margin:  0.35em;
padding: 0.60em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_4_vier {
float:left;
width: 22%;
height: 70px;
margin:  0.35em;
padding: 0.60em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_1_vier p, #box_2_vier p, #box_3_vier p, #box_4_vier p {
padding: 0px; 
margin:  5px; 
}

#box_1_vier ul, #box_2_vier ul, #box_3_vier ul, #box_4_vier ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_vier li, #box_2_vier li, #box_3_vier li, #box_4_vier li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_vier li a, #box_2_vier li a, #box_3_vier li a, #box_4_vier li a {
}

#box_1_vier dd, #box_2_vier dd, #box_3_vier dd, #box_4_vier dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 0 0 5px;
}

#box_1_vier:hover, #box_2_vier:hover, #box_3_vier:hover, #box_4_vier:hover {
/*background: url(../images/container_hg_over.gif) repeat;*/
}

#box_1_vier h1, #box_2_vier h1, #box_3_vier h1, #box_4_vier h1 {
margin-top:  0.5em;
padding-left:1.0em;
border: none;
background-image: url(../images/cds_quadrat.gif);
background-position: left;
background-repeat: no-repeat;
}

#box_1_vier img, #box_2_vier img, #box_3_vier img, #box_4_vier img {
margin:  0px;
padding: 0px;
}

#box_1_vier select, #box_2_vier select, #box_3_vier select, #box_4_vier select {
width: 100%;
padding: 5px;
margin:  0px;
border: none;
color: #ffffff;
background-color: #6F240F;
}

/* 3 Boxenmodelle nebeneinander */

#box_1_drei {
float:left;
width: 30%;
margin:  0.36em;
padding: 0.67em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_2_drei {
float:left;
width: 30%;
margin:  0.36em;
padding: 0.67em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_3_drei {
float:left;
width: 30%;
margin:  0.36em;
padding: 0.67em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_1_drei p, #box_2_drei p, #box_3_drei p {
padding: 0px; 
margin:  5px; 
}

#box_1_drei ul, #box_2_drei ul, #box_3_drei ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_drei li, #box_2_drei li, #box_3_drei li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_drei li a, #box_2_drei li a, #box_3_drei li a {

}

#box_1_drei dd, #box_2_drei dd, #box_3_drei dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 0 0 5px;
}

#box_1_drei:hover, #box_2_drei:hover, #box_3_drei:hover {
}

#box_1_drei h1, #box_2_drei h1, #box_3_drei h1 {
margin-top: 0.5em;
padding: 0;
}

/* 3 Boxenmodelle nebeneinander fuer Startseite mit Film */

#box_1_drei_Film {
float:left;
width: 22%;
height: 385px; 
margin:  0.35em;
padding: 0.60em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_2_drei_Film {
float:left;
width: 47%;
height: 385px;
margin:  0.35em;
padding: 0.60em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_2_drei_Film embed {
margin:  0px;
padding: 0px;
}

#box_3_drei_Film {
float:left;
width: 22%;
height: 385px;
margin:  0.35em;
padding: 0.60em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_1_drei_Film p, #box_2_drei_Film p, #box_3_drei_Film p {
padding: 0px; 
margin:  5px; 
}

#box_1_drei_Film ul, #box_2_drei_Film ul, #box_3_drei_Film ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_drei_Film li, #box_2_drei_Film li, #box_3_drei_Film li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_drei_Film li a, #box_2_drei_Film li a, #box_3_drei_Film li a {
}

#box_1_drei_Film dd, #box_2_drei_Film dd, #box_3_drei_Film dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 0 0 5px;
}

#box_1_drei_Film:hover, #box_2_drei_Film:hover, #box_3_drei_Film:hover {
}

#box_1_drei_Film img, #box_2_drei_Film img, #box_3_drei_Film img {
margin:  0px;
padding: 0px;
}

#box_1_drei_Film h1, #box_2_drei_Film h1, #box_3_drei_Film h1 {
margin-top:  0.5em;
padding-left:1.0em;
border: none;
background-image: url(../images/cds_quadrat.gif);
background-position: left;
background-repeat: no-repeat;
}

#box_1_drei_Film select, #box_2_drei_Film select, #box_3_drei_Film select {
width: 100%;
padding: 5px;
margin:  0px;
border: none;
color: #ffffff;
background-color: #6F240F;
}

/* 2 Boxenmodelle nebeneinander */

#box_1_zwei_Umrandung_50 {
float:left;
width: 48%;
margin:  0.4em;
padding: 0.0em;
overflow:hidden;
}

#box_2_zwei_Umrandung_50 {
float:left;
width: 48%;
margin:  0.4em;
padding: 0.0em;
overflow:hidden;
}

#box_1_zwei_Umrandung_50 p, #box_2_zwei_Umrandung_50 p {
padding: 0px; 
margin:  5px; 
}

#box_1_zwei_Umrandung_50 ul, #box_2_zwei_Umrandung_50 ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_zwei_Umrandung_50 li, #box_2_zwei_Umrandung_50 li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_zwei_Umrandung_50 li a, #box_2_zwei_Umrandung_50 li a {
font-weight: bold;
}

#box_1_zwei_Umrandung_50 dd, #box_2_zwei_Umrandung_50 dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 0 0 5px;
}

#box_1_zwei_Umrandung_50:hover, #box_2_zwei_Umrandung_50:hover {
}

#box_1_zwei_Umrandung_50 h1, #box_2_zwei_Umrandung_50 h1 {
margin-top: 0.5em;
padding: 0;
}

/* 2 Boxenmodelle nebeneinander */

#box_1_zwei_70_30 {
float:left;
width: 60%;
margin:  0.36em;
padding: 0.66em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_2_zwei_70_30 {
float:left;
width: 30%;
margin:  0.36em;
padding: 0.66em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_1_zwei_70_30 p, #box_2_zwei_70_30 p {
padding: 0px; 
margin:  5px; 
}

#box_1_zwei_70_30 embed, #box_2_zwei_70_30 embed {
padding: 0px; 
margin:  0px; 
}

#box_1_zwei_70_30 ul, #box_2_zwei_70_30 ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_zwei_70_30 li, #box_2_zwei_70_30 li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_zwei_70_30 li a, #box_2_zwei_70_30 li a {

}

#box_1_zwei_70_30 dd, #box_2_zwei_70_30 dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 0 0 5px;
}

#box_1_zwei_70_30:hover, #box_2_zwei_70_30:hover {
}

#box_1_zwei_70_30 h1, #box_2_zwei_70_30 h1 {
margin-top: 0.5em;
padding: 0;
}

/* 2 Boxenmodelle, Subtemplate 1spaltig, fuer Onlineshop */

#box_1_zwei_70_30_1spaltig {
float:left;
width: 70%;
margin:  0.36em;
padding: 0.74em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_2_zwei_70_30_1spaltig {
float:left;
width: 23%;
margin:  0.36em;
padding: 0.74em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_1_zwei_70_30_1spaltig p, #box_2_zwei_70_30_1spaltig p {
padding: 0px; 
margin:  5px; 
}

#box_1_zwei_70_30_1spaltig embed, #box_2_zwei_70_30_1spaltig embed {
padding: 0px; 
margin:  0px; 
}

#box_1_zwei_70_30_1spaltig ul, #box_2_zwei_70_30_1spaltig ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_zwei_70_30_1spaltig li, #box_2_zwei_70_30_1spaltig li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_zwei_70_30_1spaltig li a, #box_2_zwei_70_30_1spaltig li a {

}

#box_1_zwei_70_30_1spaltig dd, #box_2_zwei_70_30_1spaltig dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 0 0 5px;
}

#box_1_zwei_70_30_1spaltig:hover, #box_2_zwei_70_30_1spaltig:hover {
}

#box_1_zwei_70_30_1spaltig h1, #box_2_zwei_70_30_1spaltig h1 {
margin-top: 0.5em;
padding: 0;
}

/* 3 Boxenmodelle im zweispaltigen Subtemplate */

#box_1_drei_2spaltig {
float:left;
width: 28%;
margin: 0.36em;
padding: 0.74em;
border: 1px solid #6F240F;
overflow:hidden;
}

#box_2_drei_2spaltig {
float:left;
width: 28%;
margin: 0.36em;
padding: 0.74em;
border: 1px solid #6F240F;
overflow:hidden;
}

#box_3_drei_2spaltig {
float:left;
width: 28%;
margin: 0.36em;
padding: 0.74em;
border: 1px solid #6F240F;
overflow:hidden;
}

#box_1_drei_2spaltig p, #box_2_drei_2spaltig p, #box_3_drei_2spaltig p {
padding: 0px; 
margin:  5px; 
}

#box_1_drei_2spaltig ul, #box_2_drei_2spaltig ul, #box_3_drei_2spaltig ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_drei_2spaltig li, #box_2_drei_2spaltig li, #box_3_drei_2spaltig li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_drei_2spaltig li a, #box_2_drei_2spaltig li a, #box_3_drei_2spaltig li a {

}

#box_1_drei_2spaltig dd, #box_2_drei_2spaltig dd, #box_3_drei_2spaltig dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 5px 0 0px;
}

#box_1_drei_2spaltig:hover, #box_2_drei_2spaltig:hover, #box_3_drei_2spaltig:hover {
}

#box_1_drei_2spaltig h1, #box_2_drei_2spaltig h1, #box_3_drei_2spaltig h1 {
margin:  0px 0px 5px 0px;
padding: 0px;
}

#box_1_drei_2spaltig img, #box_2_drei_2spaltig img, #box_3_drei_2spaltig img {
margin:  0px;
padding: 0px;
}

/* 1 Boxmodelle - verteilt auf 4 Spalten */

#box_1_eins_standard {
float:left;
width: 97%;
margin:  0.0em 0.36em 0.36em 0.36em;
padding: 0.48em 0.48em 0.48em 0.48em;
border: 1px solid #6F240F;
background:#FFFFFF url(topbg.gif) repeat-x;
overflow:hidden;
}

#box_1_eins_standard p {
padding: 0px; 
margin:  5px; 
}

#box_1_eins_standard ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_eins_standard li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_eins_standard li a {

}

#box_1_eins_standard dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 0 0 5px;
}

#box_1_eins_standard:hover {
background:#FFFFFF url(topbg.gif) repeat-x;
}

#box_1_eins_standard h1 {
margin-top: 0.5em;
padding: 0;
}

/* 1 Boxmodelle - im 2 oder 3 spaltigen Subtemplate */

#box_1_eins_sub {
float:left;
width: 91%;
margin:  0.36em;
padding: 0.60em;
border: 1px solid #6F240F;
overflow:hidden;
}

#box_1_eins_sub p {
padding: 0px; 
margin:  5px; 
}

#box_1_eins_sub ul {
margin-left: -1px;
padding: 	  0px;
}

#box_1_eins_sub li {
margin:  0px;
padding: 5px;
list-style-position:inside;
}

#box_1_eins_sub li a {

}

#box_1_eins_sub dd {
font: bold 1.0em "lucida grande", tahoma, verdana, arial, sans-serif;
margin:  0px;
padding: 5px 0 0 5px;
}

#box_1_eins_sub:hover {
}

#box_1_eins_sub h1 {
margin-top: 0.5em;
padding: 0;
}