/* Bäckerei Zipf - Playa del Inglés */


body
{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
background:#006331;
}


/* Seiteneinteilung Tabellenlayout
----------------------------------------------------*/

#maintable
{
width:780px;
background-color:#FFCE00;
margin:10px;
border:2px solid #003131;
}

#top
{
height:150px;
padding:0px;
margin:0px;
background:#FFCE00 url(/img/bg/bg_main.jpg) no-repeat top left;
}


.leftside
{
width:150px;
padding:5px;
margin:0px;
vertical-align:top;
}


#maincontent
{
width:630px;
padding:10px 80px 10px 10px;
font-size:15px;
color:#101010;
font-family:Arial, Verdana, sans-serif;
line-height:20px;
margin:0px;
}

#end
{
padding:0px 30px;
color:#006331;
}



/* Haupt Textgestaltung
----------------------------------------------------*/

h1, h2, h3, h4
{
font-family:Verdana, Times, Arial, serif;
color:#003131;
}

h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:10px;}

a:link, a:visited, a:active, a:hover
{
color:#003131;
font-weight:bold;
text-decoration:none;
}

a:hover
{
color:#006331;
text-decoration:none;
}

.logo                        /* Firmenname immer hervorgehoben */
{
font-variant:small-caps;
}

.icon
{
vertical-align:middle;
margin-right:3px;
}

/* Menu Layout
----------------------------------------------------*/



.smallmenu                          /* Top Menue mit Sprachflaggen*/
{
display:none;
}

.smallmenu a:link, .smallmenu a:visited, .smallmenu a:hover, .smallmenu a:active
{
padding:2px;
font-size:9pt;
color:#006331;
}


.menu
{
width:126px;
padding:5px;
margin:0px;
font-family:Verdana, Arial, sans-serif;
background:#FFCE00 url(/img/bg/menu_bg.gif) repeat-y top left;
}

.menu a:link, .menu a:visited, .menu a:hover, .menu a:active
{
display:block;
font-weight:bold;
font-size:12px;
line-height:25px;
background-color:#ffffcc;
color:#003131;
text-decoration:none;
margin:3px 0px;
padding:0px 5px;
}

.menu a:active, .menu a:hover
{
color:#006331;
text-decoration:none;
}


.submenu
{
width:126px;
padding:0px;
margin:0px;
font-family:Verdana, Arial, sans-serif;
background:#FFFFCC;
}

.submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active
{
display:block;
font-weight:normal;
font-size:12px;
line-height:20px;
color:#003131;
text-decoration:none;
margin:0px;
padding:0px 2px;
}

.submenu a:active, .submenu a:hover
{
color:#006331;
text-decoration:none;
}




/* Kleingedrucktes
----------------------------------------------------*/

.subinfo
{
padding:2px;
font-size:10px;
color:#003131;
}

.subinfo a:link, .subinfo a:visited, .subinfo a:active
{
color:#006331;
text-decoration:none;
font-weight:bold;
font-size:10px;
}

.subinfo a:hover
{
text-decoration:underline;
font-size:10px;
}






/* Textfelder
----------------------------------------------------*/

.box1
{
border-left:2px solid #006331;
border-top:2px solid #006331;
border-right:2px solid #003131;
border-bottom:3px solid #003131;
padding:10px;
background-color:#FFBD00;
}

.guestbox
{
border-left:2px solid #006331;
border-top:2px solid #006331;
border-right:2px solid #003131;
border-bottom:3px solid #003131;
padding:10px;
background-color:#FFBD00;
width:500px;
text-align:left;
}

/* Formulare
----------------------------------------------------------- */

.selectfield1
{
background-color:#FFFFFF;
color:#003131;
vertical-align:bottom;
}

.button1
{
font-size:12px;
font-weight:bold;
border-left:1px solid #006331;
border-top:1px solid #006331;
border-right:1px solid #003131;
border-bottom:2px solid #003131;
background-color:#ffffcc;
color:#003131;
margin:4px 0px 4px 0px;
}


/* Bildergalerie
----------------------------------------------------*/

.gal
{
border-left:2px solid #292929;
border-top:2px solid #292929;
border-right:2px solid #7B7B7B;
border-bottom:3px solid #7B7B7B;
margin:5px;
}




/* Projektbezogene Einzelheiten
----------------------------------------------------*/

.galbody
{
background-color:#FFCE00;
}

.aktivprog
{
width:500px;
border-left:1px solid #006331;
border-top:1px solid #006331;
border-right:2px solid #003131;
border-bottom:3px solid #003131;
background-color:#FFBD00;
color:#003131;
padding:3px;
margin:5px;
}

.tag
{
background:#ffffcc;
color:#005A00;
font-weight:bold;
width:70%;
border:1px solid #006331;
padding-left:3px;
}

.titel, .facts
{
background:#ffffcc;
color:#000000;
border:1px solid #006331;
padding-left:3px;
}

.titel
{
font-weight:bold;
}

.desc
{
background:#ffffcc;
color:#000000;
padding:3px;
margin:3px;
border:1px solid #006331;
}