/*-----------------------------------------------------------------------------
version:   1.0.1-Beta
author:    daniel vecchiato
email:     info@4webby.com
website:   http://www.4webby.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

@font-face {
font-family:Lucida Calligraphy;
src:local(Lucida Calligraphy), http://localhost/nelges/system/fonts(LCALLIG.TTF) format(TrueType);
}

@font-face {
font-family:CataneoBT;
src:local(CataneoBT), http://localhost/nelges/system/fonts(cataneobt.TTF) format(TrueType);
}

/* Remove padding and margin 
* {
  margin: 0;
	padding: 0;
}*/

/* Put it back on certain elements */

h1, h2, h3, h4, h5, h6, p, pre, blockquote,  ul {margin: 1em 0;}

/* Class for clearing floats */

.clear {clear:both;}

/* Remove border around linked images */

img {border: 2px;
border-color: ##999900;}

/* =Typography
-----------------------------------------------------------------------------*/

body {
background-color:#e0e0e0;
font: 90%/1.6  Verdana, sans-serif;
margin: 0;
padding: 0;
/* Only MS-IE, Opera, IceWeasel !!! */
scrollbar-base-color:#DFDFDF;
scrollbar-3dlight-color:#EFEFEF;
scrollbar-arrow-color:#AFAFAF;
scrollbar-darkshadow-color:#AFAFAF;
scrollbar-face-color:#DFDFDF;
scrollbar-highlight-color:#EFEFEF;
scrollbar-shadow-color:#EFEFEF;
scrollbar-track-color:#EFEFEF;
/*background-image: url(../template_bg.gif);
background-repeat: repeat;
*/
font-family: Arial, Helvetica, sans-serif;}

/* =Wrapper
-----------------------------------------------------------------------------*/

#wrapper {background-color:#e0e0e0;
/*padding: 10px;
*/}

/* Centering Technique
================================== */

/*
#wrapper {position: relative;
left: 50%;
width: 9%;
margin-left: -400px;}
*/
/* =Headings
-----------------------------------------------------------------------------*/

#header {
position: absolute;
top: 0px; left: 3%; right: 3%;
position: fixed;
margin-top: 1px;
width: 94%;
height: 112px;
text-align: right;
background-color: #00005f;
background-image: url(../images/krug.jpg);
background-repeat:no-repeat;
border: 3px #845829 ridge;
border-bottom: 4px #845829 ridge;;
/* border-top: 1.5em  #999900 solid;
*/}


#header a.gruss {
position: absolute;
top: 0px; right: 4%;
position: fixed;
font-family: CataneoBT, Lucida Calligraphy;
font-weight: bold;
font-size: 22px;
margin-top: 15px;
padding-right: 10px;
color: #ffffff;
}

#header a.kleingruss {
position: absolute;
top: 0px; right: 4%;
position: fixed;
font-family: CataneoBT, Lucida Calligraphy;
font-weight: bold;
font-size: 14px;
margin-top: 50px;
color: #ffffff;
padding-right: 34px;}

#browse_crag {
background-color: #00005f;
position: absolute;
top: 116px; left: 4%; right: 4%;
position: fixed;
width: 92%;
margin: 0;
border-bottom: 3px #845829 ridge;}

#placer {
background-color:#e0e0e0;
min-height: 140px;
width: 92%;
text-align: center;}

#placer2 {
background-color:#e0e0e0;
min-height: 145px;
width: 92%;
text-align: center;}

/*
.login {color: #666;
font-size:11px;
padding: 5px;}

.login a:link, .login a:visited {text-decoration: none;
font-weight: bold;
color: #666;}

.login a:hover {text-decoration:none;
color: #FF0000;}
*/
/* =Links
-----------------------------------------------------------------------------*/
/*
a:link, a:visited {text-decoration: none;
font-weight: bold;
color: #666;}

a:hover, a:active {text-decoration:none;
color: #FF0000;}
*/
/* =Branding
-----------------------------------------------------------------------------*/

