/*

Screen-CSS for "Donicon - Your Japan-Connection."
XHTML MarkUp & CSS made by: el.pato creative - www.elpato.info

*/


/*
------------------------------------------------
Allgemeine Klassen
------------------------------------------------
*/

body {
	margin:0;
	padding:0;
	background: url(../img/bg_bottom.jpg) top center repeat-y;
}

* {
	margin:0;
	padding:0;
	font-family:"Verdana", Sans-Serif;
	list-style:none;
}

.clear {
	clear:both;
}

.invisible {
	display:none;
}


/*
------------------------------------------------
Box-Modell
------------------------------------------------
*/

div.bg {
	background: url(../img/bg_top.jpg) top center no-repeat;
}

div.container {
	width:880px;
	margin:0 auto;
	padding:10px 10px 0 10px;
}

div.top {
	float:left;
	width:880px;
	height:95px;
}

div.top div.logo {
	float:left;
	width:440px;
	height:95px;
	background:url(../img/top_logo.gif) top left no-repeat;
}

div.top div.login {
	float:left;
	width:440px;
	height:95px;
	background:url(../img/top_bg_login.jpg) top left no-repeat;
}

div.header {
	float:left;
	width:880px;
	height:236px;
	background:url(../img/header_bg.jpg) top left no-repeat;
}

div.header div.img {
	float:left;
	width:850px;
	height:153px;
	margin:20px 15px 0 15px;
}

div.header div.mainmenu {
	float:left;
	width:720px;
	height:31px;
	margin:1px 0 0 15px;
}

div.header div.quicksearch {
	float:left;
	width:130px;
	height:26px;
	margin:6px 15px 0 0;
}

div.header div.breadcrumb {
	float:left;
	width:650px;
	height:23px;
	margin:0 0 0 15px;
	padding:8px 0 0 0;
}

div.header div.language {
	float:left;
	width:200px;
	height:23px;
	margin:0 15px 0 0;
	padding:8px 0 0 0;
	text-align:right;
}

div.content {
	float:left;
	width:850px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 0 0 0;
	padding:15px 15px 0 15px;
	background:url(../img/content_bg.jpg) top left no-repeat;
}

div.content div.main {
	float:left;
	width:625px;
	margin:0 20px 0 0;
	padding:0 0 0 0;
}

