/* Marhan 2008 */
a:link { color:#C19D54; font-weight:normal; text-decoration:none}
a:visited { color:#CBBA95; font-weight:normal; text-decoration:none}
a:hover { color:#C19D54; font-weight:normal; text-decoration:underline }
a:active { color:#C19D54; font-weight:normal; text-decoration:none }

#footer a:link { color:#C19D54; font-weight:normal; text-decoration:none}
#footer a:visited { color:#CBBA95; font-weight:normal; text-decoration:none}
#footer a:hover { color:#C19D54; font-weight:normal; text-decoration:underline }
#footer a:active { color:#C19D54; font-weight:normal; text-decoration:none }

#newsbox a:link {color:#C19D54;font-weight:normal;text-decoration:none;}
#newsbox  a:visited { color:#CBBA95; font-weight:normal; text-decoration:none}
#newsbox  a:hover { color:#C19D54; font-weight:normal; text-decoration:underline }
#newsbox  a:active { color:#C19D54; font-weight:normal; text-decoration:none }

#login  a:link{color:#C19D54;font-weight:normal;text-decoration:none;}
#login  a:visited { color:#CBBA95; font-weight:normal; text-decoration:none}
#login  a:hover { color:#C19D54; font-weight:normal; text-decoration:underline }
#login  a:active { color:#C19D54; font-weight:normal; text-decoration:none }

/* ------------------------------------------------------------------ Formate für HTML-Elemente ----------------------------------------------------------------------*/

body {
background:url(img/bg.gif) #000;
font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
font-size:13px;
}

hr {border:none; width:100%; color:#7994C1; background-color:#7994C1; height:1px; margin:30px 0 30px 0}

td {color:#fff; font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif; font-size:13px;}

form {margin:0; padding:0;}

h1 {
font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
font-size:24px;
margin: 0 0 20px 0;
padding:2px 0 6px 4px;
border-bottom:1px solid #C19D54;
border-left:8px solid #C19D54;
}

h2 {
font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
font-size:20px;
margin: 0 0 20px 0;
padding:2px 0 4px 4px;
border-bottom:1px solid #C19D54;
border-left:4px solid #C19D54;
}

h3 {
font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
font-size:16px;
padding:2px 0 2px 4px;
border-bottom:1px solid #C19D54;
border-left:4px solid #C19D54;
}

h4 {
font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
font-size:14px;
margin: 0 0 20px 0;
border:none
}

select {
background-color:#212834;
border:1px solid #7994C1;
color:#fff;
}
/* ------------------------------------------------------------------ ENDE Formate für HTML-Elemente -------------------------------------------------------------*/

/*------------------------------------------------------------------- Individualformate ----------------------------------------------------------------------------------*/
#container {margin:0 auto; width:956px;}

#header {
background-color:#4a5a74;
border-top:1px solid #746549;
border-right:1px solid #746549;
border-left:1px solid #746549;
border-bottom:none;
height:120px;
margin:10px 0 0;
padding:0;
width:956px;
color:#fff;
text-align:center;
font-size:26px;
font-weight:bold;
}

#navigation {
background:url(img/bg_menue.jpg);
background-color:#4a5a74;
background-position:top;
background-repeat:no-repeat;
border:none;
border-bottom:none;
border-left:1px solid #746549;
border-right:1px solid #746549;
border-top:none;
color:#333;
height:37px;
margin:0;
padding:0;
width:956px;
}

#content {
background-color:#4a5a74;
background-image:url(img/bg_inhalt.jpg);
background-position:top;
background-repeat:no-repeat;
border-left:1px solid #746549;
border-right:1px solid #746549;
color:#fff;
margin:0;
padding:25px 0 20px 0;
width:956px;
min-height:320px;
text-align:center; /*zentrieren für IE 5.5*/
}

#footer {
background:#39475B;
border-bottom:1px solid #746549;
border-left:1px solid #746549;
border-right:1px solid #746549;
color:white;
margin:0 0 10px;
padding:10px;
text-align:right;
width:936px;
border-top:1px solid #746549;
}

#inhalt {
padding:20px;
width:840px; 
margin:0 auto;
background-color:#39475B;
border:1px solid #7994C1;
background-image:url(img/bg_inhalt_2.jpg);
background-repeat:no-repeat;
background-position:center top;
line-height:1.6em;
text-align:left;
}

#left_side {
  background-color:transparent;
  text-align:left;
  float:left;
  width:300px;
  height:342px;
}

