@charset "utf-8";

body {
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
background-image : url(/templates/images/bg.gif);
background-repeat : repeat-x;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
width : 995px;
min-height : 650px;
margin : 0 auto;
padding : 0;
text-align : left;
}

#bucket {
text-align : left;
width : 995px;
margin : 0 auto;
min-height : 650px;
height : auto;
/*overflow : visible;*/
}

#leftborder {
margin : 0;
padding : 0;
width : 33px;
height : 500px;
background-image : url(/templates/images/leftborder.jpg);
background-repeat : no-repeat;
float : left;
}

#frameset {
margin : 0;
padding : 0;
width : 929px;
float : left;
}

#rightborder {
margin : 0;
padding : 0;
width : 33px;
height : 500px;
background-image : url(/templates/images/rightborder.jpg);
background-repeat : no-repeat;
float : left;
}

#topspacer {
margin : 0;
padding : 0;
width : 929px;
height : 27px;
background-image : url(/templates/images/topspacer.jpg);
background-repeat : no-repeat;
}

#header {
margin : 0;
padding : 0;
width : 929px;
height : 99px;
background-image : url(/templates/images/header.jpg);
background-repeat : no-repeat;
}

#menu_o {
margin : 0;
padding : 0;
width : 929px;
height : 30px;
background-image : url(/templates/images/menu.jpg);
background-repeat : no-repeat;
}

#sidebar {
margin : 0;
padding : 0;
background-color : #ffffff;
text-align : left;
float : left;
width : 199px;
height : 100%;
}

#sidebar_menu {
margin : 0;
padding : 0;
background-color : #ffffff;
text-align : left;
float : left;
width : 199px;
height : 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
min-height : 207px;
}

/* Wayfinder */

#sidebar_menu li {
  list-style-type:none;
  list-style:none;
  line-height:18px;
}

#sidebar_menu ul {
  padding-left: 1px;
  list-style-type:none;
  list-style:none;
}

.wf_level1 a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration:none;
  display:block;
  padding-left:5px;
  color:#666;
  outline:none;
}

.wf_level1 a:hover {
  color:#fff; 
  text-decoration:none;
  background-image:url(/templates/images/bg_roll_sub.gif);
  background-repeat:no-repeat;
  /* background-position: 0px 6px 0px 3px; */
  outline:none;
}

.wf_level1 a:active {
  color:#666;
  font-weight:bold;
  text-decoration:none;
  outline:none;
}

.wf_level2 a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  padding-left:15px;
  color:#669966;
  outline:none;
  background:none;
  font-weight:normal;
}

.wf_level2 a:hover {
  color:#fff;
  text-decoration:none;
  background-image:url(/templates/images/bg_roll_sub.gif);
  background-repeat:no-repeat;
  /* background-position: 0px 6px 0px 3px; */
  outline:none;
}

.wf_level2 a:active {
  text-decoration:none;
  font-weight:bold;
  color:#669966;
  outline:none;
  background:none;
}

.wf_active a {
  color:#fff;
  text-decoration:none;
  background-image:url(/templates/images/bg_roll_sub.gif);
  background-repeat:no-repeat;
  /* background-position: 0px 6px 0px 3px; */
  outline:none;
  font-weight:bold;
}

.wf_active  {
  color:#fff;
  text-decoration:none;
  background-image:url(/templates/images/bg_roll_sub.gif);
  background-repeat:no-repeat;
  /* background-position: 0px 6px 0px 3px;*/
  outline:none;
  font-weight:bold;
}

.wf_active  ul li a {
  background:none;
  outline:none;
  font-weight:normal;
  color:#669966;
}

#sidebar_menu h2 {
  font-family: Verdana ,Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px; 
  color: #7b7b7b;
  padding-left: 5px;
}

#lbox_wrapper {
margin : 0;
padding : 0;
width : 730px;
height : 100%;
text-align : left;
float : right;
background-color : #e9eee8;
}

#eyecatcher {
margin : 0;
padding : 0;
width : 730px;
height : 207px;
}

#eyenav {
padding-top : 6px;
margin-right: 10px;
width : 720px;
height : 21px;
text-align : right;
}

#eyenav img {
  border:0px;
  outline:none;
}

#content {
width : 606px;
height : 100%;
font-size : 12px;
line-height : 18px;
text-align : left;
color : #666666;
margin-left : 62px;
margin-right : 62px;
margin-top : 30px;
margin-bottom : 65px;
text-decoration : none;
}

img a:link {
border: 0px;
outline:none;
}

#content ul a {
color: #666;
outline:none;
text-decoration: none;
}

#content a {
color: #666;
outline:none;
text-decoration: underline;
}

#content h3 {
font-family: Arial, Helvetica, sans-serif;
font-size : 16px;
text-decoration:none;
color: #999;
}

