/* @override http://mart-i.de/global.css */

/* @override http://mart-i.de/global.css */

/* @override 
	http://m-art-i.de/global.css
	http://www.mart-i.de/global.css
	http://www.mart-i.de/global.css
	http://mart-i.de/global.css
*/

/* Reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, button {
  font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul {list-style: none;}

a img { border: none; }

button {
  display: block;
  cursor: pointer;
}


/*Supersize Plugin Styles*/
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}

/* Rest*/

body {
	text-align: center;
	color: #666;
	font: 12px/18px Arial, Helvetica, Geneva, sans-serif;
	background: url(pix/marti-screen-hg.jpg) fixed center top;
}

a {
	color: #66666e;
}

a:hover {
	color: #cc0431;
}


#page-container {
	display: block;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	z-index: 5;
	position: relative;
}

#logo {
	width: 120px;
	height: 160px;
	display: inline-block;
	position: absolute;
	top: 259px;
	right: 0;
	z-index: 10;
	background: url(pix/marti-logo.png) no-repeat;
}

#button {
	width: 140px;
	height: 140px;
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 20;
}


#header {
	border-top: 16px solid #cc0431;
}

#header_bild {
	width: 820px;
	height: 340px;
	background-color: #fff;
}

img#load {
	position: relative;
	top: 140px;
}


#content {
	width: 764px;
	min-height: 250px;
	display: inline-block;
	text-align: left;
	padding-left: 56px;
	padding-bottom: 20px;
	clear: left;
	position: relative;
	background-image: url(pix/white-bg.png);
}

#inhalt {
	display: inline-block;
	width: 760px;
	margin-top: 30px;
	float: left;
}

#startseite-content {
	width: 660px;
	display: inline-block;
}


#rechts img {
	margin-bottom: 15px;
}

#inhalt h1 {
	color: #cc0431;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}

#inhalt h2 {
	color: #cc0431;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
}

.headlineklein {
	color: #cc0431;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 16px;
}

#footer {
	width: 764px;
	display: inline-block;
	height: 21px;
	border-bottom: 8px solid #bfbfbf;
	text-align: left;
	font-size: 11px;
	padding-left: 56px;
	margin-bottom: 20px;
	position: relative;
	padding-top: 5px;
}

/* ########################################### */

div#navibox {
	display: inline-block;
	width: 630px;
}

div#navi {
	display: inline-block;
	margin-bottom: 5px;
}

#sub-navi {
	display: inline-block;
}



ul.rex-navi1 {
	text-transform:uppercase;
}

ul.rex-navi1 li {
	display: inline-block;
	color:#37444f;
	text-align: left;
	padding-right: 10px;
	margin-right: 10px;
	background: url(pix/linie.gif) no-repeat right bottom;
	float: left;
}

ul.rex-navi1 a {
	display: inline-block;
	padding-top: 23px;
	margin: 0;
	color: #888;
}

ul.rex-navi1 a:hover, 
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current {
	display: inline-block;
	color:#000;
	border-top: 3px solid #cd3631;
	padding-top: 20px;
	margin: 0;
}

div#sub-navi {
	background: #e6e6e6;
	padding-bottom: 4px;
	padding-right: 4px;
}

ul.rex-navi2 {
	display: inline-block;
	margin-left: 10px;
	padding-top: 1px;
	float: right;
}


div#sub-navi ul.rex-navi1 li {
	display: inline-block;
	color:#37444f;
	text-align: left;
	margin: 0 0 2px;
	padding-right: 10px;
	padding-left: 10px;

	float: left;
	border-bottom-style: solid;
}


div#sub-navi ul.rex-navi2 li {
	display: inline-block;
	text-align: left;
	background: #c0c0c0 none no-repeat right bottom;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #fff;
	margin: 1px 0 0;
	padding-bottom: 1px;
}


div#sub-navi ul.rex-navi1 a {
	display: inline-block;
	color:#888;
	padding-top: 5px;
	margin: 0;
	padding-bottom: 3px;
	font-size: 11px;
}