#right_side {
  background:transparent;
  text-align:right;
  height:342px;
}

#reg {
background-color:transparent;
margin:0px 0 0 20px;
padding:0;
width:240px;
height:60px;
float:left;
}

#reg img {border:none;}

#reg2 {margin:-37px 0 0 0; height:37px }

#reg2 img {border:none;}

#twitterbox {
background-color:transparent;
margin:4px 20px 0px auto;
width:250px;
float:right;
}

#newsbox {
background-color:transparent; margin:30px 20px 20px auto; width:400px;}

#login {background:transparent; color:#fff; font-size:11px; margin:0 20px 0 0; text-align:right; }

#login li {list-style-type:none; margin:0; padding:0;}

#login ul {margin:0; padding:0;}

#recodelogin {background:transparent; color:#fff; font-size:11px; margin:120px auto 0px 20px; text-align:left; }

#recodelogin li {list-style-type:none; margin:0; padding:0;}

#recodelogin ul {margin:0; padding:0;}

#recodelogin .headline { color:#F80; font-weight:bold; }

#recodelogin a.register { color:#F80; text-decoration:underline; font-weight:bold; }

/*------------------------------------------------------------------- ENDE Individualformate --------------------------------------------------------------------------*/
/*------------------------------------------------------------------- Menue -------------------------------------------------------------------------------------------------*/
ul#menu {background:transparent; margin:0; padding:10px; text-align:center;}

ul#menu li {display:inline; list-style:none; margin:5px; padding:0;}

ul#menu a {
background-color:#212934;
background-image:url(img/bg_button.gif);
background-repeat:repeat-x;
border:1px solid black;
border-left-color:#746549;
border-top-color:#746549;
color:#C19D54;
font-weight:normal;
padding:.2em 1em ;
text-decoration:none;
}

ul#menu span {
background-color:#999;
border:1px solid black;
border-left-color:white;
border-top-color:white;
color:maroon;
font-weight:bold;
padding:3px 13px 3px 13px;
text-decoration:none;
}

* html ul#menu a {width:auto;}

* html ul#menu span {width:auto;}

ul#menu a:hover {
background-color:#B9592F;
background-image:url(img/bg_aktuell.gif);
background-repeat:repeat-x;
border-color:#C2C2C2;
border-left-color:black;
border-top-color:black;
color:#fff;
font-weight:normal;
}

ul#menu span {
background-color:#B9592F;
background-image:url(img/bg_aktuell.gif);
background-repeat:repeat-x;
border-color:#C2C2C2;
border-left-color:black;
border-top-color:black;
color:#fff;
font-weight:normal;
}

/*------------------------------------------------------------------- ENDE Menü ------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------- Klassen ------------------------------------------------------------------------------------------------*/
.checklabel {padding-left:4px;}

.news {
background-color:#39475B;
border:1px solid #7994C1;
border-top:none;
color:white;
padding:5px;
text-align:left;
}

.news_head {
background-color:#516581;
border:1px solid #7994C1;
border-bottom:1px solid #212834;
color:white;
padding:5px;
}

.button {
background-color:#212934;
background-image:url(img/bg_button.gif);
background-repeat:repeat-x;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid #746549;
border-top:1px solid #746549;
color:#C19D54;
font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
font-size:11px;
font-weight:normal;
margin:10px 0 10px 0;
padding:3px 13px 3px 13px;
text-decoration:none;
}

