@charset "utf-8";
body {
margin:0;
padding:0;
background:#ffffff;
color:#000000;
font : 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
h1 {font-size:1.2em; font-weight:bold;}
h2 {font-size:1.1em; font-weight:bold;}
h3 {font-size:1em; font-weight:bold;}
img {border:none;padding:0;margin:0;} 

#site_header {
position:fixed;
left:0;
right:0;
top:0;
padding:0;
margin:0;
background-color : #790e11;
height : 160px;
min-width : 750px;
background-image : url("../img/web-design_markt_logoback.png");
background-repeat : repeat-x;
}
#sichtart_logo {
width:100%;
text-align:center;
margin-top:18px;
margin-bottom:5px;
}
#sichtart_optik {
font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
z-index:200;
position:fixed;
left:83%;
top:108px;
font-size:2.8em;
height:1em;
padding:6px 0 18px 0;
color:white;
z-index:100;
}
#site_navigation {
position : fixed;
left:0;
right:0;
top:102px;
background-image : url(../img/header_blackback.png);
vertical-align:middle;
height : 65px;
z-index : 50;
}
#site_navigation div{
position: relative;
text-align : center;
vertical-align:middle;
left:0;
margin:0;
padding:16px 0 0 0;
}

#nav {
margin:0;
padding:0;
}
#nav li {
display : inline;
list-style-type : none;
}
#nav a:link, #nav a:visited {
font-size: 1.4em;
padding : 0 24px 0 22px;
text-decoration : none;
color : #dddddd;
outline : none;
}
#nav a:link.active, #nav a:visited.active, #nav a:hover {
color : #ffffff;
}


#main {
width : 80%;
top : 160px;
position : fixed;
bottom : 45px;
overflow : auto;
z-index : 20;
margin:0;
padding:0;
font : 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
#main img {
margin:0 0 -5px 0;
}

#side_rightbar {
position : fixed;
right : 0;
width : 20%;
top : 160px;
bottom : 0;
height : auto;

background : #101010;
z-index : 10;
border-bottom : 45px solid white;
background-image : url("../img/web-design_markt_logoback3.png");
background-repeat : no-repeat;
}
#side_rightbar h3, #side_rightbar p {
margin-left : 10px;
margin-right : 10px;
}




#footer {
position : fixed;
height : 45px;
min-height : 23px;
bottom : 0;
text-align : center;
padding : 0;
background : #000000;
width : 80%;
color : white;
margin-right : 20px;
font-size:0.7em;
}
#footer a {
color : white;
}
#footer p {
height : 23px;
height : 100%;
margin:0;
margin-bottom : auto;
vertical-align : middle;
padding : 0;
}
#endline {
padding : 0;
margin : 0;
position : absolute;
bottom : 0;
width : 100%;
height : 23px;
background-color : #790e11;
background-image : url("../img/web-design_markt_logoback.png");
background-repeat : repeat-x;
z-index:500;
}








.content #fullpage {
position : static;
height : 100%;
width : 100%;
min-width : 750px;
margin-left : auto;
margin-right : auto;
}
.content #index {
position : absolute;
width : 100%;
height : 100%;
min-height : 360px;
background : #dddddd;
background-repeat : no-repeat;
background-position : right top;
margin : auto;
border-left : 3px solid #000000;
border-right : 3px solid #000000;
text-align : center;
}
.content #container {
height : 100%;
min-width : 750px;
width : 100%;
background : #ffffff;
margin : 0 auto;
margin-left : auto;
margin-right : auto;
border : none;
text-align : left;
}
#subnav {
margin : 0;
padding : 2px 0 20px 10px;
padding-top : 18px;
}
#subnav li {
font : 15px/1.2em Verdana, Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
list-style-type : none;
}
#subnav a:link, #subnav a:visited {
line-height : 20px;
padding : 0 12px 0 12px;
text-decoration : none;
color : #dddddd;
}
#subnav a:link.active, #subnav a:visited.active, #subnav a:hover {
color : #ffffff;
text-decoration : underline;
}

#button {
border-right : 1px solid #000;
padding : 0 0 1em 0;
margin-bottom : 1em;
font-family : Tahoma, Arial, sans-serif;
font-size : 10px;
background-color : #90bade;
color : #333;
}
#button ul {
list-style : none;
margin : 0;
padding : 0;
border : none;
}
#button li {
border-bottom : 1px solid #90bade;
margin : 0;
list-style : none;
list-style-image : none;
}
#button li a {
display : block;
padding : 5px 5px 5px 0.5em;
border-left : 10px solid #073c64;
border-right : 10px solid #508fc4;
background-color : #266493;
color : #fff;
text-decoration : none;
width : 100%;
}
html > body #button li a {
width : auto;
}
#button li a:hover {
border-left : 10px solid #073c64;
border-right : 10px solid #5ba3e0;
background-color : #073c64;
color : #fff;
}
#button li #active {
border-left : 10px solid #1c64d1;
border-right : 10px solid #5ba3e0;
background-color : #2586d7;
color : #fff;
}
.content #mainContent {
width : 80%;
top : 160px;
position : absolute;
bottom : 45px;
overflow : auto;
z-index : -100;
}

.fltrt {
float : right;
margin-left : 8px;
}
.fltlft {
float : left;
margin-right : 8px;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.black {
color : black;
}
input[type="text"] {
border : none;
border-left : 1px solid white;
border-bottom : 1px solid black;
width : 100%;
}