/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * yacCMS - yet another crazy Content Management System
 * Homepage: http://yaccms.fanciless.de
 * (c) 2007 Andreas Dietzel
 * see docs/license.txt for license details 
 *
 * base.css - basic CSS-Stylesheet
 * 
 * Design: yaccms
 * Author: Andreas Dietzel
 * Last changed: 2007-11-07
 * 
 * some ideas in this file are from the YAML-Framework (http://www.yaml.de)
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

*
{
	margin: 0px;
	padding: 0px;
}
   /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H�he des Browserfensters. */
html
{
    height: 100%;
    font-size: 10pt;
	background: url('../img/bg_main.png') #ffffff;
}
body
{
    font-size: 100.01%; /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
    min-height: 100.01%; /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser
      			Fensters geändert wird. */
    position: relative; /* Vorgabe der Standardfarben und Textausrichtung*/
    color: #000000;
    background: url('../img/bg_body.png') #ffffff;
    text-align: justify;
    width: 910px;
    /*min-width: 65em;*/
    margin: 5px auto;
    border: 1px solid #f5f5f5;
    padding-left: 5px;
}

/* Standardrahmen zurücksetzen */
fieldset, img
{
    border: 0;
}

/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
select, input, textarea
{
	font-family: Verdana, Arial,Helvetica;
    font-size: 99%;
}


#top
{
	position:relative;
	min-height: 130px;
	background: url('../img/bg_top.png') 5px 0px no-repeat;
}

#mainwrapper
{
	clear:both;
	width: auto;
	min-height:40em;
}


#sidebar
{
	margin: 0em;
	padding:0em;
	float: left;
	width: 15em;
}

#sidebar .sbtop
{
	/*height: 15px;
	background: url('../img/bg_sidebar_top.png') no-repeat;*/
}

#sidebar .sbmiddle
{
	/*background: url('../img/bg_sidebar_middle.png') repeat-y;*/

}
#sidebar .sbbottom
{
	/*background: url('../img/bg_sidebar_bottom.png') no-repeat;
	height:20px;*/
}

#main
{
	position:relative;
	width: auto;
	margin-left: 15em;
	height: inherit;
	min-height: 40em;
	padding: 0.1em 1em;
}

#mainFill
{
	position:relative;
	width: auto;
	height: inherit;
	min-height: 40em;
	padding: 0.1em 1em;
}


#foot
{
 	clear: both;
 	padding-bottom: 1em;
 	padding-top: 1em;
/*	font: normal 0.9em Verdana, Arial, sans-serif;*/
}

#login .ltop
{
	/*background: url('../img/bg_nav_top.png') no-repeat 12px 0px;
	height: 15px;*/
}
#login .lmiddle
{
	background: url('../img/bg_nav_middle.png') repeat-y 0px 0px;
	border: 1px solid #DADADA;
	width: 165px;
	padding: 5px 5px 5px 10px;
	margin-left: 12px;
	font-size: 0.8em;
}

#login .lbottom
{
	/*background: url('../img/bg_nav_bottom.png') no-repeat 12px 0px;
	height: 20px;*/
}

#loginTop
{
	position:absolute;
	right: 18px;
	top: 125px;
	font-size: 0.8em;
}

#editPanel
{
	/*position:relative;*/
	padding: 0.5em;
	border: 1px solid #ccc;
	width:auto;
	min-width: 55em;
	margin: 1em 0em;
	line-height: 2em;
}

/* ----------- styles for infomessages ----------- */
.error,
.warning {
	border: 1px solid #B50101;
	background: #ffdada;
	width: auto;
	margin: 5px;
	padding: 5px 10px;
	color: #b50101;
	font-weight: bold;
}
.info {
	border: 1px solid #464ADA;
	background: #EDEDFD;
	width: auto;
	margin: 5px;
	padding: 5px 10px;
}
.success {
	border: 1px solid #01B501;
	background: #daffda;
	width: auto;
	margin: 5px;
	padding: 5px 10px;
}

.error a,
.warning a {
	font-weight: bold;
}

/* ---- form styles ---- */
input[type="text"],
input[type="password"],
textarea
{
	border: solid 1px #cccccc;
	background: #FFFFFF;
	color: #000000;
	padding: 1px 1px 1px 2px;
	margin: 1px 1px 1px 0px;
}

input.fill[type="text"],
input.fill[type="password"],
textarea
{
	width:98%;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
textarea:hover,
textarea:focus
{
	border-color: #5580DD;
}
input[type="text"][disabled],
input[type="text"][disabled]:hover,
input[type="text"][disabled]:focus {
	background: #ECECEC !important;
	border: 1px solid #C0C0C0 !important;
	color: #A0A0A0;
}

input[type="button"] {
	border: solid 1px #C0C0C0;
	background: #F7F7F7 url(../img/buttonbg.png) repeat-x center;
	padding: 0px 3px;
	margin: 1px 1px 1px 0px;
	cursor: pointer;
}

input[type="submit"] {
	border: solid 1px #C0C0C0;
	background: #F7F7F7 url(../img/buttonbg.png) repeat-x center;
	padding: 0px 3px;
	margin: 1em 1px 1px 0px;
	cursor: pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus
{
	border: solid 1px #5580DD;
	background: #D7DBF7 url(../img/buttonbg_hover.png) repeat-x center;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="button"].selected,
input[type="submit"].selected
{
	border: solid 1px #5580DD;
	background: #D7DBF7;
}
input[type="checkbox"],
input[type="radio"]
{
	margin: 1px 6px 1px 0;
	padding: 0;
	cursor: pointer;
}
input[type="checkbox"][disabled],
input[type="radio"][disabled]
{
	cursor: default;
}

input[type="radio"]
{
	vertical-align: middle;
}
select
{
	border: 1px solid #C0C0C0 !important;
	background: #FFFFFF !important;
	padding: 0px 0px !important;
	cursor: pointer;
}
select:hover,
select:focus
{
	border: 1px solid #5580DD !important;
}
select[disabled],
select[disabled]:hover
{
	background: #ECECEC !important;
	border: 1px solid #C0C0C0 !important;
	color: #A0A0A0;
}

option.new_group {
	border-top: solid 1px #c0c0c0;
}




/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		/*overflow:hidden;*/
	}

	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c40l, .c20l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r, .c40r, .c20r {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 */

	.c40l, .c40r { width: 39.999%; }
	.c20l, .c20r { width: 19.999%; }