/* Style für www.gartentour-ruhr.de: */
/***************************/

html { 
background-color:#ffffff;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-buttom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-buttom:0px;
scrollbar-face-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-arrow-color:#666666;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#f2f2f2;
scrollbar-highlight-color:#f2f2f2;
scrollbar-shadow-color:#ffffff;
}

body {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
color: #444444;
font-weight: normal;
font-style: normal;
line-height: 1.5em;
background:#ffffff;
margin:0em;
padding:0em;
text-align:left;
scrollbar-face-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-arrow-color:#666666;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#f2f2f2;
scrollbar-highlight-color:#f2f2f2;
scrollbar-shadow-color:#f2f2f2;

}
#layer{
display:block;
box-sizing: border-box;
width:100%;
margin:auto;
background-color:#ffffff;
padding-left:0.0em;
padding-right:0.0em;
}

#logo{
display:block;
box-sizing: border-box;
width:auto%;
margin:auto;
background:#ffffff;
padding-left:0;
padding-top:1.0em;
text-align:center;
}

/*Menü*/
nav {
display:block;
float: left;
box-sizing: border-box;
width:100%;
margin:auto;
background:#ffffff;
padding-left:0;
padding-top:1.0em;
padding-bottom:1.0em;
text-align:center;

}
#nav li {list-style-type: none;}




#inhalte {
display:block;
box-sizing: border-box;
width:100%;
margin:auto;
padding:5.0em;
background:#eeeeee;
text-align:center;
font-size: 1.1em;
}

#inhalte ul li{list-style-type: none;  margin: 0.0em; padding: 0;}

#infobox {
display:block;
box-sizing: border-box;
width:100%;
margin:auto;
padding:1.0em;
background:#ffffff;
text-align:center;
font-size: 1.0em;
}

footer{
display:block;
box-sizing: border-box;
width:100%;
height:auto;
background:#ffffff;
margin-left:0.0em;
margin-right:0.0em;
padding:0.3em;
text-align:center;
box-shadow:0px 0px 0px -5px #999999;
border-radius: 0px;
font-size: 0.9em; 
color: #99CC33;
border: dotted #669900 0px;
}

#cookieinfo{position: fixed; left: 0px; right: 0px; height: auto; min-height: 21px; background: #ffffff; color: #ffffff; line-height: 21px; padding: 8px 18px; font-family: verdana, arial, sans-serif; font-size: 14px; text-align: left; bottom: 0px; opacity: 1;"}
#ookieinfo-close{float: right; display: block; padding: 5px 8px; min-width: 100px; margin-left: 5px; border-radius: 5px; cursor: pointer; color: #000000; background: #ffffff; text-align: center; display:block;padding:5px 0 5px 0;}
}

img {
width:auto; /*entspricht dem Elternelement*/
height:auto;
max-width:100%;
}

hr {
border: dotted #669900 1px;
height:1px;
width: 100%;
}
.kurz
{
border: dotted #669900 1px;
height:1px;
width: 45%;
}
BR, P, TD, BLOCKQUOTE, SPAN, TABLE, DIV
{
letter-spacing: 0px;
text-align: center;
}

STRONG, B{
font-weight: bold;
text-align:left;
padding-left: 0px;
padding-right: 0px;
letter-spacing: 1px;
}

UL, OL, LI{
letter-spacing: 0px;
list-style : none;
}
h1 {
padding-left:0;
padding-right:0;
font-size: 1.5em; 
color: #444444;
font-weight:normal;
font-style: normal;
}

h2{
font-size: 1.2em; 
color:#444444;
font-weight: normal;
font-style: normal;
}

h3{	
font-size: 1.2em; 
color: #99CC33;
font-weight: normal;
font-style: normal;

}

h4{
font-size: 1.0em;
color:#444444;
font-weight: bold;
font-style: bold;
}

h5{
font-size: 0.9em;
color: #99CC33;
font-weight: bold;
font-style: bold;
}

h6{
font-size: 0.9em;
color:#444444; 
font-weight: normal;
font-style: normal;
}

A 
{ 
letter-spacing: 0px;
color: #99CC33; 
text-decoration: none; 
font-weight: bold;
}
A:visited
{
letter-spacing: 0px;
color: #99CC33; 
text-decoration: none; 
font-weight: bold;
}

A:hover
{
letter-spacing: 0px;
color: #444444; 
text-decoration: none; 
font-weight: bold;
}


A:active
{
letter-spacing: 0px;
color: #444444; 
text-decoration: none; 
font-weight: bold;
}

.internal-link {color: #666666; }


/*******************************MOBILE STYLE*******************************/
/*Pads, Smartphones per Touchscreen*/
@media screen and (max-width:800px){
	body {font-size:1.0em;}
	#layer{width:100%;padding:0;}
	#inhalte{padding:5.0em;}
}


@media screen and (max-width:600px){
	body {font-size:1.0em;}
	#inhalte{font-size:0.9em;}
	nav {display:block;}
		}

@media screen and (max-width:600px)and(pointer:coarse){
	body {font-size:0.9em;}
	nav ul li {display:block;}

	
}
	
	
}