/* =Main Nav
-----------------------------------------------------------------------------*/

#navlist {
position: absolute;
top: 87px; right: 3%;
position: fixed;
width: 94%;
text-align: right;
margin-right: 0px;
}

ul#navlist {font: bold 12px CataneoBT, Lucida Calligraphy, verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
margin: 0;
margin-left: 0px;}

ul#navlist li {float: left;
height: 24px;
background-color: #00005f;
margin-top: 2px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
border: 3px #845829 ridge;
border-bottom: none;}

#navlist a {float: left;
color: #ffffff;
display: block;
text-decoration: none;
padding: 4px;
}

li#active a {background-color: #0000a0; color: #eaeaea;}
#navlist a:hover {background: #0000a0; color: #eaeaea;}

label#menue {
background-color: #00005f;
color: #ffffff;
text-align: center;
height: 17px;
padding-top: 4px;
width: 80px;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/

#navlist2 {
position: absolute;
left: 3%; right: 3%;
position: fixed;
width: 92%;
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
margin-bottom: 0px;
border: 3px #845829 ridge;
background-color: #00005f;}

ul#navlist2 {font: bold 12px CataneoBT, Lucida Calligraphy, verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 0px;
margin-top: 0px;
margin-left: 0px;}

ul#navlist2 li {float: left;
height: 24px;
background-color: #00005f;
margin-top: 3px;
margin-bottom: 1px;
margin-left: 0px;
margin-right: 2px;
border: 3px #845829 ridge;
border-bottom: none;}

#navlist2 a {float: left;
display: block;
color: #ffffff;
text-decoration: none;
padding: 4px;
}

li#active a {background-color: #0000a0; color: #eaeaea;}
#navlist2 a:hover {background: #0000a0; color: #eaeaea}

label#konmenue {
background-color: #00005f;
color: #ffffff;
text-align: center;
height: 17px;
padding-top: 4px;
width: 180px;
}



/* =content
-----------------------------------------------------------------------------*/


#topper {
text-align: left;
}

hr.split{
width: 100%;
size: 2px;
color:#845829;
background-color:#845829;
margin-top: 10px;
}

#content{
background-color:#e0e0e0;
width: 92%;
margin-left: 4%;
text-align: center;
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size: 12px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 45px;
letter-spacing:0px;
}

#content a.gruss{
color: #00005f;
font-family: CataneoBT, Lucida Calligraphy, Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size: 18px;
font-weight: bold;
}

#content a.gruss2{
color: #00005f;
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size: 13px;
font-weight: bold;
}

img#logo1{
border: 5px;
border-color: #845829;
border-style: ridge;
max-height: 150px;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
}

img#vtrenner{
border: 0px;
height: 10px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 0px;
}


/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {
background-color:#e0e0e0;
width: 92%;
margin-left: 4%;
padding: 1em 0 1em 0;}

#mainContent a {color: #003399;
background-color: transparent;
text-decoration: none;
font-weight: normal;}

#mainContent a:visited {color: #003399;
background-color: transparent;
text-decoration: none;}

#mainContent a:hover {color: #000;
text-decoration: none;
background-color: transparent;}

#mainContent ul {list-style-image: url(images_adminconsole/arrow.gif);
padding: 0 0 0 18px;
margin: 8px 0 12px 0;}

#mainContent li {padding: 0;
margin: 0 0 6px 0;}

#mainContent li p {margin-left: 0;
margin-right: 0;}

#mainContent .rss {float: right;
width: 200px;
margin: 0 0 10px 10px;
border: 1px #D0D0D0 solid;
padding: 10px;
font-size: 10px;}

#mainContent .rss h2 {border: none;
margin: 0;
font-size: 16px;}

.important {background-color: #FBE6F2;
border: 1px solid #D893A1;
color: #333;
margin: 10px 0 5px 0;
padding: 10px;
font-weight: bold;
width: 400px;}

