@charset "utf-8";
/* Essential Styles */

/* Common Styles */
body{
		font:12px "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
		color:#666;
		/*@background-image=background-image:url(images/bg.gif);*/ background-image:url('./images/background.png'); /*@*/
		/*@background-image-position=background-position:;*/ background-position: left top; /*@*/
		/*@background-image-repeat=background-repeat:repeat;*/ background-repeat: repeat-y; /*@*/
		/*@background-color=background-color:;*/ background-color: #bcdc9b; /*@*/
		padding: 0; margin: 0; overflow: auto; line-height: 1.5em;
}
a		{ color:#75af42;}
a:link	{ color:#75af42; text-decoration:none;}
a:visited	{ color:#75af42; text-decoration:none;}
a:hover	{ color:#75af42; text-decoration:underline; font-weight: bold;}
a:active	{ color:#75af42; text-decoration:none; font-weight: bold;}

hr		{ display:none;}
img		{ border:0;}

/* Essential Styles end. */

/* Layouts for Page */

/* Main Container */
#container { 
	width: 100%;
	margin:0 auto;
	text-align:center;
}

/* Title Header */
#titleHaup { 
	width: 100%;
	margin-top: 15px;
	text-align: center;
}

 /* Title Link Style */
#titleHaup a			{ color:#333;}
#titleHaup a:link		{ color:#333; text-decoration:none;}
#titleHaup a:visited	{ color:#333; text-decoration:none;}
#titleHaup a:hover	{ color:#8cc63f; text-decoration:none;}
#titleHaup a:active	{ color:#8cc63f; text-decoration:none;}


/* Footer Field */
#refresh, #footer { 
	width: 100%;
	clear: both;
}

/* Main Field */
#haupseite { 
	width: 80%;
	text-align: left;
	font-size: 12px;
	border: 3px solid #8cc63f;
	padding: 15px;
	margin-left: 10%;
	background-color: #fff;
	background-image:url('./images/commonsense.png');
	background-position: right top;
	background-repeat: no-repeat;
	line-height: 2em;
}

 /* Main Field Link Style */
#haupseite a			{ color:#333;}
#haupseite a:link		{ color:#333; text-decoration:none;}
#haupseite a:visited	{ color:#333; text-decoration:none;}
#haupseite a:hover	{ color:#8cc63f; text-decoration:underline; font-weight: bold;}
#haupseite a:active	{ color:#8cc63f; text-decoration:none; font-weight: bold;}

 /* Main Field Description */
#description {
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: 1px dotted #8cc63f;
	line-height: 2em;
}

 /* Main Field ul/ol/li style */
#lesezeichen {
	list-style-image: none;
}
#lesezeichen li {
	list-style-image: url('./images/bullet.png');
	padding-left: 15px;
}

 /* Classes */
.blue14 {
	font-size: 14px;
	font-weight: bold;
	color: #75af42;
}

.gray14 {
	font-size: 14px;
	font-weight: bold;
	color: #b4b4b4;
}

.gray12 {
	font-size: 12px;
	font-weight: bold;
	color: #c0c0c0;
}

/* Main Field Input Style */
form dd {
	margin: 0;
}

form dt {
	float: left;
	width: 100px;
	padding-right: 10px;
	font-weight: bold;
}

.textInput {
	font:12px "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
	color:#666;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #666;
	width: 200px;
}

.submit {
	font:12px "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
	color:#666;
	border: 1px solid #666;
	width: 80px;
}

 /* Validator */
.valid {
	border:0;
	width:88px;
	height:31px;
}

.valid a			{ color:#333;}
.valid a:link		{ color:#333; text-decoration:none;}
.valid a:visited	{ color:#333; text-decoration:none;}
.valid a:hover		{ color:#8cc63f; text-decoration:none;}
.valid a:active	{ color:#8cc63f; text-decoration:none;}