/* =========================================================
navigate.de - Stylesheet for Navigate
Datei: design.css
Media: screen
Datum Erstellung: 07. Mai 2008
Datum Änderung: 08. Mai 2008
Autor: Ulf Mayer
Mail: mayer@navigate.de

	Blau: #BFCBD6
	Dunkelblau: #00305D
========================================================== */

/* ===============================
   = Undo-CSS
=============================== */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}

ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}
ul {list-style: circle;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: square;}
ul li ol {margin: 1em 0 1em 1em;}

/* ===============================
   = General Styling
=============================== */

*{
font-size: 1em; /* don't edit! */
}

html {
font-size: 62.51%; /* don't edit */
}

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */
	background: #BFCBD6 url(../images/bg-body.gif) repeat-x;
	color: #00305D;
}

div {font-size: 1em;}

fieldset {border: 0; margin: 0; padding: 0;}
fieldset legend {display: none;}

input,
button,
textarea {font: inherit;}

p {margin: 0; padding: 0 0 15px 0;}

a {color: #00305D; font-weight: bold;}
a:hover {text-decoration: underline;}

.clear {clear: both;}

label {cursor: pointer;}

img {margin: 0; padding: 0; line-height: normal;}

.floatleft { float:left; margin:3px 15px 30px 0;}
	#content .floatleft img {margin: 0;}
.floatright { float:right; margin:3px 0 30px 15px;}
	#content .floatright img {margin: 0;}

.screenreader,
#helpnavigation em,
#helpnavigation .hd {display: none;}

/* ===============================
   = Structure
=============================== */

div#container {width: 822px; position: relative; margin: 75px auto; margin-bottom: 0;}

div#content {width: 520px; background: #fff; margin: 0 0 0 250px; padding: 20px 25px 20px 25px; line-height: 18px;}

div#footer {text-align: right; margin: 15px 0 20px 0;}

div#keyvisual { width: 570px; margin: 0 0 0 250px; height: 150px;}

div#sidebar {position: absolute; top: 50px; left: 0;}

/* ===============================
   = Design Elements
=============================== */

/* Logo */
#logo {position: absolute; top: -28px; left: 0;}

/* Search */
#search label {display: none;}
#search ol li,
#search ol {list-style: none; margin: 0; padding: 0;}

#search input {
	padding: 3px;
	font: inherit;
	height: auto;
	width: 198px;
	background: #fff;
	border: 2px solid #BDCBD6;
}

#search #suchebutton span {	display: none;}

#search #suchebutton {
	display: block;
	border: 0;
	line-height: normal;
	padding: 0;
	background:url(../images/searchbutton.gif) 5px 4px no-repeat;
	width: 22px;
	height: 20px;
	position: absolute;
	top: 2px;
	right: 3px;
	cursor: pointer;
}

/*Address*/
.vcard {
	margin: 70px 0 0 0;
}

.memberof {font-weight: normal;}

/*Footerlinks*/
#footernav li a span {display: none;}
#footernav li a {padding: 5px 10px 0 10px; margin: 0 2px 0 6px;}

.topofpage a {background: url(../images/icon_top.gif) no-repeat;}
.topofpage a:hover {background: url(../images/icon_top_aktiv.gif) no-repeat;}
.imprint a {background: url(../images/icon_impressum.gif) no-repeat;}
.imprint a:hover {background: url(../images/icon_impressum_aktiv.gif) no-repeat;}
.contact a {background: url(../images/icon_kontakt.gif) no-repeat;}
.contact a:hover {background: url(../images/icon_kontakt_aktiv.gif) no-repeat;}
.print a {background: url(../images/icon_drucken.gif) no-repeat;}
.print a:hover {background: url(../images/icon_drucken_aktiv.gif) no-repeat;}

.readmore {
	padding: 0 0 0 10px;
	background: url(../images/readmore.gif) 0 5px no-repeat;
}

#helpnavigation a {
	left:-1000px;
	overflow:hidden;
	padding: 0 5px;
	position:absolute;
	top:-100px;
	z-index:2;
	display: block;
}

#helpnavigation a:focus, #helpnavigation a:active {
	background:#00305D;
	color:#fff;
	font-size:1em;
	padding: 3px 10px;
	position:absolute;
	top: -60px;
	left: 0px;
	z-index:99;
	display: block;
}

/* ===============================
   = Navigation
=============================== */

#footer ul#footernav,
#footer ul#footernav li {list-style: none; margin: 0; padding: 0; display: inline;}

#nav {position: absolute; top: -20px; left: 245px; list-style: none; margin: 0; padding: 0;}
#nav li {display: inline;}

/* ===============================
   = Content Elements
=============================== */

h2 {font-size: 14px; margin: 0 0 20px 0;}
h3 {font-size: 12px; margin: 0 0 15px 0;}
	h3.references {display: block; background: #BFCBD6; padding: 4px 4px 4px 10px;}

blockquote {background: url(../images/quote-bg.gif) no-repeat; margin: 0 0 0 20px; padding: 15px 10px 10px 10px; font-style: italic; font-family: Georgia, serif;}

.twocols div {float: left; width: 220px; margin: 0 80px 25px 0;}
.twocols div.secondcol {margin-right: 0;}

.twothirds {margin: 0 0 15px 0;}
.twothirds .onethird {width: 170px; float: left;}
.twothirds .twothirds {width: 350px; float: left;}

#content img {margin: 4px 0 15px 0;}

input {border: 1px solid #00305D; padding: 2px;}
button.button,
input.button {cursor: pointer; border: 0; background: url(../images/button.gif) no-repeat; text-align: center; height: 23px; width: 119px; line-height: 12px; padding: 2px 0 4px 0; font-weight: bold; color: #00305D;}


.pdf {background: url(../images/icons/page_white_acrobat.gif) no-repeat; padding: 1px 0 1px 20px; line-height: 18px;}
.doc {background: url(../images/icons/page_white_word.gif) no-repeat; padding: 1px 0 1px 20px; line-height: 18px;}
.xls {background: url(../images/icons/page_white_excel.gif) no-repeat; padding: 1px 0 1px 20px; line-height: 18px;}
.ppt {background: url(../images/icons/page_white_powerpoint.gif) no-repeat; padding: 1px 0 1px 20px; line-height: 18px;}
.jpg {background: url(../images/icons/page_white_picture.gif) no-repeat; padding: 1px 0 1px 20px; line-height: 18px;}
.zip {background: url(../images/icons/page_white_compressed.gif) no-repeat; padding: 1px 0 1px 20px; line-height: 18px;}
.txt {background: url(../images/icons/page_white_text.gif) no-repeat; padding: 1px 0 1px 20px; line-height: 18px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	body .menulist li a {/*letter-spacing: -0.09em;*/ font-size: .95em;  padding: 7px 27px 6px 28px;}
}