* { margin: 0; padding: 0; }
/* CONTAINER */

body {
		font-family: Arial, Helvetica, sans-serif;
		background: url('style/bg-sky.jpg') repeat-x top #83bded;
		color: #1680D6; text-align: center;
		margin: 30px 0; 
    }

#rap { margin: 0px auto; width: 90%; background: #fcfcad; padding: 5px 0; text-align: left; min-width: 720px;  }

#headlinks a { display: none; }

/* HEADER */
#header { background: url('style/fade-out.png') right repeat-y #FAF030; margin: 0 5px; }
#header h1 { text-align: center; color: #1680D6; padding: 5px 0; font-size: 160%; }

#navigation { margin: 5px 5px 5px 0; }

#navigation ul { list-style-type: none; font-size: 110%; margin: 0; }
#navigation li { display: block; float: left; width: 16.66%; margin: 0; }
#navigation a { padding: 0 5px; text-decoration: none; display: block; margin: 0 0 5px 5px;  text-align: center; padding-bottom: 2px; }
#navigation a.aktiv { background: #FCF973; }
#navigation a:hover { color: #1680D6; background: #FAF030; }


/* BORDER (TOP-LEFT) */
#navigation a, #content, #message, #warning, #footer, #admin { border-left: 2px solid #FAF030; border-top: 2px solid #FAF030; }

/* MAIN BLOCKS */
#content, #message, #warning, #admin { margin: 0 5px 5px 5px; }
#content { clear: both; }
#message, .alert { clear: left; border-color: #FE601B; background: #FFB862; }
#warning { clear: left; border-color: #E94242; background: #FFD0D0; }
#admin   { clear: left; border-color: #4242E9; background: #D0D0FF; }

/* IMAGE LISTS */
ul.piclist { list-style-type: none; margin: 1em 0; }
ul.piclist li { display: block; float: left; margin: 0 .5em; width: 12em; height: 12em; }
ul.piclist li img { max-width: 12em; overflow: scroll; max-height: 8em; }

/* BELEGUNG & PREISLISTE */
#data { width: 100%; border-collapse: collapse; }
#data th, #data td { padding: 0.2em 0; text-align: center; width: 4.5em; border-left: 1px dashed #1680D6; border-top: 1px dashed #1680D6; }
#data th { font-size: 75%; }
#data .caption { white-space: nowrap; border-left: 0; }
.B { color: #CF303E; background-color: #FF7A66; }
.F { color: #459738; background-color: #CFFF9E; }
.N { color: #666666; background-color: #CCCCCC; }
#legend span { display: inline-block; width: 4.5em; text-align: center; }
#data input { text-align: center; }

/* FOOTER */
#footer { margin: 5px 5px 0 5px; clear: both; text-align: center; font-size: 75%; padding: 5px 0; color: #666; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

ul.jumplinks { list-style-type: none; }
ul.jumplinks li { display: inline; margin-right: 1em; white-space: nowrap; }

/* TYPOGRAPHY */
h2, h3, h4, h5, p, pre, ul, ol, textarea { margin: .5em 0 .5em 0; }
h3 { font-weight: normal; font-style: italic; }
p { text-indent: 1em; line-height: 125%; }
ul { margin-left: 1em; }
em { font-weight: bold; font-style: normal; }
.mono { font-family: Lucida Console, Courier New, monospace; }

/* General properties */
.r { text-align: right; }
.l { text-align: left; }
.c { text-align: center; }

/* LINKS */
a { color: #51D823; }
a:hover { text-decoration: none; }

/* TABLES */
td.descCol { width: 5em; font-weight: bold; }

/* ADMIN */
#admin ul { list-style-type: none; margin: 5px 10px; text-align: right; padding-bottom: 5px; }
#admin li { display: inline; margin-left: 1em; }
#admin a { color: #4242E9; }

/* FORMS */
fieldset { border: none; }
form table { margin: .5em 0 .5em; }
form td { padding: 0 .5em 0 0; }
input.button { border: 0; }
input.button:hover { background-color: #4242E9; color: #fff; }

textarea { width: 100%; }
/* .embed_code { width: 100%; }*/
 
/* IMAGES */
div.img { max-width: 100%; }
div.img img { padding: 2px; margin-bottom: .8em; border: 1px solid #ccf; max-width: 100%; }
div.img p { font-size: 85%; margin-top: 0; font-style: italic; color: #666; text-indent: 0; }
div.fc { margin: 0 auto; text-align: center; }
div.fr  { float: right; margin: 0 0 0 1em; text-align: right; clear: right; max-width: 45%; }
div.fl  { float: left; margin: 0 1em 0 0; text-align: left; clear: left; }
.cr { clear: right; }
.cl { clear: left; }
img.hp { width: 45%; }




/* SUB-TEMPLATES */
/* 
 * http://www.yaml.de/ 
 */

.subcolumns {
		width: 99.9%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow: hidden;
}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}

.c25l, .c25r { width: 24.999%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 74.999%; }
.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

.subc { padding: 0 10px 0 10px; overflow: hidden; }
.subcl { padding: 0 10px 0 10px; overflow: hidden; }
.subcr { padding: 0 10px 0 10px; overflow: hidden; }