/* CSS nearnet.de */

body {font-size: 1.3em;}

header { background: #ff0000; }

navtop {
 background-image: url( ../system/nearnetlogo/$File/nearnetlogo.gif );
 background-repeat: no-repeat;
 background-position: right top;
 margin-bottom: 30px;
 }

topleft {
 }

navleft {
 }

article {
 }

aside {

 }

footer {
 }

/* Raster */

.row {
  width:auto;
}

.row:before, 
.row:after {
  content: " ";
  display: table;
}

.row:after {
    clear: both;
}


.columns {float:left;}

 
/* ---------- ALLGEMEIN ----------  */ 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	line-height: 1.41em;
	text-align: center;
}

.bold {
	font-weight: bold;
}

.kursiv {
	font-style: italic;
}


/* ---------- RAHMEN ----------  */ 
#allwrap {
 width:100%;
 max-width:900px;
 min-width:100px;
 text-align: left;
 margin-top: 89px;
 margin-right: auto;
 margin-left: auto;
 padding:0;
}

.wrapNavi {
	width:100%;
	text-align:left;
	padding-top:40px;
	float:left;
}

#headerTop {
        width:100%;
	height:13px;
	text-align: right;
        background:rgb(215,215,143); /* wichtig beim skalieren, ansonsten weisser hintergrund sichtbar */
	background-image: url(../system/head_o/$File/head_o.jpg);
	background-position:right top;
	background-repeat:no-repeat;
        background-size:100% auto;
	float:left;
}

#header {
        width:100%;
	height:auto;
	text-align:right;
	background-image: url(../system/head_m5/$File/head_m5.jpg);
	background-position:right;
	background-repeat:repeat-y;
        background-size:100% auto;
	float:left;
}

#headerOhneBild {
        width:100%;
	height:30px;
	text-align:right;
	background-image: url(../system/head_m5/$File/head_m5.jpg);
	background-position:right;
	background-repeat:repeat-y;
        background-size:100% auto;
	float:left;
}

#headerBottom {
        width:100%;
	height:13px;
	text-align:right;
        background:rgb(215,215,143); /* wichtig beim skalieren, ansonsten weisser hintergrund sichtbar */
	background-image: url(../system/head_u/$File/head_u.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
        background-size:100% auto;
	float:left;
}

/* ---------- NAVIGATION OBEN ----------  */ 

 #naviOben {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
	padding: 0;
}   

 #naviOben li{
	display: inline; /* Zeigt das Menü in einer Linie */
	color: #666666;
	line-height:1.01em;
	font-size: 12px;
}  

 #naviOben li.active{
	color: #000;
	font-weight: normal;
	font-size: 12px;
	margin: 0 8px 0 8px;
	text-decoration: none;

}  

 #naviOben img {
	display: inline;
	height: 8px;
	width: 12px;
	border-right-width: 2px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-top-width: 4px;
} 

 #naviOben li a:link, #naviOben li a:visited{
	color: #666666;
	font-weight: normal;
	font-size: 12px;
	margin: 0 8px 0 8px;
	text-decoration: none;
} 

 #naviOben li a:hover, #naviOben li a:active{
	color: #000000;
	font-weight: normal;
}

   
		

/* ---------- INFOBOX RECHTS ----------  */ 

