/*
 * Table of Contents:
 * 
 * 1. MACRO -> Layout
 * 2. MACRO -> Typographie
 * 3. MACRO -> Tables
 * 4. MACRO -> Forms
 * 5. MACRO -> Helper
 * 6. MACRO -> Images
 * 7. micro -> Layout
 * 8. micro -> Templates
 *
 */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MACRO -> 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,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus {outline:0}
body {line-height:1;color:black;background:white}
ol, ul {list-style:none}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal}
blockquote:before, blockquote:after,q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
strong, b {font-weight:bold}
em, i {font-style:italic}
del, strike {text-decoration:line-through}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MACRO -> Layout */

body {
font: 15px/26px arial, sans-serif;
background: url(../media/images/layout/tagline.png) -11px -11px no-repeat;
}

#logo {
position: absolute;
left: 622px;
top: 25px;
width: 317px;
height: 80px;
background: url(../media/images/layout/logo.png);
}

#navigation,
#content {
}

#content {
position: relative;
left: 253px;
width: 500px;
margin-top: 300px;
margin-bottom: 50px;
}

#navigation,
.rex-navi1 {
position: absolute;
left: 0px;
top: 300px;
width: 220px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MACRO -> Typographie */

/* >>> base margins  */
h1, h2, h3, p, ul, ol, table, form {
margin-bottom: 20px;
}

/* >>> h1, h2, h3, h4, h5, h6 */
h1, h2, h3 {
font-family: Marvel, sans-serif;
}

h1 a, h2 a, h3 a {
text-decoration: none;
}

h1 {
font-size: 34px;
line-height: 38px;
}

h2 {
margin-top: 30px;
font-size: 26px;
line-height: 38px;
}

h2 small {
font-size: 20px;
color: #666;
}

h3 {
margin-top: 30px;
font-size: 28px;
line-height: 34px;
}

h4 {
margin-top: 25px;
font-size: 16px;
line-height: 27px;
font-weight: bold;
margin-bottom: 15px;
}

h5 {}
h6 {}

/* >>> p */
p {}

/* >>> ul, ol, li */
ul, ol {
margin-left: 17px;
}

ul { 
list-style: disc outside
}

ol {
list-style: decimal outside;
}

li { margin-bottom: 3px }

/* >>> dl, dt, dd */
dl {}
dt {}
dd {}

/* >>> table, caption, th, td */
table {}
caption {}
th {}
td {}

/* >>> fieldset, legend */
fieldset {}
legend {}

/* >>> form, label, input.text, textarea */
form {}
label {}
input.text {}
textarea {}

select {}
option {}

button {}
input.submit {}
input.image {}

hr { color: #fff; background: none; border: none; height: 10px }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MACRO -> Typographie -> Links */

a { 
color: #000;
}

a:visited {}
a:hover {
background: #FFE603;
}
a:active {}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MACRO -> Tables */

table {
width: 100%;
}

table th,
table td {
padding: 10px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

table th {

background: #f6f6f6;
font-weight: bold
}

table td {
background: #ebebeb;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MACRO -> Forms */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MACRO -> Helper */

/* >>>>>>>>>>>>>> Helper > Horizontal Lists */

.hl li {float:left}

/* >>>>>>>>>>>>>> Helper > Clearfix */

.clearfix:after {content:".";display:block;height:0;font-size:0;line-height:0;clear:both;visibility:hidden}
* html .clearfix {height:1%}

/* >>>>>>>>>>>>>> Helper > Invisibility */

.invis {position:absolute;left:-9999px}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MACRO -> Images */

/* >>>>>>>>>>>>>> Images > Icons */
.icon {}

/* >>>>>>>>>>>>>> Images > Replaced */
.replaced {display:block;text-indent:-9999px}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> micro -> Layout */

#navigation,
#navigation ul,
.rex-navi1,
.rex-navi1 ul
 {
margin: 0;
}

#navigation li
.rex-navi1 li {
text-transform: uppercase;
list-style: none;
font: 21px/21px Marvel, sans-serif;
margin-bottom: 10px;
}


#navigation li a,
.rex-navi1 li a,
#navigation li strong,
.rex-navi1 li strong {
display: block;
padding: 10px 12px 8px 65px;
color: inherit;
text-decoration: none;
font-weight: normal;
background: none;
}



#navigation li strong,
.rex-navi1 li strong
#navigation li a:hover,
.rex-navi1 li a:hover,
.rex-navi1 .rex-current,
.rex-navi1 .rex-active a {
background: #ffe603;
}


.rex-navi1 .rex-active .rex-navi2 li a {
background: transparent;
}

.rex-navi2 .rex-current {
background: transparent;
font-weight: bold;	
}

.rex-navi1 .rex-current .rex-navi2 li,
.rex-navi1 .rex-current .rex-navi2 li a {
	background: #fff;
}

#navigation ul,
.rex-navi1 ul {
background: #fff;
}

#navigation li li,
.rex-navi1 li li {
font: 13px/18px Arial, sans-serif;
text-transform: none;
margin-bottom: 0;
}

#navigation li li a,
.rex-navi1 li li a,
#navigation li li strong,
.rex-navi1 li li strong {
padding: 10px 0 6px 80px;
border-bottom: 2px solid #fff;
}

#navigation li li a:hover,
.rex-navi1 li li a:hover
#navigation li li strong,
.rex-navi1 li li strong {
background: none;
}

#navigation li li a:hover,
.rex-navi1 li li a:hover {
border-bottom: 2px solid #ffe603;
}

#navigation li li strong,
.rex-navi1 li li strong {
font-weight: bold;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> micro -> Templates */


/* Kontakfformular */

#rex-xform {
	
}

#rex-xform label {
	display: block;
	float: left;
	width: 150px;
}

#rex-xform p {
	display: block;
	float: left;
	margin: 10px 0;
}

#rex-xform input,
#rex-xform textarea {
	display: block;
	float: left;
	width: 250px;
}


#rex-xform p.formsubmit input {
	display: block;
	float: left;
	width: 250px;
	margin-left: 150px;
	background: #808184;
	color: #fff;
	border: none;
	padding: 5px;
}