.button:hover {
border:1px solid red;
background-color:#FF9600;
background-image:url(img/bg_aktuell.gif);
background-repeat:repeat-x;
border-bottom:1px solid #C2C2C2;
border-left:1px solid black;
border-right:1px solid #C2C2C2;
border-top:1px solid black;
color:#fff;
}

.textfeld {
background-color:#212834; border:1px solid #7994C1; color:#fff; padding:2px;}

.extern {
background:url(img/extern.gif) no-repeat right; padding:0 18px 0 0;}

span.extlink {display:none;}

.mono {font-family:monospace; font-size:11px;}

.trhl {background-color:#4a5a74;}

.menuex {border:none; padding:0}

.under {text-decoration:underline}

.tdform {text-align:left;width:75%;} /* reg.html */

.error {color:#FF6347;}

.boxhead{background-color:#516581;border:1px solid #7994C1;border-bottom:1px solid #212834;color:white;padding:5px;text-align:left;font-size:18px;font-weight:bold;}

.heading{border:1px solid #C19D54;padding-left:5px;font-weight:bold;background-color:#212934;}

.box{background-color:#39475B;border:1px solid #7994C1;padding:5px;}

.issue {margin:0 0 10px 0}

.answer {margin:0; padding:0}

.back {margin:10px 0 30px 0}
/*------------------------------------------------------------------- ENDE Klassen ----------------------------------------------------------------------------------------*/


/* ------------------------------------------------------------------ Bilder CSS ------------------------------------------------------------------------------------------- */

.a,.a:visited {color:#000;}

#gallerycontainer {
position:relative;
width:840px;
height:540px;
background:transparent;
border:none;
margin:0 auto;
}

a.gallery,a.gallery:visited {
display:block;
color:#000;
text-decoration:none;
border:1px solid #000;
border-left-color:#746549;
border-top-color:#746549;
width:80px;
height:60px;
margin:10px 0;
position:relative;
cursor:default;
padding:0;
cursor:pointer;
}

a.previewa {background:url(img/bilder/tn/screen01_tn.gif);}
a.previewb {background:url(img/bilder/tn/screen02_tn.gif);}
a.previewc {background:url(img/bilder/tn/screen03_tn.gif);}
a.previewd {background:url(img/bilder/tn/screen04_tn.gif);}
a.previewe {background:url(img/bilder/tn/screen05_tn.gif);}
a.previewf {background:url(img/bilder/tn/screen06_tn.gif);}
a.previewg {background:url(img/bilder/tn/screen07_tn.gif);}
a.previewh {background:url(img/bilder/tn/screen08_tn.gif);}

a.gallery span {
visibility:hidden;
display:block;
position:absolute;
width:660px;
height:370px;
color:#fff;
text-align:center;
padding:10px 0 0 0;
border:1px solid #7994C1;
background-image:url(img/bg_inhalt_2.jpg);
background-position:-148px -10px;
background-color:#39475B;
background-repeat:no-repeat;
}

a.previewa span {left:88px; top:0}
a.previewb span {left:88px; top:-72px}
a.previewc span {left:88px; top:-144px}
a.previewd span {left:88px; top:-216px}
a.previewe span {left:-670px; top:0;}
a.previewf span {left:-670px; top:-72px;}
a.previewg span {left:-670px; top:-144px;}
a.previewh span {left:-670px; top:-216px;}

/* Thumnails */
a.gallery:hover {
white-space:normal; 
z-index:100;
border-color:#C2C2C2;
border-left-color:#000;
border-top-color:#000;
}

a.gallery:hover span {visibility:visible; z-index:100;}
/* Screenshot */
a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid #B9592F; z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {border:1px solid #746549; position:relative; margin:10px; z-index:10;}

/*------------------------------------------------------------------- ENDE Bilder CSS -----------------------------------------------------------------------------------*/