.important p {margin: 6px 0 8px 0;
padding: 0;}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
position: absolute;
bottom: 0px; left: 3%;
position: fixed;
width: 94%;
height: 30px;
text-align:center;
color: #333;
font-size:1em;
background-color: #00005f;
border: 3px #845829 ridge;
border-bottom: 3px #845829 ridge;}


#copyright{
font-family: CataneoBT, Lucida Calligraphy, Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
text-align: left;
font-size: 12px;
font-weight: bold;
color:#ffffff;
float: left;
margin-top: 5px;
margin-bottom: 3px;
padding-top: 0px;
padding-left: 5px;
padding-bottom: 0px;
min-width: 200px;
max-width: 200px;
}

#copyright a{
font-family: CataneoBT, Lucida Calligraphy, Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
text-align: left;
font-size: 12px;
font-weight: bold;
color:#ffffff;
text-decoration: none;
}

a.back{
font-family: CataneoBT, Lucida Calligraphy, Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #00005f;
}

a.back:hover{
font-family: CataneoBT, Lucida Calligraphy, Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #0000a0;
}

a.pass{
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #00005f;
}

a.pass:hover{
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #0000a0;
}

a.link{
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #ffffff;
}

a.link:hover{
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #bbbbbb;
}

a.link:visited{
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #bbbbbb;
}
/* =footer - navi
-----------------------------------------------------------------------------*/

#footernavi {
position: absolute;
right: 4%;
position: fixed;
width: 200px;
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
margin-bottom: 0px;
background-color: #00005f;}

ul#footernavi {font: bold 12px CataneoBT, Lucida Calligraphy, verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 0px;
margin-top: 0px;
margin-left: 0px;}

ul#footernavi li {float: right;
height: 24px;
background-color: #00005f;
margin-top: 3px;
margin-bottom: 1px;
margin-left: 2px;
margin-right: 2px;
border-bottom: none;}

#footernavi a {float: left;
display: block;
color: #ffffff;
text-decoration: underline;
padding: 4px;
}

#footernavi a:hover {background: #00005f; color: #e6e6e6;}
#footernavi li:active {background-color: #00005f; color: #e6e6e6;}


/* =Forms
-----------------------------------------------------------------------------*/

#kontakt
{
min-width: 500px;
max-width: 500px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10%;
margin-right:10%;
}

#kontakt p.signifier
{
color: #00005f;
font-family: arial, helvetica;
font-size: 13px;
font-weight: bold;
text-align: right;
min-width: 110px;
max-width: 110px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: opx;
}

#kontakt p.input
{
color: #00005f;
font-family: arial, helvetica;
font-size: 13px;
font-weight: bold;
float: right;
text-align: left;
min-width: 380px;
max-width: 380px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

#kontakt p.button
{
color: #00005f;
font-family: arial, helvetica;
font-size: 11px;
font-weight: bold;
text-align: center;
min-width: 500px;
max-width: 500px;
}

#kontakt p.cap
{
color: #00005f;
font-family: arial, helvetica;
font-size: 13px;
font-weight: bold;
text-align: center;
min-width: 500px;
max-width: 500px;
padding-top: 15px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 0px;
}

.error {font-weight: bold;
color:#FF3300;
padding-left: 18px;
background: url(images/error.png) no-repeat left top;}

/* :KLUDGE: Explicitly set the width for IE6- */

* html .error {width: 10em;}

fieldset {
margin:1em 0;
padding: 1em;
border: 3px #845829 inset;
text-align: left;
min-width: 60%;
max-width: 60%;
margin-left: 20%;
margin-right: 20%;
}

fieldset.imp {
margin:1em 0;
padding: 1em;
border: 3px #845829 inset;
text-align: center;
min-width: 60%;
max-width: 60%;
margin-left: 20%;
margin-right: 20%;
}

legend {
min-height: 25px;
max-height: 25px;
font-weight:bold;
background-color: #00005f;
color: #ffffff;
font-size: 13px;
font-family: CataneoBT, Lucida Calligraphy, Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
border: 3px #845829 ridge;
}

label {float: left;
width: 130px;
color: #00005f;
letter-spacing:1px;}

#headline {
width: 96%;
margin-top: 5px;
margin-bottom: 2px;
height: 20px;
text-align:left;
padding-top: 10px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
color: #00005f;
letter-spacing:1px;
}