#content h3 a {
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
letter-spacing: -1px;
font-size:16px;
color: #666;
outline:none;
}

#contentbox {
margin : 0;
padding : 0;
/*height : 100%;*/
}

#spacer {
margin : 0;
padding : 0;
width : 730px;
height : 30px;
background-image : url(/templates/images/bg_content.jpg);
background-repeat : repeat-x;
}

#subwrapper {
position:relative;
clear:both;
margin : 0;
padding : 0;
background : #34363a url(/templates/images/grass.jpg) repeat-x;
height : 300px;
}

#footer {
border-top : 0 solid #f00;
text-align : left;
width : 929px;
margin : 0 auto;
padding-top : 71px;
font-size : 11px;
}

#footer p {
color : #999999;
text-align : center;
padding-left : 150px;
padding-top : 5px;
}

#footer a {
color : #999999;
text-decoration : underline;
outline:none;
}

#footer a:hover {
color : #666666;
text-decoration : underline;
outline:none;
}

.none {
display : none;
}
#widgets{
margin-top : 47px;
padding: 0;
width: 199px;
height: 100%;
}

#widget01 { width: 199px; height: 48px; margin: 0; position: relative;}
#widget01 #wid1 { margin: 0; padding: 0; }
#widget01 #wid1 li { display: inline; }
#widget01 #wid1 li a { float:left; width: 199px; height: 0; padding-top: 48px; overflow: hidden; outline:none; }
#widget01 #wid1 li a,
#widget01 { background-image: url(/assets/images/sitedesign/widget_buch.gif); background-repeat: no-repeat; }

#widget02 { width: 199px; height: 48px; margin-top : 8px; position: relative;}
#widget02 #wid2 { margin: 0; padding: 0; }
#widget02 #wid2 li { display: inline; }
#widget02 #wid2 li a { float:left; width: 199px; height: 0; padding-top: 48px; overflow: hidden; outline:none; }
#widget02 #wid2 li a,
#widget02 { background-image: url(/assets/images/sitedesign/widget_pdf.gif); background-repeat: no-repeat; }

#widget03 { width: 199px; height: 48px; margin-top : 8px; position: relative;}
#widget03 #wid3 { margin: 0; padding: 0; }
#widget03 #wid3 li { display: inline; }
#widget03 #wid3 li a { float:left; width: 199px; height: 0; padding-top: 48px; overflow: hidden; outline:none; }
#widget03 #wid3 li a,
#widget03 { background-image: url(/assets/images/sitedesign/widget_magazin.gif); background-repeat: no-repeat; }

/* BUTTONS*/
#widget01 #wid1 li#book a { background-position: 0 0; }
#widget02 #wid2 li#pdf a { background-position: 0 0; }
#widget03 #wid3 li#rss a { background-position: 0 0; }

/* OVER STATES*/
#widget01 #wid1 li#book a:hover { background-position: 0 -48px; }
#widget02 #wid2 li#pdf a:hover { background-position: 0 -48px; }
#widget03 #wid3 li#rss a:hover { background-position: 0 -48px; }

/* PRESSED STATES */
#widget01 #wid1 li#book a:active { background-position: 0 -96px; }
#widget02 #wid2 li#pdf a:active { background-position: 0 -96px; }
#widget03 #wid3 li#rss a:active { background-position: 0 -96px; }

#widget_adresse {
margin-top : 55px;
margin-left: 15px;
padding : 0;
width : 132px;
height : 146px;
background-image : url(/assets/images/sitedesign/adresslogo.jpg);
background-repeat : no-repeat;
}

/*************************************************************/

/*	-------------------------------------------------------------
	Kontaktformular
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
       
/*	-------------------------------------------------------------
	STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #formcontent {
				margin : 0px;
				padding: 0px;
				width : 600px;
				height : 600px;
				}

               #formcontent a {
				color: #666;
                                text-decoration: none;
				}

               div#formwrapper {
                    /* Allgemeines Container */
               	margin: 0;
               	width: 000px;
				padding: 0 0 35px 0;
				text-align:left;
				float:left;
               }

               div#formular {
                    /* Sub-Container, wird nach rechts verschoben, da links bei einem Formulare
                    weitere Elemente stehen werden. Typische Alternative: margin: 0 auto; */
               	padding: 0 0 0 0;
               	text-align: left;
               	width: 500px;
               }
               .contactleft {
                    /* Linker Bereich des Formulars: fuer Labels */
                    width: 10%;
                    clear: both;
                    /*float: left;*/
                    display: inline;
                    padding: 0;
                    margin: 0 0 0 0;
                    text-align: right;
               }
               .contactright {
                    /* Rechter Bereich des Formulars: fuer Eingabefelder */
                    width: 70%;
                    text-align: left;
                    /*float: right;*/
                    display: inline;
                    padding: 0px 0px 25px 0px;
                    margin: 0 35px;
               }

