/*
// $Id: default.css 266 2006-02-07 14:18:27Z dierker $
// +----------------------------------------------------------------------+
// | mcm/monsun cms                                                       |
// | version 1.2                                                          |
// | (c) 2002-2005 monsun media (http://www.monsun-media.com)             |
// +----------------------------------------------------------------------+
//
*/

/**
* General
*/

html { padding:0; margin:0px; }
body { padding:0; margin:0px; background: #999994 url(../images/page-bg.gif) 0 0 repeat;}

.extern{padding-right:15px;background:url('extern.jpg') no-repeat right center;}

* { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 {
	font-size: 16px;
	color: #C2002B;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
h2 {
	font-size: 14px;
	color: #C2002B;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 50px;
}
h3 { font-size:12px; color:#C2002B; font-weight:normal;}
p  { font-size:11px; color:#535353; line-height:1.5em; margin-bottom: 1.2em;}
li { font-size:11px; color:#535353; line-height:1.5em; }
p a { color:#C2002B; text-decoration:none;}
p a:hover { text-decoration:underline; }




/**
* Page construction
*/

#sb { background: transparent url(../images/shadow-b.gif) 0 bottom no-repeat; padding-bottom:4px;  }
#sl { background: transparent url(../images/shadow-l.gif) left 0 repeat-y; width:984px; padding-left:4px;}
#sr { background: transparent url(../images/shadow-r.gif) right 0 repeat-y; width:980px; padding-right:4px;}

#page-wrap {width: 988px; margin: 0 auto 0;	background: white;}

#page-foot { width:940px; margin:20px auto; font-family: Verdana, Arial; font-size:11px; text-align:right; color:#D8D7D0; line-height:140%;}
#page-foot a { color:#D8D7D0; text-decoration:none; padding: 0 4px;}
#page-foot a:hover { background:#B8B7B1; color:#EBEAE2;}

#head { background-color:#efefef; height:260px; background: transparent url(../images/title-default.jpg) 0 0 no-repeat; }
#body { background: white; }
#body #col-l-wrap {float: left;width: 320px;}
#body #col-l {width: 320px;background: transparent url(../images/slogan-bg-default.gif) 0 0 no-repeat;min-height: 620px;}
#body #col-r { float:right; width:560px; padding-left:25px; padding-top:15px;min-height: 620px;}
#body #col-r hr { display:none; }
#body #col-r p { margin-right: 20px; }
#col-l #slogan { width:270px; height:130px; margin-bottom: 90px; }

div.clear { visibility:hidden; clear:both;}

#foot { background-color:#E2E2E1; height:50px;}

#logo { width:90px; height:80px; position:absolute; border:0; background: transparent url(../images/logo.gif) 0 0 no-repeat; margin-left:860px; top:180px; display:block; }
#logo span {display:none;}




/**
* mainnavi
*/

#mainnavi { position:absolute; top:179px; margin-left:420px; background-color:#fff;}
#mainnavi dl { padding:0; margin:0; }
#mainnavi dt { display:none; }
#mainnavi dd.first { border-left:1px solid gray; }
#mainnavi dd { margin:0; padding:0; float:left; }
#mainnavi dd a { display:block; height:50px; background-position: 0 5px; background-repeat: no-repeat;}
#mainnavi dd a:hover { background-color:#C2002B;}
#mainnavi dd a span { display:none;}
#mainnavi dd a#mn0 { background-image:url(../images/mn0-off.gif); width:99px; } 
#mainnavi dd a#mn1 { background-image:url(../images/mn1-off.gif); width:96px; }
#mainnavi dd a#mn2 { background-image:url(../images/mn2-off.gif); width:81px; }
#mainnavi dd a#mn3 { background-image:url(../images/mn3-off.gif); width:65px; }
#mainnavi dd a#mn4 { background-image:url(../images/mn4-off.gif); width:78px; }

#mainnavi dd a#mn0.on { background-image:url(../images/mn0.gif); background-color:#C2002B;} 
#mainnavi dd a#mn1.on { background-image:url(../images/mn1.gif); background-color:#C2002B;}
#mainnavi dd a#mn2.on { background-image:url(../images/mn2.gif); background-color:#C2002B;}
#mainnavi dd a#mn3.on { background-image:url(../images/mn3.gif); background-color:#C2002B;}
#mainnavi dd a#mn4.on { background-image:url(../images/mn4.gif); background-color:#C2002B;}

/**
* Subnavi
*/


#subnavi ul.nav2nd li {
	padding:0;
	margin-left:10px;
	font-size:0.8em;
	font-weight:normal;
	list-style: none;
	
}

#subnavi ul.nav2nd a, 
#subnavi ul.nav2nd a:link {
	display:block;
	padding:4px 0 4px 0;
	color:#606060;
	text-decoration: none;
}

#subnavi ul.nav2nd a.current, 
#subnavi ul.nav2nd a.current:link, 
#subnavi ul.nav2nd a:hover {
	color: #696969;
	text-decoration: none;
}




/**
* servicebar
*/
                
#servicebar { margin-left:320px; background-color:#ECECEC; height:42px; padding-top: 8px; }
#servicebar dl { padding:0; margin:0; margin-left:90px; }
#servicebar dt { display:none; }
#servicebar dd { margin:0; padding:0; float:left; }
#servicebar dd a { font-size:11px; border:1px solid #ECECEC; display:block; padding:10px 10px 10px 30px; text-decoration:none; color:#9D9C97; letter-spacing:-1px; background-repeat: no-repeat; background-position: 10px center; }
#servicebar dd a:hover { background-color:white; color:#333; border:1px solid #C4C4C4; }

#servicebar dd a#sb-home      { background-image:url(../images/sb-home-off.gif); } 
#servicebar dd a#sb-sitemap   { background-image:url(../images/sb-sitemap-off.gif); }
#servicebar dd a#sb-history   { background-image:url(../images/sb-history-off.gif); }
#servicebar dd a#sb-print     { background-image:url(../images/sb-print-off.gif); }
#servicebar dd a#sb-recommend { background-image:url(../images/sb-recommend-off.gif); }
#servicebar dd a#sb-imprint   { background-image:url(../images/sb-imprint-off.gif); }

#servicebar dd a#sb-home:hover      { background-image:url(../images/sb-home.gif); } 
#servicebar dd a#sb-sitemap:hover   { background-image:url(../images/sb-sitemap.gif); }
#servicebar dd a#sb-history:hover   { background-image:url(../images/sb-history.gif); }
#servicebar dd a#sb-print:hover     { background-image:url(../images/sb-print.gif); }
#servicebar dd a#sb-recommend:hover { background-image:url(../images/sb-recommend.gif); }
#servicebar dd a#sb-imprint:hover   { background-image:url(../images/sb-imprint.gif); }


/**
* Corners and Boxes
*/

.box-headline-l { height:48px; background:transparent url(../images/box-headline-bg.gif) 0 0 no-repeat; color:white; padding:22px 20px 0px 20px; font-size:13px; font-weight:bold; letter-spacing:-0.03em; margin-bottom:-20px;}

div.corner-s-tr { background-image: url(../images/corner-s-tr.gif); background-repeat: no-repeat; background-position: 100% 0%; }
div.corner-s-br { background-image: url(../images/corner-s-br.gif); background-repeat: no-repeat; background-position: 100% 100%; }
div.corner-s-bl { background-image: url(../images/corner-s-bl.gif); background-repeat: no-repeat; background-position: 0% 100%; }
div.corner-s-tl { background-image: url(../images/corner-s-tl.gif); background-repeat: no-repeat; background-position: 0% 0%; }

div.box { margin:40px 0; }
div.box div.corner-s-tr.box-head { background-color: #C10019;}
div.box div.corner-s-tl.box-head { background-color: #C10019;}
div.box .box-body {
	background: #EBEBED url(../images/box-bg.gif) 0 bottom no-repeat;
	width: 240px;
	margin-left: 20px;
	background-color: #efefef;
	font-size: 11px;
	padding: 10px;
	color:#535353;
	line-height: 16px;
}

.icon { width:20px; height:20px; position:absolute; margin-top:-14px; margin-left: 229px; border:1px solid white; width:20px; height:20px; position:absolute;} 
.corners-l { background: #C2002B url(../images/headline-corner-s-tlbl.gif) 0 0 no-repeat; color: white; padding:2px 25px 4px 25px; height:16px; font-size:13px; font-weight:bold; letter-spacing:-0.03em;}
.corners-r { background: #C2002B url(../images/headline-corner-s-trbr.gif) right 0 no-repeat; color: white; padding:2px 20px 4px 20px; height:16px; font-size:13px; font-weight:bold; letter-spacing:-0.03em;}
.headline {margin-left:-25px; }



/**
* Styro Box
*/
.styro-box .box-body { padding:10px; width:240px !important; }
.styro-box  a { height:12em;display:block; color:#535353; background: transparent url(../images/logo-transparent.gif) right bottom no-repeat;  }
.styro-box  a span { display:block; width:100px; margin-bottom:50px;}



/**
* Special article formats
*/
div.article {
	margin-bottom: 40px;
	padding-right: 20px;
}

.flLeft { float:left; }
.flRight { float:right; }

div.flLeft {
	margin-right:14px;
}

div.flRight {
	margin-left:14px;
}

/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#f7f7f7;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.8em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:0.8em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#f7f7f7;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.8em;
}
