/**

 * CSS definitions shown in the WYSIWYG editor (WB backend)

 * 

 * This file defines the styles shown in the WYSIWYG editor of

 * the Website Baker backend. This styles do not affect the

 * output of your website as shown in the frontend.

 *

 * LICENSE: Creative Commons Attribution 3.0

 * 

 * @author     Chio Maisrimi

 * @copyright  Chio Maisrimi (c) 2008, http://www.beesign.com

 * @license    http://creativecommons.org/licenses/by/3.0/

 * @version    0.40

 * @platform   Website Baker 2.7

*/



body, html {	

	font-family: trebuchet ms, verdana, tahoma, arial;

	font-size: 12px;

		

}



/*

Zuerst die Styles definieren, die für die gesamte Site gelten

Spezielle Styles, zb die im Menue, werden in main.css neu definiert.

*/



/* basics */

a img  { border: 0px;}

table {border-collapse:collapse;}



body {background-color: #ffffff; color: #333333;}



/*Diese Klassen sind hilfreich, um den Faden nicht zu verlieren */



.mymaincolor, h1, h2, h3, a {color:#5184b6}

.mylightmaincolor {color:#3a5577}

.mymainbgcolor {color:#d3ddea}

.mylightbgcolor {color:#cccccc}

.mybordercolor {color:#233351}









/* background-colors */







/* forecolors */



h1, h2, h3 {}

h4 {}

h5, h6 {}



/*Standard Links*/

a {text-decoration: underline;}

a:active, a:visited, a:link {

	color: #173455;	

}



a:hover {

	color: #25486d;

	text-decoration: none;

}





/* Standard Tags: margins, borders, size */



p {

	margin:0 0 5px 0;

	line-height: 150%;

}



h1, h2 {

	border-bottom: 1px solid #808080;

	font-family: arial;

	font-weight: 100;

	text-align: right;

	margin-right:10px;

}



h1 {font-size: 24px; letter-spacing: 4px; margin: 20px 0 4px 0;}

h2 {font-size: 18px; letter-spacing: 2px; margin: 15px 0 3px 0;}

h3 {font-size: 14px; letter-spacing: 1px; margin: 10px 0 2px 0;}



h4 {font-size: 12px; margin: 10px 0 0 0;}

h5 {font-size: 11px; margin: 5px 0 0 0;}

h6 {font-size: 10px; margin: 2px 0 12px 0;}











hr{

	border:dotted #d3ddea 1px; height:1px;

	clear:both;

}





li {	

	padding-bottom: 0px;		

} 



ul {	

	line-height: 150%;

	margin-top: 0;

	margin-bottom: 10px;

	margin-left: 0.7em;

	padding-left: 0.7em;

	list-style-image: url(images/li.gif);

	list-style-type: square	

}



ol {

	

	line-height: 150%;

	margin-top: 0;

	margin-bottom: 10px;

	margin-left: 0.9em;

	padding-left: 0.9em;		

}





address {

	line-height:120%;

	margin: 10px 0 20px 0;

	padding-left: 10px;

	border-left: 6px solid #3a5577;

	font-style: normal;

	font-weight: bold;

	}





blockquote {

	background-color:#d3ddea;

	font-size:0.9em;

	padding: 3px;

	border-left: 2px solid #3a5577;

	margin: 3px 0 20px 0;

}



pre, code {

	padding: 0 0 20px 6px;

	margin: 3px 0 20px 0;

	border-top: 1px solid #3a5577;

	border-right: 1px solid #3a5577;

	border-bottom: 1px solid #3a5577;	

	border-left: 6px solid #c9c9c9;

	background-color: #ffffff;

	

	color: #394200;

	font-size:0.9em;	

	overflow:auto; 

	line-height:2.2em;

	

	

		

}



/*-----------------------------------------------------------------*/	

/*form elements*/

form {text-align: left;}



fieldset {

	border:0;

	text-align: left;

}



input, textarea, select

{

	color:#000000;

	font-weight: normal;	

	font-variant:normal;

	font-size:12px;

	padding:1px;

	border: 1px solid #666666;

}





select {}

option {background-color: #d3ddea;}

textarea, select {border: 1px solid #3a5577;}



input[type="text"] {border: 1px solid #3a5577;}

input[type="radio"] {border: 0; cursor: pointer;}

input[type="checkbox"] {border: 0; cursor: pointer;}



input[type="reset"] {display:none;}





input[type="submit"], .submitbutton {

	color: #ffffff;

	background-color:#3a5577;

	border: 1px solid #000000;	

	font-size: 14px;	

	

	padding:2px 20px;

	float: right;

	clear:right;

	margin: 10px 20px 20px auto;

	cursor: pointer;

	

}