div#sub-navi ul.rex-navi2 a {
	display: inline-block;
	color: #cc0431;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 11px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}



div#sub-navi ul.rex-navi1 li a.rex-active, 
div#sub-navi ul.rex-navi1 li a.rex-current {
	display: inline-block;
	color:#000;
	border-top: 3px none #cd3631;
	padding-top: 5px;
	margin: 0;
	padding-bottom: 3px;
}

div#sub-navi ul.rex-navi1 a:hover {
	display: inline-block;
	color:#000;
	border-top: 1px solid #cd3631;
	padding-top: 4px;
	margin: 0;
	padding-bottom: 3px;
}

div#sub-navi ul.rex-navi2 li a.rex-active, 
div#sub-navi ul.rex-navi2 li a.rex-current {
	display: inline-block;
	color:#000;
	border-top: 3px none #cd3631;
	padding-top: 3px;
	margin: 0;
	padding-bottom: 2px;
}

div#sub-navi ul.rex-navi2 a:hover {
	display: inline-block;
	color:#000;
	border-top: 1px solid #cd3631;
	padding-top: 2px;
	margin: 0;
	padding-bottom: 2px;
}

div#breadcrumb {
	display: inline-block;
	color:#888;
	margin: 20px 0 0;
	font-size: 11px;
	width: 550px;
}

div#breadcrumb a{
	display: inline-block;
	color:#888;
	font-size: 11px;
	padding-right: 12px;
	background: url(pix/Chevron.gif) no-repeat right;
}

div#breadcrumb a:hover{
	color: #cd3631;
}


ul.rex-breadcrumb {
	display: inline-block;
	border: 1px solid #c9c9c9;
	padding: 4px;
}

#breadcrumb p {
	display: inline-block;
}

ul.rex-breadcrumb li{
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	color: #000;
	float: left;
}

span.newsbox {
	display: inline-block;
	margin-top: 20px;
	width: 200px;
	border-top: 1px solid #cc0431;
	border-bottom: 1px solid #c9c9c9;
	float: left;
	margin-right: 20px;
	height: 235px;
	padding: 10px 0 0;
}

div.wysiwygimgwrap.wysiwygimgleft {
	display: inline-block;
	float: left;
	margin-right: 15px;
}

div.text {
	display: inline-block;
}

#links {
	display: block;
	width: 550px;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	position: relative;
	top: 0;
	left: 0;
}

#rechts {
	width: 190px;
	padding: 0;
	margin: 0;
	display: block;
	float: right;
	position: relative;
	top: 0;
	right: 0;
}

div.image {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	overflow: hidden;
	height: 100px;
}

div.galerie {
	width: 550px;
}



/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	padding: 0;
	display: inline-block;
	margin: 0 40px 0 0;
	float: left;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 252px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #c9c9c9;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	border: 1px solid #c9c9c9;
	margin-bottom: 5px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	background-color: #ececec;
	border: 1px solid #000;
}



/* Label */
.formgen label {
	width: 100px;
	clear: left;
	float: left;
	height: 20px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100px;
	text-align: center;
	background-color: #ececec;
	border: 1px solid #000;
	color: #000;
	display: inline-block;
	margin-left: 99px;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

.link_icon { display:block; padding-left:20px; background-repeat:no-repeat; background-position:0px 2px;
	margin-top: 10px;
}
.ico_pdf { background-image:url(pix/iconset/fico_pdf.gif); }
.ico_xls { background-image:url(pix/iconset/gfx/fico_xls.gif); }
.ico_doc { background-image:url(pix/iconset/gfx/fico_doc.gif); }
.ico_zip { background-image:url(pix/iconset/gfx/fico_zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(pix/iconset/gfx/fico_jpg.gif); }
.ico_gif, .tif { background-image:url(pix/iconset/gfx/fico_pic.gif); }
.ico_def { background-image:url(pix/iconset/gfx/fico_def.gif); }


.ssgthumb {float: left; border: 1px solid #dedede; padding: 5px; margin: 0 5px 5px 0;
	height: 70px;
	overflow: hidden;
	display: inline-block;
}