/****** ~~~> Stylesheet fuer fluxnetz.de <~~~ ******\
|*                                                 *|
|*    Grundfarben:                                 *|
|*                                                 *|
|*         Blau:                    #0b48ff        *|
|*         Hellgrau(Menueleiste):   #f5f5f5        *|
|*         Dunkelgrau:              #808080        *|
|*         Hellgrau(Seitenleiste):  #e9e9e9        *|
|*                                                 *|
|*                                                 *|
|*    Verwendete IE-Hacks: 11                      *|
|*                                                 *|
\***************************************************/


#main
{

}
h1
{
	color: black; /*#0b45ff;*/
         font-size: 17px;
         font-weight: bold;
         width: 400px;
         border-bottom: 2px #0b45ff solid;
}
span.blue
{
         color: #0b45ff;
}
h2
{
	font-size: 16px;
         color: #0b45ff;
}
#leftmenu
{
	width: 240px;
         float: left;
         clear: left;
         margin-left: 15px;
}
* html #leftmenu
{
	margin-left: 8px;
}
a.leftmenuitem
{
	display: block;
         margin-left: 35px;
         text-decoration: none;
         margin-top: 5px;
         color: black;
         background: white;
         background-image: url(/img/left.png);
         background-repeat: no-repeat;
	height: 20px;
         width: 180px;
         padding-top: 2px;
         text-indent: 8px;
}
a.leftmenuitem/**/
{
	height: 18px;
         width: 180px;
}
* html a.leftmenuitem
{
	margin-left: 48px;
}
a.leftmenuitem:hover
{
	/*background-image: url(/img/arrow.gif);
         background-repeat: no-repeat;             */
}
#leftmenuinuse
{
         margin-left: 35px;
         /*border-bottom: 2px solid white;
         border-left: 2px solid white;*/
         color: #0b48ff;
         font-weight: bold;
         text-indent: 5px;
         margin-top: 5px;
         background: white;
         background-image: url(/img/left_inuse.png);
         background-repeat: no-repeat;
	height: 20px;
         width: 180px;
         padding-top: 2px;
         padding-left: 3px;
}
#leftmenuinuse/**/
{
	height: 18px;
         width: 177px;
}
* html #leftmenuinuse
{
	margin-left: 48px;
}
#leftmenu img
{
	position: absolute;
         bottom: 50px;
         left: 44px;
	/*margin-top: 45px;
         margin-left: 40px;*/
         border-bottom: white 4px solid;
         border-right: white 4px solid;
         border-left: #808080 4px solid;
         border-top: #808080 4px solid;
}

#fluxcontent
{
	margin-left: 335px;
         margin-right: 140px;
}
* html #fluxcontent
{
	margin-left: 302px;
}

.smallblock
{
	text-align: justify;
	font-size: 0.9em;
}

#footer {
	margin-top: 80px;
	text-align: center;
         margin-left: 0px;
         margin-right: 0px;
         border-top: 1px solid black;
}
#footer a
{
	color: #0b48ff;
         font-weight: bold;
         font-size: 11px;
}
#footer a:hover
{
	color: #FFC85A;
}

#disclaimer {
	font-size: 0.5em;
	color:#999;
}
#www0content
{

}
div.one0topic
{
         margin-right: 50px;
         /*border: 1px solid transparent;*/
}
* html div.one0topic
{
	border: none;
}
div.topics0imgcontainer img
{
         border-bottom: white 4px solid;
         border-right: white 4px solid;
         border-left: #808080 4px solid;
         border-top: #808080 4px solid;
}

#thumbnailcontainer
{
	width: 225px;
         margin-left: 12px;
         clear: left;
         float: left;
         text-align: center;
}
#contentcontainer
{
	margin-left: 185px;
         margin-right: 40px;
         /*border: 1px solid blue;*/
}
.topics0imgcontainer
{

}
.topics0imgcontainer a
{
         text-decoration: none;
         color: #e9e9e9;
}
* html .topics0imgcontainer a
{
         color: #e6e6e6;
}
.topics0imgcontainer a:hover
{
	color: black;
}
.topics0imgcontainer img
{
	margin-top: 10px;
}
.topics0imgcontainer a span
{
	display: block;
	margin-left: 70px;
         margin-right: 55px;
         padding: 3px;
         border-left: 2px #e9e9e9 solid;
         border-bottom: 2px #e9e9e9 solid;
         font-size: 12px;
         font-weight: bold;
         text-align: right;
}
* html .topics0imgcontainer a span
{
         border-color: #e6e6e6;
}
.topics0imgcontainer a:hover span
{
         border-left: 2px #0b48ff solid;
         border-bottom: 2px #0b48ff solid;

}
.topics0content
{

}
.topics0content div
{
	margin-left: 10px;
         margin-right: 10px;
}
.topics0content div h1
{
	width: 310px;
}
#topics0top
{
         /*border: 1px solid green;*/
}
#topics0bottom
{
	margin-top: 50px;
         /*border: 1px solid red;*/
}
#topic0tilas
{

	float: left;
}
* html #topic0tilas
{
	margin-top: 25px;
         margin-left: 10px;
}
#topic0digox
{
         margin-left: 440px;
         padding-top: 6px !important;
}
#topic0hosting
{
         float: left;
         margin-left: 10px;
         margin-top: 2px;

}
* html #topic0hosting
{
	margin-top: 20px;
}
#topic0service
{
         margin-left: 440px;
         padding-top: 1px;
}
#linecontainer
{
	position: absolute;
	/*margin-left: 80%;*/
         right: 0px;
         margin-top: 50px;
         height: 495px;
         width: 119px;
         /*width: 20%;*/
         /*text-align: right;*/
         z-index: -1;
}
div.table0hosting
{
	padding: 5px;
         background: #e9e9e9;
}
div.table0hosting table
{
         border-spacing: 2px;
}
div.table0hosting table td
{
	text-align: left;
         vertical-align: top;
}
h3
{
	font-size: 14px;
}