/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	com! Magazin / Security Basic CSS
	Juli 2007 / Roland Stern / S2 intermedia
	
	Standart Styles werden aus dem basic.css der Webseite genommen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Basic
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body{
	background-image: url(../gfx/bg_main.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

div#security-content-wrapper{
	in-height: 500px;
	in-height: 500px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#security-navigation{
	float: left;
	width: 157px;
}
/* Ebene 1 */
div#security-navigation ul{
	margin: 0;
	margin-left: 6px;
	padding: 0;
}
div#security-navigation ul li{
	float: left;
	display: block;
	width: 145px;
	list-style: none!important;
	list-style-image: none!important;
	margin-bottom: 0px;
}
div#security-navigation ul li a{
	line-height: normal;
	font-size: 10px;
	display: block;
	width: 131px;
	padding-top: 4px;
	padding-bottom: 6px!important;
	margin-bottom: 2px;
	padding-left: 14px;
	background-image: url(../gfx/bg_navigation.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
	color: #000000;
}
div#security-navigation ul li a:hover{
	background-image: url(../gfx/bg_navigation_hover.gif);
}
div#security-navigation ul li#mainactive a{
	color: #E00503;
	background-image: url(../gfx/bg_navigation_hover.gif);
	font-weight: bold;
}

/* Ebene 2 */
div#security-navigation ul li ul li{
	width: 144px;
}
div#security-navigation ul li ul li a{
	background-image: none!important;
	color: #000000!important;
	width: 130px!important;
	padding-left: 8px!important;
	font-weight: bold;
}
div#security-navigation ul li ul li a:hover{
	text-decoration: underline;
}
div#security-navigation ul li ul li#active a{
	color: #E00503!important;
}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content / 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#security-content{
	margin-left: 157px;
	padding: 15px;
	width: 615px;
}

div.security-content-spezialbox{
	padding: 10px;
	background-color: #F6F6F6;
	border: 1px solid #B7B7B7;
	border-left: 9px solid #D70700;
	margin-bottom: 10px;
}

div.security-content-left{
	float: left;
	width: 295px;
	margin-right: 25px;
}

div.security-content-right{
	float: left;
	width: 295px;
}
#security-content-1,
#security-content-2,
#security-content-3,
#security-content-4,
#security-content-5,
#security-content-6,
#security-content-7,
#security-content-8,
#security-content-9,
#security-content-10,
#security-content-11,
#security-content-12,
#security-content-13,
#security-content-14,
#security-content-15,
#security-content-16,
#security-content-17,
#security-content-18,
#security-content-19,
#security-content-20{
	visibility:hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Textstyles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h3{
	margin-bottom: 5px;
}

div.security-content-spezialbox *{
	font-size: 10px!important;
	line-height: 14px!important;
}

div.security-content-spezialbox p{
	margin: 0px;
}

div.security-content-spezialbox p.center{
	text-align: center;
}

div.security-content-spezialbox p.bold{
	font-weight: bold;
}

div.security-content-spezialbox dl.auswertung{
	width: 100%;
	line-height: 1.7em;
}
div.security-content-spezialbox dl.auswertung dt{
	width: 25%;
	padding-right:20px;
	text-align: right;
	float: left;
	clear: both; 
}
div.security-content-spezialbox dl.auswertung dl{
	float: left;
}

div#security-content h3{
	ont-weight: normal!important;
}

span.aktiviert{
	color: black;
	font-weight: bold;
}

span.deaktiviert{
	color: gray;
	font-weight: bold;
}