.infoboxOben{
        width:100%;
	height:13px;
	float: right;
	background-image: url(../system/infobox_o/$File/infobox_o.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.infoboxMitte{
	float: right;
	margin-left:-15px;
	background-image: url(../system/infobox_m/$File/infobox_m.jpg);
	background-repeat: repeat-y;

}

.infoboxUnten{
        width:100%;
	height:13px;
	float: right;
	margin-bottom:15px;
	background-image: url(../system/infobox_u/$File/infobox_u.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}


/* ---------- CONTENT ----------  */ 

#content {
	width:100%;
	text-align: left;
	padding:0px;
	margin:0px;
	float:left;
}


.contentMitte {
	width:100%;
	margin-top:18px;
	text-align: left;
	float: left;
}

.contentMitte img {
	margin-bottom:0px;

}


.contentMitte p {
	margin-top:5px;
}


.containerBild {
	margin-top:5px;
	margin-left:18px;
	text-align: left;
	float: left;	
	display:inline;
}

.contentRechts {
	text-align: left;
	margin-top:25px;
	margin-left:0px;
	width: 100%;
	float: right;
}

.infoboxOben{
	width:100%;
	height:13px;
	float:right;
        background:rgb(215,215,143); /* wichtig beim skalieren, ansonsten weisser hintergrund sichtbar */
	background-image: url(../system/head_o/$File/head_o.jpg);
	background-repeat: no-repeat;
	background-position:right top;
        background-size:100% auto;
}
.infoboxMitte{
	width:100%;
	float:right;
	background-image: url(../system/head_m5/$File/head_m5.jpg);
	background-repeat:repeat-y;
	background-position:right;
        background-size:100% auto;
}

.infoboxUnten{
	width:100%;
	height:13px;
	float:right;
        background:rgb(215,215,143); /* wichtig beim skalieren, ansonsten weisser hintergrund sichtbar */
	background-image: url(../system/head_u/$File/head_u.jpg);
	background-position:right bottom;
	background-repeat: no-repeat;
        background-size:100% auto;
}
.infobox {
	width:100%;
	margin-top: 5px;
	float: right;
	text-align: left;
}


/* ---------- FOOTER ----------  */ 

#footer {
	width:100%;
	color:#666;
	text-align:left;
	height:15px;
	float:left;
	padding-bottom:15px;
}

@media screen and (max-width:500px) {

/* Small */
.small-1 {width:100%;}

navtop {
background:none; 
}

#allwrap {
margin-top: 0px;
}

/* ---------- NAVIGATION LINKS ----------  */ 

#menuLinks {
	width:100%;
	margin-top: 18px;
	margin: 0px;
	padding:0px;
	list-style-type: none;
}


#menuLinks li {
	width:100%;
	margin: 0px;
	padding:0px;
	display: inline;	
		}
		
#menuLinks li.erste {
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	font-weight: bold;
		}
			
#menuLinks li a {
	color: #666;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	font-weight: bold;
			}
			
#menuLinks li a.menuPfeil {
	padding-left: 15px;
	background-image: url(../system/pfeil/$File/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	font-weight: normal;
}
			
#menuLinks li a.menuPfeil2 {
	padding-left: 15px;
	background-image: url(../system/pfeil/$File/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	font-weight: bold;
	color: #222;
}
#menuLinks li a:hover {
	color: #000;
			}
			
#menuLinks li a:active{
				color: #222;
			}
			


}

@media screen and (min-width:500px) and (max-width:600px) {

/* Medium */
.medium-0 {width:0%;}

.medium-1 {width:50%;}

.medium-2 {width:100%;}

#allwrap {
margin-top: 30px;
}

/* ---------- NAVIGATION LINKS ----------  */ 

#menuLinks {
	width:100%;
	margin-top: 18px;
	margin: 0px;
	padding:0px;
	list-style-type: none;
}

	
#menuLinks li {
	width:100%;
	margin: 0px;
	padding:0px;
		}
		
#menuLinks li.erste {
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	font-weight: bold;
	display: block;	
		}
			
#menuLinks li a {
	color: #666;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	font-weight: bold;
	display: block;	
			}
			
#menuLinks li a.menuPfeil {
	padding-left: 15px;
	background-image: url(../system/pfeil/$File/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	font-weight: normal;
}
			
#menuLinks li a.menuPfeil2 {
	padding-left: 15px;
	background-image: url(../system/pfeil/$File/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	font-weight: bold;
	color: #222;
}
#menuLinks li a:hover {
	color: #000;
			}
			
#menuLinks li a:active{
				color: #222;
			}
			
}

@media screen and (min-width:600px) {

/* Large */
.large-1 {width:25%;}

.large-2 {width:50%;}

.large-3 {width:75%;}

.large-4 {width:100%;}

/* ---------- NAVIGATION LINKS ----------  */ 

#menuLinks {
	width:100%;
	margin-top: 18px;
	margin: 0px;
	padding:0px;
	list-style-type: none;
}

	
#menuLinks li {
	width:100%;
	margin: 0px;
	padding:0px;
		}
		
#menuLinks li.erste {
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	font-weight: bold;
	display: block;	
		}
			
#menuLinks li a {
	color: #666;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	font-weight: bold;
	display: block;	
			}
			
#menuLinks li a.menuPfeil {
	padding-left: 15px;
	background-image: url(../system/pfeil/$File/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	font-weight: normal;
}
			
#menuLinks li a.menuPfeil2 {
	padding-left: 15px;
	background-image: url(../system/pfeil/$File/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	font-weight: bold;
	color: #222;
}
#menuLinks li a:hover {
	color: #000;
			}
			
#menuLinks li a:active{
				color: #222;
			}
			

}