ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }

/* reset */

hr{
margin: 0px;
padding: 0px;
}
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a,
a:hover { text-decoration:none; }

html, body{
        color: #666;
        font-family: Georgia, Tahoma, Helvetica, Arial;
        font-size: 11px;
        width: 100%;
        height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
        background-color: #000;
}


a{
        color: #fff;
	text-decoration: underline;
}


div#wrapper{
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg.gif");
        background-repeat: repeat-x;
        height: auto !important; /* !important-Regel f?r moderne Browser */
        margin: 0 auto; 
        position: relative;
        width: 800px;
        z-index: 3;

}

div#innerwrap{
        height: auto !important; /* !important-Regel f?r moderne Browser */
        margin: 0 auto; 
        padding: 0px;
        position: relative;
        width: 800px;
        background-repeat: repeat-y;
        z-index: 3;
}


#header{
        background-image: url("http://www.xyzettgraphix.com/files/header.png");
        background-position: 0% 0%;
        background-repeat: no-repeat;
        float: left;
        height: 156px;
        width: 800px;  
}

#navi{
        background-position: 0% 100%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        padding: 18px 0 18px 0;
        float: left;
        line-height: 24px;
        width: 800px;  
}

#navi ul li a,#footer ul li a{
        color: #AE9962;
        font-family: Georgia;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.15em;
        font-style: italic;
	text-decoration: none;
}

#navi ul li a:hover,#navi ul li a.active,#navi ul li a.rex-current,
#footer ul li a:hover,#footer ul li a.active,#footer ul li a.rex-current{
        color: #fff;
}

#footer ul li a{
        font-size: 12px;
        line-height: 23px;
}

#header ul{
        float: left;
        margin-top: 205px;
}

#header ul li{
        float: left;
        font-size: 11px;
        background-repeat: no-repeat;
        background-position: 0px 3px;
}

#header ul li a{
        padding: 0 5px 0 5px;
}

#header ul li a:hover,
#header ul li a.rex-current{
        color: #0baee6;
}


div#content{
        float: left;

}

div#content p{
        padding-bottom: 12px;
        line-height: 18px;
}

div#content h2{
       font-size: 29px;
       padding-bottom: 5px;
}

.box{

}

div#footnote {
        background-position: 100% 0%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        font-size: 11px;
        float: left;
        width: 800px;
        padding-top: 10px;
        height: 10px;
        margin-top: 20px;
}

#metro{width: 1px; height: 1px; bottom: 0px;}

div#footer {
        background-position: 100% 100%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        width: 800px;
        position: relative;
        margin: 0 auto; 
        height: 130px;
        margin-bottom: 20px;
}

div#footer .l,div#footer .r{
       color: #FFF;
       float: left;
       width: 300px; 

}

div#footer .r{
       line-height: 20px;
       width: 500px;
}


#navi{
        background-position: 0% 100%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        padding: 18px 0 18px 0;
        float: left;
        line-height: 24px;
        width: 800px;  
}

pre { display:none }

.clearfix:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       visibility: hidden;
}

#outerwrap{
       margin: auto; /* Div soll zentriert werden */
       min-height: 100%; /* Mindesth?he f?r moderne Browser */
       height:auto !important; /* Important Regel f?r moderne Browser */
       height:100%; /* Mindesth?he f?r den IE */
       overflow: hidden !important; /* FF Scroll-leiste */ 
}

#toolbar{
       position: fixed;
       top: 145px;
       width: 158px;
       z-index: 10;
       float: left;
       left: -129px;
}

#toolbar #top{
       height: 12px;
       float: left;
       width: 133px;
       background-image: url("http://www.xyzettgraphix.com/files/toolbar_top.png");
}

#toolbar #center{
       float: left;
       width: 133px;
       background-color: #AE9962;
}

#toolbar #bottom{
       height: 12px;
       width: 133px;
       float: left;
       background-image: url("http://www.xyzettgraphix.com/files/toolbar_bottom.png");
}