/*	-------------------------------------------------------------
	GESTALTUNG VON EINGABEFELDERN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               input, textarea {
                    border: 1px solid #d6d6d6;
                    -moz-border-radius: 3px;
               }

               .contactform {
                    /* Hintergrundebene mittels overflow */
                    height: 100%;
                    /*overflow: auto;*/
                    
               }

               .contactform #kt_name,
               .contactform #kt_addr,
               .contactform #kt_plz,
               .contactform #kt_city,
               .contactform #kt_email,
               .contactform #kt_adresse,
               .contactform #kt_telefon,
               .contactform #kt_nachricht {
                    width: 80%;
                    padding: 5px; 
                    color: #7b7b7b;
                    font: 1.1em/1.6em Verdana ,Arial, Helvetica, sans-serif; 
               }

               #subm {
                    /* Versenden-Schaltflaeche */
                    font: 1.1em/1.6em Verdana ,Arial, Helvetica, sans-serif; 
                    width: 100px;
                    border: 1px solid #d6d6d6;
                    padding: 4px 5px 4px 5px;
                    color: #7b7b7b;
					background: #fff;
               }

               /*  ICONS FUER EINGABEFELDER   */

               .contactform #kt_name {
                    background: #fff url(/assets/images/form/user.jpg) no-repeat left;
               }
               .contactform #kt_addr {
                    background: #fff url(/assets/images/form/user.jpg) no-repeat left;
               }
               .contactform #kt_plz {
                    background: #fff url(/assets/images/form/user.jpg) no-repeat left;
               }
               .contactform #kt_city {
                    background: #fff url(/assets/images/form/user.jpg) no-repeat left;
               }
               .contactform #kt_email {
                    background: #fff url(/assets/images/form/mail.jpg) no-repeat left;
               }
               .contactform #kt_telefon {
                    background: #fff url(/assets/images/form/world.jpg) no-repeat left;
               }
               .contactform #kt_nachricht {
                    width: 86%;
                    background: #fff url(/assets/images/form/comment.gif) no-repeat bottom right; 
               }
               .contactform #kt_name,
               .contactform #kt_addr,
               .contactform #kt_plz,
               .contactform #kt_city,
               .contactform #kt_adresse,
               .contactform #kt_email,
               .contactform #kt_telefon 
               {
                    width: 80%;
                    padding: 5px 5px 5px 30px;
               }
               
               /* Hover-Zustaende fuer jeweilige Eingabefelder */
              
               .contactform #kt_name:hover,
               .contactform #kt_addr:hover,
               .contactform #kt_plz:hover,
               .contactform #kt_city:hover,
               .contactform #kt_email:hover,
               .contactform #kt_adresse:hover,
               .contactform #kt_telefon:hover,
               .contactform #kt_nachricht:hover {
                    background-color: #fff;
                    border: 1px solid #d6d6d6;
                    color: #7b7b7b;
               }

               .contactform #kt_name:focus,
               .contactform #kt_addr:focus,
               .contactform #kt_plz:focus,
               .contactform #kt_city:focus,
               .contactform #kt_email:focus,
               .contactform #kt_adresse:focus,
               .contactform #kt_telefon:focus,
               .contactform #kt_nachricht:focus
               {
                    border: 1px solid #d6d6d6;
                    color: #7b7b7b;
                    background-color: #fff;
               }

               .contactform .wrong #kt_email {
                    /* Gestaltung der Felder mit Fehlermeldungen */
                    background: #ffffff url(/assets/images/form//warning.gif) no-repeat left;
                    -moz-border-radius: 3px;
                    color: #333333;
                    border: 1px solid #d6d6d6;
               }
               
               .contactform #Erfolg {
                    /* Mitteilung: Informationen wurden versandt */
                    background: #fff url(/assets/images/form/accept.gif) no-repeat left;
                    border: 1px solid #eeeeee;
                    color: #0066CC;
                    padding: 10px 10px 10px 30px;
                    -moz-border-radius: 3px;
                    width: 80%;
                    margin: 1.5em auto;
               }

/*	-------------------------------------------------------------
	ALLGEMEINE ATTRIBUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               h2 {
                    /* Ueberschrift der Seite */
                    font-family: Verdana ,Arial, Helvetica, sans-serif;
                    font-weight: normal;
                    font-size: 4em; 
                    color: #7b7b7b;
               }
               span.required {
                    /* Markierung des Eingabefeldes, das ausgefuellt werden soll */
                    color: #ccc;
                    font-size: 16px;
					padding-left: 2px;
               }
               label {
                    /* Beschriftung des Eingabeldes */
                    color: #999;
                    padding: 2px 5px 2px 5px;
                    
                    /* Hintergrundfarbe + Abrundung 
                    background-color: #5ea4d7;
                    -moz-border-radius: 3px;*/
               }