div.content div.right {
	float:left;
	width:205px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div.footer {
	float:left;
	width:880px;
	height:46px;
	background:url(../img/footer_bg.jpg) top left no-repeat;
	margin:15px 0 0 0;
	padding:9px 0 0 0;
}


/*
------------------------------------------------
Top -> NoScript
------------------------------------------------
*/

div.noscript {
	padding:6px 0 0 0;
	background:#a12523;
	text-align:center;
	font-size:12px;
	color:#ffffff;
}


/*
------------------------------------------------
Top -> Logo
------------------------------------------------
*/

div.logo a {
	display:block;
	width:220px;
	height:95px;
}


/*
------------------------------------------------
Top -> Login / Logout
------------------------------------------------
*/

div.quicklogin div.submit_container {
	float:left;
	width:45px;
	height:95px;
	padding:0 0 0 265px;
}

div.quicklogin div.submit_container input.submit {
	width:45px;
	height:45px;
	margin:27px 0 0 0;
	border:0px;
	background:none;
	cursor:pointer;
}

div.quicklogin div.formfields {
	float:left;
	width:130px;
	height:95px;
	padding:25px 0 0 0;
}

div.quicklogin div.formfields input {
	float:left;
	width:120px;
	height:16px;
	padding:2px 4px 0 4px;
	margin:0 0 3px 0;
	background:#ffffff;
	border:1px solid #dbdbdb;
	color:#dbdbdb;
	font-size:11px;
	font-style:italic;
}

div.quicklogin div.formfields input.error {
	border-color:#d7524c;
	color:#d7524c;
	font-weight:bold;
}

div.quicklogin div.logout div.submit_container input.submit {
	width:45px;
	height:45px;
	margin:27px 0 0 0;
	border:0px;
	background:url(../img/top_bg_logout.jpg) no-repeat top left;
	cursor:pointer;
}

div.quicklogin div.logout div.logoutmsg {
	float:left;
	width:120px;
	height:92px;
	padding:28px 0 0 10px;
	font-size:10px;
	color:#dbdbdb;
}


/*
------------------------------------------------
Header -> Mainmenü
------------------------------------------------
*/

div.mainmenu ul.level_1 li {
	list-style:none;
}

div.mainmenu ul.level_1 li a,
div.mainmenu ul.level_1 li p {
	float:left;
	height:21px;
	padding:10px 15px 0 15px;
	background:#cb3b3b;
	color: #ffffff;
	font-size:11px;
	text-decoration:none;
	overflow:visible;
	line-height:1em;
}

div.mainmenu ul.level_1 li a:hover {
	background:#a83131;
}

div.mainmenu ul.level_1 li p,
div.mainmenu ul.level_1 li.trail a {
	background:#a83131;
	font-weight:bold;
}


/*
------------------------------------------------
Header -> Schnellsuche
------------------------------------------------
*/

div.quicksearch input.submit {
	display:none;
}

div.quicksearch input {
	width:101px;
	height:17px;
	background:url(../img/header_quicksearch_input.jpg) top left no-repeat;
	padding:3px 5px 0 24px;
	border:0px;
	color:#5b5b5b;
	font-size:10px;
	font-style:italic;
}


/*
------------------------------------------------
Header -> Breadcrumb
------------------------------------------------
*/

div.breadcrumb {
	color:#999999;
	font-size:10px;
	font-style:italic;
	letter-spacing:0.05em;
}

div.breadcrumb span.title {
	font-weight:bold;
	margin:0 10px 0 0;
}

div.breadcrumb a {
	color:#999999;
	text-decoration:none;
}

div.breadcrumb a:hover {
	color:#666666;
	text-decoration:none;
}


/*
------------------------------------------------
Header -> Sprachwahl
------------------------------------------------
*/

div.language {
	color:#999999;
	font-size:10px;
	font-style:italic;
	letter-spacing:0.05em;
}

div.language span.title {
	margin:0 0px 0 0;
}

div.language a {
	text-decoration:none;
}

div.language img {
	border:0px;
	margin:0 0 0 3px;
	padding:2px 0 0 0;
	vertical-align:top;
}


/*
------------------------------------------------
Content -> Allgemein
------------------------------------------------
*/

div.content {
	font-size:11px;
	color:#333333;
	line-height:18px;
}


/*
------------------------------------------------
Content -> Main (Links)
------------------------------------------------
*/

div.main h1,
div.main h1 a {
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	color::#333333;
	background:url(../img/icons/dblarrow_red_right.jpg) 0px 6px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 7px 0;
}

div.main h2,
div.main h2 a {
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#333333;
	padding:0 0 0 0;
	margin:0 0 5px 0;
}

div.main a {
	color:#333333;
	font-style:italic;
	text-decoration:none;
}

div.main a:hover {
	color:#000000;
	text-decoration:underline;
}

div.main div.seperator {
	clear:both;
	width:625px;
	height:22px;
	background:url(../img/content_bg_seperator.jpg) top left no-repeat;
	margin:15px 0 3px 0;
}

div.main ul li{
	padding:0 0 0 15px;
	background:url(../img/icons/arrow_grey_right.gif) no-repeat 3px 8px;
}

div.main p.back {
	margin:15px 0 0 0;
}

div.main p.back a {
	font-weight:bold;
	font-style:normal;
	padding:0 0 0 15px;
	background:url(../img/icons/arrow_grey_left.gif) no-repeat 3px 6px;
}


/*
// CE -> Allgemein
*/

div.main div.ce_text {
	margin:0 0 20px 0;
}


/*
// CE -> Pagination
*/

div.main div.pagination {
	clear:both;
	margin:15px 0 0 10px;
}

div.main div.pagination p {
	display:none;
}

div.main div.pagination ul li {
	float:left;
	list-style:none;
	background:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

div.main div.pagination ul li a,
div.main div.pagination ul li span.current {
	float:left;
	line-height:18px;
	font-style:normal;
	padding:0 5px 0 5px;
	margin:0 2px 0 0;
	background:#fafafa;
	border:1px solid #f0f0f0;
}

div.main div.pagination ul li span.current {
	color:#000000;
	text-decoration:underline;
}


/*
// CE -> Search
*/

div.main div.mod_search div.formbody {
	background:#f0f0f0;
	padding:10px;
	margin:0 0 0 0;
}

div.main div.mod_search p.header {
	font-size:10px;
	font-style:italic;
	margin:0 0 15px 0;
}

div.main div.mod_search div.even,
div.main div.mod_search div.odd {
	padding:10px;
	margin:0 0 0 0;
}

div.main div.mod_search div.even {
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	background:#fafafa;
}

div.main div.mod_search h2 span.relevance {
	font-size:10px;
	font-weight:normal;
	color:#999999;
}

div.main div.mod_search p.url {
	font-size:10px;
	font-weight:normal;
	color:#999999;
}

div.main div.mod_search span.highlight {
	color:#ca3b3b;
	font-style:italic;
}


/*
// CE -> News
*/

div.main div.mod_newslist div.layout_latest {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #f0f0f0;
}

div.main div.mod_newslist div.last {
	margin:0;
	padding:0;
	border-bottom:0px;
}

div.main div.mod_newslist div.layout_latest p.info {
	font-size:10px;
	font-style:italic;
}

div.main div.mod_newslist div.layout_latest p.more {
	margin:5px 0 0 0;
}


/*
// CE -> Form
*/

div.main div.formbody td.col_0 {
	width:140px;
	vertical-align:top;
}

div.main div.formbody td.col_0 label {
	letter-spacing:1px;	
}

div.main div.formbody td.col_0 span.mandatory {
	color:#ca3b3b;
	margin:0 0 0 2px;
}

div.main div.formbody td.col_1 {
	width:485px;
}

div.main div.formbody td.col_1 input.text {
	width:246px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	border:1px solid #999999;
	background:#ffffff;
	color:#999999;
}

div.main div.formbody td.col_1 textarea {
	width:246px;
	height:50px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	border:1px solid #999999;
	background:#ffffff;
	color:#999999;
}

div.main div.formbody td.col_1 select.select {
	width:252px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	border:1px solid #999999;
	background:#ffffff;
	color:#999999;
}

div.main div.formbody td.col_1 input.captcha {
	width:50px;
	padding:2px 2px 2px 2px;
	margin:0 0 5px 0;
	border:1px solid #999999;
	background:#ffffff;
	color:#999999;
}

div.main div.formbody td.col_1 span.captcha_text {
	margin:1px 0 0 5px;
	font-size:10px;
	color:#999999;
}

div.main div.formbody td.col_1 div.avatar_container div.label_container {
	display:none;
}

div.main div.formbody td.col_1 div.avatar_container input.upload {
	
}

div.main div.formbody td.col_1 div.avatar_container div.hint {
	color:#999999;
	font-size:10px;
	line-height:14px;
	margin:0 0 8px 0;
}

div.main div.formbody td.col_1 input.submit {
	padding:2px;
	margin:5px 0 0 0;
	border:1px solid #999999;
	background:#ffffff;
	color:#666666;
	cursor:pointer;
}

div.main div.formbody td.col_1 input.txtactive,
div.main div.formbody td.col_1 textarea.txtactive,
div.main div.formbody td.col_1 select.txtactive {
	border:1px solid #666666;
	color:#666666;
}

div.main div.formbody tr.error td.col_0 label {
	color:#ca3b3b;
}

div.main div.formbody tr.error td.col_1 input.text {
	width:235px;
	padding:2px 2px 2px 13px;
	border:1px solid #ca3b3b;
	background:url(../img/icons/bang_red.gif) no-repeat 5px 4px;
}

div.main div.formbody tr.error td.col_1 textarea {
	width:235px;
	padding:2px 2px 2px 13px;
	border:1px solid #ca3b3b;
	background:url(../img/icons/bang_red.gif) no-repeat 5px 4px;
}

div.main div.formbody tr.error td.col_1 input.captcha {
	width:35px;
	padding:2px 2px 2px 13px;
	border:1px solid #ca3b3b;
	background:url(../img/icons/bang_red.gif) no-repeat 5px 4px;
}

div.main div.formbody td.col_1 div.error {
	display:none;
}

div.main div.mod_login p.error {
	color:#ca3b3b;
	background:url(../img/icons/bang_red.gif) no-repeat 10px 10px #FAFAFA;
	border:1px solid #999999;
	margin:0 0 15px 0;
	padding:5px 5px 5px 20px;
}


/*
// MOD -> FAQ -> List
*/

div.main div.faqcategorie {

}

div.main div.mod_faqlist h1 {
	margin-bottom:10px;
}

div.main div.mod_faqlist div {
	margin:0 0 15px 0;
}

div.main div.mod_faqlist div h2 {
}

div.main div.mod_faqlist div.last {
	margin-bottom:0;
}

div.main div.mod_faqlist li {
	padding:2px 5px 3px 15px;
	background:url(../img/icons/arrow_grey_right.gif) no-repeat 5px 10px #ffffff;
}

div.main div.mod_faqlist li.even {
	background-color:#f6f6f6;
}

/*
// MOD -> FAQ -> Reader
*/

div.main div.mod_faqreader div.image_container div.wrapper {
	padding:3px;
	border:1px solid #999999;
	text-align: center;
}

div.main div.mod_faqreader div.image_container div.caption {
	margin:1px 0 0 0;
	padding:1px 3px 1px 3px;
	background:#f6f6f6;
	text-align:left;
	font-size:10px;
}

div.main div.mod_faqreader div.enclosure p img {
	margin:0 5px 0 0;
	line-height:22px;
	vertical-align:middle;
}

div.main div.mod_faqreader div.enclosure p {
	line-height:22px;
}

div.main div.mod_faqreader div.faqfoot p.back {
	float:left;
	width:10%;
	margin:0;
}

div.main div.mod_faqreader div.faqfoot p.info {
	float:left;
	width:90%;
	text-align:right;
	color:#999999;
	font-size:10px;
	
}


/*
------------------------------------------------
Content -> Right
------------------------------------------------
*/

div.right h1,
div.right h1 a {
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-transform:uppercase;
	color:#bbbbbb;
	margin:0 0 5px 0;
}

div.right h2,
div.right h2 a {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	line-height:18px;
	margin:3px 0 3px 0;
}

div.right a {
	color:#333333;
	font-style:italic;
	text-decoration:none;
}

div.right a:hover {
	color:#000000;
	text-decoration:underline;
}


/*
// Hardfacts
*/

div.right div.hardfacts {
	padding:0 0 5px 0;
}

div.right div.hardfacts h1 {
	padding:0 0 2px 0;
}

div.right div.hardfacts li {
	list-style:none;
}

div.right div.hardfacts li a {
	display:block;
	width:173px;
	height:35px;
	background:url(../img/content_right_hardfacts_bg.jpg) no-repeat top left;
	margin:0 0 5px 0;
	padding:0 0 0 32px;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	line-height:35px;
	color:#3b3b3b;
}


/*
// Register Now
*/

div.right div.regnow {
	padding:0 0 5px 0;
}


/*
// Submenu
*/

div.right div.submenu {
	padding:0 0 5px 0;
}

div.right div.submenu li {
	list-style:none;
}

div.right div.submenu li a,
div.right div.submenu li p {
	display:block;
	background:url(../img/icons/ball_red.jpg) 12px 13px no-repeat #f9f9f9;
	padding:6px 10px 7px 27px;
	margin:0 0 5px 0;
	color:#666666;
	font-size:11px;
	font-style:italic;
	text-decoration:none;
}

div.right div.submenu li a:hover {
	color:#333333;
}

div.right div.submenu li p {
	color:#333333;
	font-weight:bold;
}


/*
// Latest News
*/

.newsliste div#latestnews{
	display:none;
}

div.right div.latestnews {
	width:183px;
	padding:10px;
	margin:0 0 10px 0;
	background:#fdfdfd;
	border:1px solid #f2f2f2;
}

div.right div.latestnews p.more {
	margin:2px 0 0 0;
}


/*
// Partner
*/

div.right div.partner {
	width:183px;
	padding:10px 10px 5px 10px;
	margin:0 0 10px 0;
	background:#fdfdfd;
	border:1px solid #f2f2f2;
}

div.right div.partner h1{
	margin:0 0 9px 0;
}

div.right div.partner img{
	float:left;
	border:1px solid #f5f5f5;
	margin:0 0 5px 0;
	line-height:18px;
}

div.right div.partner img.even{
	margin:0 5px 5px 0;
}


/*
------------------------------------------------
Footer -> Content
------------------------------------------------
*/

div.footer {
	text-align:center;
	font-size:11px;
	color:#999999;
}

div.footer a {
	text-decoration:none;
	color:#999999;
}

div.footer a:hover{
	color:#333333;
}