/*
 * Cascading Style Sheets für
 * www.gem.de
 */
 
/*
 * Allgemeine Angaben und Standartwerte
 ****************************************/
html, body {
	font:100.01% "Arial", Verdana, Helvetica, sans-serif;
	color:#000;
	background:#fff url(../images/bg_body5.jpg) top center repeat-x;
	text-align:center;
}
html, body, ul, li, p, h1, h2, form{ 
	margin: 0px; 
	padding: 0px;
}
img 			{ border:none;display:block; }
form 		{ display:inline; }
.linear 		{ display: none; }
.clearer 	{ clear:both; width:1px; height:1px; font-size:0px; }


/*
 * Globale Linkformatierung
 ****************************************/
a { 
	color:#ff7900; 
	text-decoration: none;
}
a:hover { 
	color:#106470;
	text-decoration: underline; 
}

/*
 * Typo Layout....
 *****************************/
h1 {
	font-size:18px;
	font-weight:bold;
	font-family:Arial, sans-serif;
	color:#274857;
	padding:15px 0 12px 0;
}
h2 {
	font-size:14px;
	font-weight:bold;
	font-family:Arial, sans-serif;
	color:#274857;
	padding:0 0 12px 0;
}
p {
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, sans-serif;
	line-height:1.6em;
	color:#565656;
	padding-bottom:10px;
}
.bold { font-weight:bold; }
hr {
	clear:both;
	margin-top:5px;
	border:1px dotted #ccc;
}
/*
 * Struktur, Header, Logo
 *****************************/
#Page {
	width:780px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#LogoBox {
	float:left;
	width:200px;
	height:270px;
	background:url(../images/bg_logo.jpg) top left repeat-x;
	margin-bottom:1px;
}
#Logo {
	width:100%;
	height:140px;
}
#Bild {
	width:100%;
	height:130px;
}
/*
 * Header, TopNav
 *****************************/
#TopNav {
	float:left;
	width:580px;
	background:#10646f;
}
#TopNav ul {
	float:right;
	list-style:none;
}
#TopNav li  {
	float:left;
	font-size:11px;
}
#TopNav li a {
	color:#dbe7e9;
	border-right:1px solid #dbe7e9;
	line-height:27px;
	padding:0 10px;
}
#TopNav li.last a {
	border-right:none;
}

/*
 * Header, MainNav
 *****************************/
#MainNav {
	float:left;
	width:580px;
	background:url(../images/bg_mainnav.jpg) bottom left no-repeat;
}
#MainNav ul {
	list-style:none;
}
#MainNav li  {
	float:left;
	width:25%;
	height:103px;
}
#MainNav li a {
	display:block;
	margin:45px 0 0 14px;
	height:48px;
	font-size:14px;
	color:#274857;
	padding:0 10px;
	border-left:1px solid #bec8cc;
}
#MainNav li a:hover {
	color:#93a3ab;
}
#MainNav li.last a {
	border-right:none;
}
.mn1 {
	font-weight:bold;
	background:url(../images/header_nav_selected.gif) bottom left no-repeat;
}

/*
 * Header, Eyecatcher
 *****************************/
#Eyecatcher {
	float:left;
	height:140px;
	width:580px;
	background:#ff7900 url(../images/bg_eyecatcher.jpg) top left repeat-y;
}
#Eyecatcher img {
	float:left;
}
#Claim {
	float:right;
	width:62%;
	margin-top:25px;
	color:#fff;
	font-size:18px;
}
#Claim .claimGreen{
	color:#10646f;
	font-size:21px;
}
#Body {
	clear:both;
}

/*
 * Navigation nav
 *****************************/
#Navigation {
	float:left;
	width:200px;
}
ul.nav, ul.sub {
	list-style:none;
}
ul.nav li  {
	float:left;
	width:100%;
	line-height:28px;
	background:#e9e9e9;
	border-bottom:1px solid #fff;
}
ul.nav a {
	display:block;
	text-transform: uppercase;
	font-size:12px;
	color:#000;
	line-height:28px;
	padding:0 0 0 15px;
}
ul.nav a:hover {
	background:#106470;
	color:#fff;
	text-decoration: none;
}
li.selected a {
	background:#106470;
	color:#fff;
	text-decoration: none;
}
/*
 * Navigation sub
 *****************************/
ul.sub li {
	line-height:28px;
	background:#f0f0f0;
	border-bottom:1px solid #fff;
}
ul.sub .last {
	border-bottom:none;
}
ul.sub a {
	display:block;
	text-transform: none;
	line-height:28px;
	padding:0 0 0 30px;
	background:url(../images/sub_arrow.gif) top left no-repeat;
	color:#333;
}
ul.sub li a:hover {
	color:#fff;
	background:#57929b;
	text-decoration: none;
}
ul.sub li.selected a{
	color:#fff;
	background:#57929b;
}


/*
 * Content
 *****************************/
#Content {
	float:left;
	width:550px;
	padding:15px 5px 40px 20px;
}
* html #Content {
	float:left;
	width:520px;
	padding:15px 5px 40px 20px;
}
#Content ul {
	list-style:square;
}
#Content li {
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, sans-serif;
	line-height:1.6em;
	color:#565656;
	margin-left:15px;
	padding-bottom:7px;
}
#Content img {
	float:left;
	margin-right:10px;
	margin-top:5px;
}
#Content .col2left {
	float:left;
	width:300px;
	border-right:1px dotted #ccc;
	padding-right:10px;
	margin-right:10px;
}
#Content .col2right {
	float:left;
	width:210px;
}
/*
 * Footer
 *****************************/
#Footer {
	clear:both;
	width:100%;
	border-top:1px solid #e8eaec;
	height:70px;
}
#Footer ul {
	list-style:none;
	float:right;
	width:580px;
	background:#e8eaec;
}
#Footer li {
	float:right;
}
#Footer li a {
	line-height:24px;
	font-size:11px;
	color:#333;
	padding:0 10px 0 0;
}
#Footer .copy {
	width:100%;
}
#Footer p {
	float:right;
	font-size:10px;
	color:#7b7c7c;
	padding:5px 10px 0 0;
}


/*
 * Sonstiges
 *****************************/
.artikel {
	margin-bottom:10px;
}
#ditto_pages {
	clear:both;
	margin-top:30px;
	text-align:right;
	font-size:11px;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    color: #565656;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #106470;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #57929b;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #106470;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
.buttons {
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.buttons img {
	float:left;
}






#Eyecatcher {
	float:left;
	height:140px;
	width:580px;
	background:#ff7900 url(../images/bg_eyecatcher.jpg) top left repeat-y;
}
#Eyecatcher img {
	float:left;
}
#Claim {
	float:right;
	width:62%;
	margin-top:25px;
	color:#fff;
	font-size:18px;
}
#Claim .claimGreen{
	color:#10646f;
	font-size:21px;
}