/*
####################################################################################

			Erstellung des CSS Styles von
			Daniel Seelig
			Kontak: webdesign-seelig@gmx.de
			(C) 2008
			
			Hinweis:
			
			Die CSS Datei kann nach belieben verändert werden,das Copyright im
			Quelltext muss allerdings bestehen bleiben und kann mit einem zu-
			sätzlichen Hinweis das es geändert wurde versehen werden!

####################################################################################
*/

/*
--------------------------------------------------------------------------
              Allgemeiner Stylebereich
--------------------------------------------------------------------------
*/

.body
{
background-image: url(grafiken/bg.png);
background-attachment:fixed;
}

#header
{
height: 150px;
width: 800px;
text-align: center;
background-image: url(grafiken/bannerbg.png);
font-weight: bold;
line-height: 1.5em;
}

#head_menu
{
width: 800px;
height: 30px;
background-image: url(grafiken/head_menu_bg.png);
}


#center
{
width: 800px;
text-align: center;
background-image: url(grafiken/center_hg.png);
}

#navi
{
float: left;
width: 170px;
margin-left: 5px;
}

#contend
{
float: left;
width: 585px;
padding-left: 15px;
}

#footer
{
height: 25px;
width: 800px;
text-align: center;
background-image: url(grafiken/footer_hg.png);
font-size: 12px;
}

#right
{
width: 0px;
clear: left;
}

/*
--------------------------------------------------------------------------------------
          gesamter headmenu link style (jeder link einzeln weil id)
--------------------------------------------------------------------------------------
*/
/*
home link
*/
#home_link
{
float: left;
width: 100px;
height: 25px;
margin-left: 98px;
background-image: url(grafiken/head_link_a.png);
}

#home_link a 
{
background-image: url(grafiken/head_link_a.png);
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

#home_link a:hover
{
background-image: url(grafiken/head_link_h.png);
display: block;
color: #000000;
height: 25px;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

/*
login / admin menu
*/
#log_link
{
float: left;
width: 100px;
height: 25px;
margin-left: 2px;
background-image: url(grafiken/head_link_a.png);
}

#log_link a 
{
background-image: url(grafiken/head_link_a.png);
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

#log_link a:hover
{
background-image: url(grafiken/head_link_h.png);
height: 25px;
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

/*
gb menu
*/
#gb_link
{
float: left;
width: 100px;
height: 25px;
margin-left: 2px;
background-image: url(grafiken/head_link_a.png);
}

#gb_link a 
{
background-image: url(grafiken/head_link_a.png);
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

#gb_link a:hover
{
background-image: url(grafiken/head_link_h.png);
height: 25px;
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

/*
linklist menu
*/
#linklist_link
{
float: left;
width: 100px;
height: 25px;
margin-left: 2px;
background-image: url(grafiken/head_link_a.png);
}

#linklist_link a 
{
background-image: url(grafiken/head_link_a.png);
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

#linklist_link a:hover
{
background-image: url(grafiken/head_link_h.png);
height: 25px;
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

/*
kontakt menu
*/
#kontakt_link
{
float: left;
width: 100px;
height: 25px;
margin-left: 2px;
background-image: url(grafiken/head_link_a.png);
}

#kontakt_link a 
{
background-image: url(grafiken/head_link_a.png);
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

#kontakt_link a:hover
{
background-image: url(grafiken/head_link_h.png);
height: 25px;
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

/*
--------------------------------------------------------------------------------------
          style für die die vertikale menu zusammensetzung
--------------------------------------------------------------------------------------
*/
#menu_head
{
width: 160px;
height: 20px;
background-color: #ffcd84;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
border-top: 1px solid #4d4d4d;
margin-left: 5px;
text-align: center;
font-size: 14px;
font-weight: bold;
}

#menu_link
{
margin-left: 5px;
width: 162px;
text-align: left;
}

#menu_link a 
{
background-color: #E5E5E5;
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

#menu_link a:hover
{
background-color: #ffcd84;
display: block;
color: #000000;
text-decoration: none;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
}

.menu_text
{
text-indent: 10px;
}

#menu_footer
{
width: 160px;
height: 10px;
background-color: #E5E5E5;
margin-left: 5px;
font-size: 0px;
color: #88E184;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
border-bottom: 1px solid #4d4d4d;
}

/*
--------------------------------------------------------------------------
              Kontakte Stylebereich
--------------------------------------------------------------------------
*/

.kont_head
{
background-color: #ffcd84;
border: 1px solid #4d4d4d;
text-align: center;
font-size: 14px;
font-weight: bold;
}

.kont_left
{
background-color: #E5E5E5;
border-left: 1px solid #333333;
}

.kont_right
{
background-color: #E5E5E5;
border-right: 1px solid #333333;
}
.kont_right a:link{color: #000000; font-size: 14px; text-decoration: none; font-family: Times New Roman, Arial, Helvetica, sans-serif;}
.kont_right a:visited{color: #000000; font-size: 14px; text-decoration: none; font-family: Times New Roman, Arial, Helvetica, sans-serif;}
.kont_right a:active{color: #000000; font-size: 14px; text-decoration: none; font-family: Times New Roman, Arial, Helvetica, sans-serif;}
.kont_right a:hover{color: #000090; font-size: 14px; text-decoration: none; font-family: Times New Roman, Arial, Helvetica, sans-serif;}

.kont_left_foot
{
background-color: #E5E5E5;
border-left: 1px solid #333333;
border-bottom: 1px solid #333333;
}

.kont_right_foot
{
background-color: #E5E5E5;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
.kont_right_foot a:link{color: #000000; font-size: 14px; text-decoration: none; font-family: Times New Roman, Arial, Helvetica, sans-serif;}
.kont_right_foot a:visited{color: #000000; font-size: 14px; text-decoration: none; font-family: Times New Roman, Arial, Helvetica, sans-serif;}
.kont_right_foot a:active{color: #000000; font-size: 14px; text-decoration: none; font-family: Times New Roman, Arial, Helvetica, sans-serif;}
.kont_right_foot a:hover{color: #000090; font-size: 14px; text-decoration: none; font-family: Times New Roman, Arial, Helvetica, sans-serif;}

/*
------------------------------------------------------------------------
             Anfahrt Form Style
------------------------------------------------------------------------
*/
.mailer_body
{
background-color: #E5E5E5;
}

.textfeld_anf
{
border: 1px solid #333333;
background-color:#E5E5E5;
color: #000000;
}

.mailer_head
{
background-color: #ffcd84;
border: 1px solid #4d4d4d;
text-align: center;
font-size: 14px;
font-weight: bold;
}

.mailer_left
{
background-color: #E5E5E5;
border-left: 1px solid #333333;
font-size: 13px;
}

.mailer_right
{
background-color: #E5E5E5;
border-right: 1px solid #333333;
font-size: 13px;
}

.mailer_center
{
border-right: 1px solid #333333;
border-left: 1px solid #333333;
font-size: 13px;
}

.mailer_footer
{
background-color: #E5E5E5;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
border-bottom: 1px solid #333333;
font-size: 13px;
}

.mail_button
{
border: 1px solid #000000;
background-color: #b5b5b5;
}