#discl {
width: 96%;
margin-left: 1%;
margin-right: 2%;
margin-top: 0px;
color: #ffffff;
font-size: 13px;
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
text-align:justify;
background-color: #00005f;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 3px #845829 ridge;
letter-spacing:1px;}

#imp {
width: 96%;
margin-left: 1%;
margin-right: 2%;
margin-top: 0px;
color: #ffffff;
font-size: 13px;
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
text-align:center;
background-color: #00005f;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 3px #845829 ridge;
letter-spacing:1px;}


#back {
width: 96%;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
color: #00005f;
letter-spacing:1px;
}

#register {margin: 0;}

#register label, #changePassword label  {width: 150px;}

#register .error span{
margin-left: 150px;
padding-left: 150px;}

.note {display: block;
margin-left: 100px;}

#register.note  {display: block;
margin-left: 150px;}

.button {
text-align:center;
font-weight:bold;
cursor: pointer;}

.button a {text-align: center;
text-decoration: none;
background: url(images/fade-butt.png);
border: 3px double #999;
border-left-color: #ccc;
border-top-color: #ccc;
color: #333;
padding: 0.25em;}

.button a:active {background: #f4f4f4;
border: 3px double #ccc;
border-left-color: #999;
border-top-color: #999;}


input.senden {
 border-width:3px;
 border-color:#845829;
 border-style:outset;
 background-color:#00005f;
 width:150px;
 height: 30px;
 padding:0px;
 font-family: CataneoBT, Lucida Calligraphy, Verdana, Arial;
 font-size: 12px;
 color:#ffffff;
text-align:center;
font-weight:bold;
cursor: pointer;
margin-top: 15px;}

input.loesche
{
 border-width:3px;
 border-color:#845829;
 border-style:outset;
 background-color:#00005f;
 width:150px;
 height: 30px;
 padding:0px;
 font-family: CataneoBT, Lucida Calligraphy, Verdana, Arial;
 font-size: 12px;
 font-weight: bold;
 color:#DF0000;
 cursor: pointer;
 text-align:center;
 margin-top: 15px;
}


/* =FLASH MESSAGE
-----------------------------------------------------------------------------*/

#flashMessage {width:400px;
color:#FF0000;
border-bottom: 2px solid #FF0000;
border-top: 1px solid #FF0000;
font-size: 16px;
margin: 8px 0px;
font-weight: bold;
padding: 10px;}

/* =CODE BOX
-----------------------------------------------------------------------------*/
#mainContent code, #mainContent pre {
 font-family: Courier,monospace;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

/*  = Reste zur späteren Verwendung
-----------------------------------------------------------------------------*/
/* vieleicht noch zu brauchen!!!

#hosted{
min-width: 200px;
max-width: 200px;
text-align: center;
float: right;
}

#owner{
min-width: 200px;
max-width: 200px;
text-align: center;
}

label.spliter {
width: 100%;
height: 15px;
font-size: 5px;
color: #00005f;
letter-spacing:1px;}


label.line {
width: 99%;
height: 2px;
color: #00005f;
background-color: #00005f;
letter-spacing:1px;
border: 3px #845829 ridge;}

label.desc {
width: 40%;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
color: #00005f;
letter-spacing:1px;
}

label.number {
width: 15px;
text-align:left;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
color: #00005f;
letter-spacing:1px;
}

label.zero {
width: 14%;
color: #00005f;
letter-spacing:1px;}

label.owner {
width: 96%;
font-size: 13px;
font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
letter-spacing:1px;
background-color: #00005f;
border: 3px #845829 ridge;
}

*/