/*******************************************************************************
* GENERAL INFORMATION                                                          *
/*******************************************************************************
* Website:  www.kronberger-spiele.de                                           *
* File:     CSS Document                                                       *
* Usage:    Main                                                               *
* Version:  1.0                                                                *
* Date:     2007-01-10                                                         *
* Author:   Søren Schaffstein                                                  *
*******************************************************************************/

/*******************************************************************************
* STYLE INFORMATION                                                            *
/*******************************************************************************
* FONTS:      Verdana, Geneva, Arial, Helvetica, sans-serif                    *
* COLORS:                                                                      *
* Red:        #f00                                                             *
* White:      #fff                                                             *
* Black:      #000                                                             *
* Dark gray:  #888                                                             *
* Light gray: #bbb                                                             *
* dark blue:  #212a76							       *
* blue:       #3a56a6							       *
* light blue: #3975bb							       *
* nav blue:   #0096ff							       *
*******************************************************************************/


/* general definitions */

body {
	background-color: #fff;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

div,
li,
p,
span,
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

td {
	vertical-align: top;
}

ul {
	list-style-image: url("images/ml_circle_listbullet.gif");
	margin: 0 0 5px 40px;
	padding: 0 0 5px 0;
}

ol {
	margin: 0 0 5px 40px;
	padding: 0 0 5px 0;
}

li {
	line-height: 17px;
	margin-bottom: 4px;
}

img {
	border: 0;
}

abbr,
acronym,
dfn {
	border-bottom: 1px dotted #bbb;
}

a:link,
a:visited {
	color: #888;
	text-decoration: underline;
}

a:active,
a:hover {
	color: #0096ff;
	text-decoration: underline;
}

.media-lights {
	color: #0096ff;
}

.ml-networld {
	color: #00a94f;
}

.kronberger-spiele {
	color: #3975bb;
}



sup {
	font-size: 70%;
}



/* global container, header */

#page-container {
	margin: 40px auto;
	padding: 0;
	position: relative;
	width: 760px;
}

#logo {
	height: 55px;
	left: 122px;
	padding-left: 16px;
	position: absolute;
	top: -10px;
	width: 255px;
}

#header-image {
	height: 150px;
	left: 160px;
	position: absolute;
	top: 55px;
	width: 600px;
}



/* main navigation */

#main-nav {
	color: #888;
	font-size: 12px;
	left: 0;
	line-height: 20px;
	position: absolute;
	text-align: right;
	top: 55px;
	width: 230px;
left: -100px;
}

#main-nav a:hover,
#main-nav a:active {
	color: #3975bb;
	font-weight: bold;
}


#main-nav a:hover,
#main-nav a:active,
#main-nav a:link,
#main-nav a:visited {
	text-decoration: none;
}

/*level 1*/
ul#main-nav1 {
	margin: 0;
	padding: 0;
}
#main-nav1 li {
	margin: 0;
	padding: 0;
}
.spacer,
.main-nav1-item,
.main-nav1-item-act {
	list-style-type: none;
	list-style-image: none;
}
.main-nav1-item {
	padding-right: 1px;
	margin-bottom: 8px;
}
.main-nav1-item-act {
	border-right: 1px solid #bbb;
	padding: 0 5px 2px 0;
	margin-bottom: 10px;
}

.main-nav1-item-act a:active,
.main-nav1-item-act a:hover,
.main-nav1-item-act a:link,
.main-nav1-item-act a:visited {
	color: #3975bb;
	font-weight: bold;
}

/*level 2*/
ul#main-nav2 {
	margin: 0;
	padding: 0;
}
#main-nav2 li {
	margin: 0;
	padding: 0;
}
#main-nav2 {
	font-size: 10px;
	line-height: 15px;
	margin-top: 2px;
}

.main-nav2-item,
.main-nav2-item-act {
	list-style-type: none;
	list-style-image: none;
}
.main-nav2-item a:link,
.main-nav2-item a:visited {
	color: #888;
	font-weight: normal;
}

.main-nav2-item a:active,
.main-nav2-item a:hover {
	color: #3975bb;
	font-weight: bold;
}

.main-nav2-item-act a:active,
.main-nav2-item-act a:hover,
.main-nav2-item-act a:link,
.main-nav2-item-act a:visited {
	color: #3975bb;
	font-weight: bold;
}



/* meta navigation */

#meta-nav {
	color: #888;
	font-size: 9px;
	height: 9px;
	left: 290px;
	padding: 29px 0 17px 0;
	position: absolute;
	text-align: right;
	top: 0px;
	vertical-align: baseline;
	width: 470px;
}

#meta-nav a:active,
#meta-nav a:hover,
#meta-nav a:link,
#meta-nav a:visited {
	text-decoration: none;
}

.meta-nav-item,
.meta-nav-item-act {
	display: inline;
}

.meta-nav-item a:active,
.meta-nav-item a:hover {
	color: #3975bb;
	font-weight: bold;
}
	

.meta-nav-item-act a:active,
.meta-nav-item-act a:hover,
.meta-nav-item-act a:link,
.meta-nav-item-act a:visited {
	color: #3975bb;
	font-weight: bold;
}

/* content navigation */

#content-nav {
	background-image: url("images/content-nav_back.gif");
	background-repeat: repeat-x;
	color: #888;
	font-size: 9px;
	height: 20px;
	margin-bottom:20px;
	width: 600px;
}

#content-nav a {
	text-decoration: none;
}

.content-nav-item,
.content-nav-item-act {
	background-position: right;
	background-repeat: no-repeat;
	display: inline;
	font-size: 9px;
	line-height: 19px;
	padding: 4px 20px 4px 2px;
}

.content-nav-item {
	background-image: url("images/content-nav1_tab.gif");
}

.content-nav-item-act {
	background-image: url("images/content-nav1_tab_act.gif");
}

.content-nav-item a:active,
.content-nav-item a:hover {
	color: #3975bb;
	font-weight: bold;
}


.content-nav-item-act a:active,
.content-nav-item-act a:hover,
.content-nav-item-act a:link,
.content-nav-item-act a:visited {
	color: #3975bb;
	font-weight: bold;
}


/* content */

#content-box {
	left: 160px;
	position: absolute;
	top: 215px;
	width: 380px;
}

#content p {
	line-height: 17px;
	margin: 6px 0 7px 0;
}

#content h1 {
	color: #3975bb;
	font-size: 17px;
}

#content h2 {
	color: #3975bb;
	font-size: 14px;
	line-height: 14px;
	margin: 22px 0 10px 0;
}

#content h3 {
	color: #3975bb;
	font-size: 11px;
	line-height: 14px;
	margin: 20px 0 0 0;
}



/* footer */

#footer {
	border-top: 1px solid #bbb;
	color: #888;
	font-size: 9px;
	line-height: 14px;
	margin: 10px 0px 20px 0px;
	text-align: right;
}

#footer img {
	margin: 10px 0 0 20px;
	vertical-align: middle;
}



/* extended content */

#content-ext {
	color: #888;
	font-size: 9px;
	left: 540px;
	margin: 20px 0 0 20px;
	position: absolute;
	top: 215px;
	width: 200px;
}

#content-ext p {
	line-height: 14px;
	margin: 6px 0 7px 0;
	padding: 0;	
}

#content-ext h4 {
	font-size: 10px;
	margin: 0px 0;
	padding: 0;
}

#content-ext-news,
.content-ext-item {
	border-bottom: 1px solid #bbb;
	margin-bottom: 30px;
	padding-bottom: 3px;
}
#content-ext-news h2 {
	font-size: 14px;
}
#content-ext-news h3 {
	font-size: 10px;
}