/* CSS Document */
/*** general ***/

body { 
background-image: url(../images/bg1.jpg); 
background-repeat: repeat; 
color: black; 
font-family: Arial, Helvetica, sans-serif; 
margin:0 auto;
align:center;   
font-size:1.0em;
max-width: 819px;  
}

a:link { color: black; text-decoration: none; }
a:active { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover { color: black; text-decoration: none; }
a { font-weight: bold; 
}

img { vertical-align: top; 
	max-width: 100%;
	height: auto;
	position: relative;
}


.kopf { 
width: 100%;
margin: auto; 
background-color: white; 
}

.haupt { 
background-image: url(../images/bg.jpg); 
background-repeat: repeat; 
width: 100%;
margin: auto; 
height: auto; 
background-color: #D8E1B3; 
overflow: auto; 
padding: 20px; 
}

.text { 
background: white; 
width: 79.2%; 
margin: auto; 
overflow: auto; 
float: left; 
padding-left: 0.625em; 
padding-right: 0.625em; 
}

p { 
line-height: 1.3em; 
text-align: justify; 
padding-left: 5px; 
}

h1 { 
color: #727F38; 
text-decoration: none; 
font-size: 1.5em; 
text-align: center; 
}

/*** menu links ***/
#links { 
text-align: center; 
width: 18.3%; 
display: block; 
float: left; 
background-image: url(../images/bg.jpg); 
background-repeat: repeat; 
}

#links a { 
color: black; 
text-align: center; 
font-weight: thin; 
padding-bottom: 5px; 
font-size: 0.875em; 
text-decoration: none; 
background-color: white; 
padding: 0.625em; 
margin: 2px; 
display: block; 
}

#links a:visited { 
}

#links a:active { 
}

#links a:hover { 
color: black; 
background-image: url(../images/bg2.jpg); 
background-repeat: repeat; 

}	
a { 
color: #727F38; 
text-decoration: underline; 
 } 

a:link { 
 } 

a:active { 
 } 

a:visited { 
 } 

a:hover { 
text-decoration: none; 
}

/*** footer links ***/
#footer { 
width: 100%;
height: 5px; 
text-align: right; 
padding: 5px; 
float: left; 
margin-top: 4px; 
}

#footer a { 
color: black; 
text-align: center; 
font-weight: thin; 
font-size: 0.75em; 
text-decoration: none; 
background-color: white; 
padding: 5px; 
margin-bottom: 8px; 
}

#footer a:visited { 
}

#footer a:active { 
}

#footer a:hover { 
color: black; 
background-image: url(../images/bg2.jpg); 
background-repeat: repeat; 
}

/*** sms und telefon ***/
.telefon { 
color: #727F38; 
text-align: center; 
font-size: 1.5em; 
}

.telefon-main { 
padding-bottom: 5px; 
padding-top: 5px; 
text-align: center; 
background-color: #D5DDAC; 
}

.nummer { 
color: #727F38; 
font-size: 1.6875em; 
font-weight: bold; 
}

.preis { 
font-size: 0.75em; 
max-width: 40%; 
}

.sms { 
color: #727F38; 
text-align: center; 
font-size: 1.5em; 
}

.sms-main { 
padding-bottom: 5px; 
padding-top: 5px; 
text-align:center; 
background-color: #D5DDAC ;
}

.preis-sms { 
text-align: center; 
font-size: 0.75em; 
display: block; 
}

.sms-nummer { 
color: #727F38; 
text-align: center; 
font-size: 1.6875em; 
font-weight: bold; 

}	

@media (min-width: 600px) {
word-wrap:break-word;
word-break:break-all; 
hyphens: auto;
}