@charset 'utf-8';
@import url(reset.css);
@media print url(print.css);

/* Für alle Browser */


/*============================================
	Layout
=============================================*/


#wrapper {
margin: auto;
width: 960px;
margin-top: 28px;
}

#left {
width: 354px;
float: left;
}

#logo {
width: 354px;
height:80px;
display: block;
}

#navigation  {
display: none;
width: 354px;
height: 279px;
margin: 0 0 10px 0;
}

#hauptnavi {
display: none;
float: left;
}

#subnavi {
display: none;
float: right;
}

#video {
display: none;
width: 354px;
}

#top {
display: none;
width: 580px;
height: 80px;
float: right;
text-align: right;
}

#slideshow {
display: none;
width: 580px;
height: 279px;
float: right;
margin: 0 0 10px 0;
}

#content {
width: 100%;
float: left;
}

#content_li {
width: 70%;
float: left;
}

#content_re {
width: 20%;
float: right;
}

#footer {
display: none;
width: 960px;
height: 20px;
border-top: #3f3f40 solid 1px;
clear: both;
padding: 5px 0 0 0;
text-align: right;
}

#footer_li {
width: 480px;
float: left;
}

#footer_re {
width: 480px;
float: right;
}

/*============================================
	Aussehen der Links
=============================================*/

/* Links in Listen (Navigation oben und unten) */

li a:link { color:#3f3f40; text-decoration:none; outline: none;}
li a:visited { color:#3f3f40; text-decoration:none; outline: none;}
li a:active { color:#3f3f40; text-decoration:none; outline: none;}
li a:hover { color:#3f3f40; text-decoration:underline; outline: none;}

/* Links generell in hellblau */

a:link { color:#4e5554; text-decoration:none; outline: none;}
a:visited { color:#4e5554; text-decoration:none; outline: none;}
a:active { color:#4e5554; text-decoration:none; outline: none;}
a:hover { color:#4e5554; text-decoration:underline; outline: none;}

/* Links der Hauptnavi in Schawarz */

#navigation a:link { color:#3f3f40; text-decoration:none; outline: none;}
#navigation a:visited { color:#3f3f40; text-decoration:none; outline: none;}
#navigation a:active { color:#3f3f40; text-decoration:none; outline: none;}
#navigation a:hover { color:#3f3f40; text-decoration:none; outline: none;}


/*============================================
	Aussehen der Schrift
=============================================*/


html {
font-family: Georgia, Serif;
font-size: 0.75em;
color: #000000;
}

p {
font-family: Georgia, Serif;
line-height: 150%;
}

#top li {
display: inline;
margin-left: 20px;
}

#footer_re li {
display: inline;
margin-left: 20px;
font-style: italic;
}

.copyright {
display: block;
text-align: left;
}

h1 {
font-weight: bold;
font-size: 1.2em;
padding: 15px 0 20px 0px;
}

h2 {
display: block;
font-weight: bold;
padding: 7px 0 6px 10px;
color: #000000;
}

h3 {
font-weight: bold;
font-size: 1.0em;
padding: 15px 0 10px 0px;
}

.bold {
font-weight: bold;
}

.kundenlogin a:link {
font-weight: bold;
color: #4e5554;
margin-right: 30px;
}


/*============================================
	Das Suchformular
=============================================*/

#top form {
width: 580px; /* Breite des Formulars */
margin-top: 20px;
}
	
#top label { 
font-size: 1.2em;
} 
		
#top textarea, #top input {
font-size: 1em;
width: 100px; /* Breite des Eingabefeldes */
border: 1px solid #8c8c8c;
}
		
#top textarea { 
height: 7em; 
}

#top input:focus, textarea:focus {
border: 1px solid #4e5554;
}


/*============================================
	Das Kontaktformular
=============================================*/

#content_li form {
width: 370px; /* Breite des Formulars */
}
	
#content_li label { 
font-size: 1.2em;
} 
		
#content_li textarea, #content_li input {
font-size: 1em;
width: 220px; /* Breite des Eingabefeldes */
font-family:arial,sans-serif;
border: 1px solid #8c8c8c;
margin: 10px 0 0 5px;
}

#content_li select {
margin: 10px 0 0 5px;
}
		
#content_li textarea { 
height: 7em; 
}

#content_li input:focus, #content_li textarea:focus {
border: 1px solid #4e5554;
}

#content_li .buttonAdmin {
background:#cccccc; 
border:1px solid; 
border-color:#8c8c8c; 
color:#000000; 
cursor:pointer; 
}

#content_li .buttonAdmin:hover {
background:#cccccc; 
color:#000000; 
border:1px solid; 
border-color:#4e5554;
}