#toolbar ul{
        padding: 0 0 5px 11px;
}

#toolbar ul li,#toolbar ul li a{
       color: #FFF;
        letter-spacing: 0.12em;
       font-size: 10px;
	text-decoration: none;
}
           
#toolbar ul li,#toolbar ul li a{
       color: #FFF;
}

#toolbar hr{
       height: 2px;
       border: 0px;
       width: 120px;
       float: left;
       background-image: url("http://www.xyzettgraphix.com/files/border.gif");
       background-repeat: repeat-x;
       margin-bottom: 8px;
}

#toolbar ul li{
       padding-bottom: 5px;
}

#toolbar ul li a{
       font-style: italic;
       font-weight: bold;
       text-transform: uppercase;
       line-height: 17px;
       padding-bottom: 0px;
}

#toolbar ul li a.active,
#toolbar ul li a:hover,
#toolbar ul li a.rex-current{
       color: #000;
}

#toolbar #panel1,#toolbar #panel2{
       width: 23px;
       height: 80px;
       cursor: pointer;
       padding-top: 50px;
       float: left;
}

.newsblock,.simple{
       height: 223px;
       float: left;
       width: 799px;
       margin: 24px 0px 0 0;
       border: 1px solid #fff;
}

.simple{
       height: 223px;
}

.newsblock hr,.newsdetail hr{
       border: 0px;
       height: 1px;
       margin-top: 10px;
       width: 290px;
       background-color: #FFF;
       float: left;
}

.newsblock img, .newsdetail img{
       float: left;
}

.newsblock .l,.newsdetail .l, .simple .l{
       padding: 5px;
       width: 290px;
       float: left;
       height: 213px;
       background-color:#ae9962;
}

.newsblock h2,.newsdetail h2{
       float: left;
       font-weight: bold;
       color: #FFF;
       padding-top: 95px;
}

.newsblock p,.newsdetail p, .simple p{
       color: #FFF;
       float: left;
       font-size: 12px;
       line-height: 30px;
       padding: 10px 5px 5px 5px;
}

.newsdetail p{
       padding: 4px 5px 5px 5px;
}

.newsblock .newsmore img{
       position: relative;
       top: -59px;
       left: 300px;
}

.newsdetail .hidedetails img{
       position: absolute;
       top: 50px;
       z-index: 10;
       left: 299px;
}

.newsdetail .showdetails img{
       position: absolute;
       top: 50px;
       z-index: 102;
       left: 0px;
}

.newsdetail{
       height: 488px;
       float: left;
       width: 798px;
       margin: 24px 0px 0 0;
       border: 1px solid #fff;
}

.newsdetail .detailinfo .l{
       height: 478px;
       width: 289px;
}

.newsdetail h3{
       padding: 10px 0 0 5px;
       margin: 0px;
       color: #fff;
       float: left;
       font-weight: bold;
       font-style: italic;
}

.jqGSPagination ul{
       position: relative;
       top: -30px;
float: right;
width: auto;

       height: 30px;

}

.diawrap{
       cursor: pointer;
}

.jqGSPagination ul li{
float: left;
}

.jqGSPagination ul li a{

       background-color: #AE9962;
       margin: 0 5px 0px 0;
       float: left;
       padding: 2px 8px 2px 8px;
}

.jqGSPagination ul li a{
       color: #fff;
       display: block;
       font-size: 12px;
       text-decoration: none;
}
.detailinfo{
       position: relative;
}

.detailinfo p a{
       color: #000;
       text-decoration: underline
}

.detailinfo .l{
       width: 300px;
       position: absolute;
       z-index: 100;
       background-color: #AE9962;
       height: 488px;
}
.detailinfo .l p,.detailinfo .l h3{
clear: both;
}
#content .newsblock  .l h2, #content .newsdetail .detailinfo .l h2{
        font-size: 25px;
}

.clearfix {display: inline-block;}
        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */