/* *****************************************************************

   Allgemeine Definitionen
   25.08.2008 Jens Hertel

*/


html {}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#666666;
}

body.main {
	margin: 0px;
	padding:20px;
	background: url(/imgnf/bg_body.gif) repeat-x;
	background-color: #edf8f5;
	height:100%;
}

body.iframe {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#Outer { width:980px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	border:1px solid #dcedee;
}

td {vertical-align:top;}

img { border:0px;}

H1 {
	line-height: 20px;
        font-size:18px;
	font-weight:normal;
        padding-top:30px;
        margin-top:0px;
        margin-bottom:20px;
        color: #0059bc;
}

    
H2 {
	font-size: 12px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
}


a { text-decoration:none; color:#009966;}

.grey { color: #666666;}

.lightgrey { color: #999999;}

.white { color: #ffffff;}

.green { color: #009966; }

.blue { color: #0059bc; }

.red { color: #ff0000; }

.ccred { color: #990033; }

.normal { font-size:12px; line-height:18px;}

.small { font-size:10px; line-height:14px;}


.DocTable { font-family: Verdana; font-size: 10px; padding-top: 5px; padding-bottom: 5px; }
.Icon16  { padding-right: 7px; width:1px;}
.Icon32  { padding-right: 10px; }



.Footer {
	vertical-align:middle;
	padding: 8px 20px 8px 10px;
	background-color: #ffffff;
	color: #999999;
}




/* *****************************************************************

   Definitionen fuer Landing Page
   25.08.2008 Jens Hertel

*/

.AreaSize { width: 50%; padding: 0px 10px 10px 10px;}

.AreaColor { color: #808080; }

a.AreaColor { display:block;height:180px; }

.AreaImage {
	float:left;
	padding-right: 10px;
	width:110px;
	height:180px;
}


H1.LP {
	padding-top:0px;
	margin-top:0px;
}


.News {
	padding: 0px 10px 10px 10px;
	color: #999999;
}

.BetweenNews { height:20px; }


#ContentSecurity a:link, #ContentSecurity a:visited, #ContentSecurity a:active { color: #808080; }

#Encryption a:link, #Encryption a:visited, #Encryption a:active { color: #808080; }

#Academy a:link, #Academy a:visited, #Academy a:active { color: #808080; }

#Support a:link, #Support a:visited, #Support a:active { color: #808080; }


/* *****************************************************************

   Definitionen CMS-Layout (3 Spalten)
   25.08.2008 Jens Hertel

*/



.SmallColumn {
	width: 195px;
	background-color: #efefef;
}

.MainColumn {
 	background-color: #ffffff;
	height:100%;
	width:590px;
}

.TwoColumns {width: 785px;}


.WhereAmI {
	line-height: 30px;
	height: 30px;
	background-color: #eeeeee;
	color:#666666;
	vertical-align: middle;
	padding-left: 10px;
}

.BoxHead {
	line-height: 30px;
	height: 30px;
	background-color: #999999;
	color: #FFFFFF;
	vertical-align: middle;
	font-size: 18px;
	padding-left: 10px;
}


.BoxContent {
	padding-top:2px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:2px;
}

.BoxImageContent { padding: 0px 0px 0px 0px;line-height:0px;}

.BoxImage { width:195px; }

.BoxHeadContext {
	line-height: 30px;
	height: 30px;
	background-color: #009966;
	color: #FFFFFF;
	vertical-align: middle;
	font-size: 18px;
	padding-left: 10px;
	border-bottom: 1px solid #efefef;
}

.BoxHeadBack {
	line-height: 30px;
	height: 30px;
	background-color: #6699cc;
	color: #f2f8fa;
	vertical-align: middle;
	font-size: 18px;
	padding-left: 10px;
	border-bottom: 1px solid #efefef;
}

#it {
	background-color:#f8f8f8;
	color: #666666;
	font-size:10px;
}

li.linespace_normal	{
	margin-left: -23px;
	line-height: auto;
	font-weight: normal;
	padding-bottom: 5px; 
}

li.linespace_min	{
	margin-left: -23px;
	line-height: auto;
	padding-bottom: 0px; 
}

.more {
	white-space: nowrap;
	color: #009966;
}



/* *****************************************************************

   Definitionen Menue (Navigations)
   25.08.2008 Jens Hertel

*/


#nav {
	line-height: 15px;
	background-color:#f2f8fa;
	color: #003366;
}
 
.menuitem {
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 4px;
}

.menuitem1 {
	background-color:#deedf2;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 4px;
}

.menuitem2 {
	x-background: url(/imgnf/grey_arrow.gif) no-repeat center left;
	background-color:#ffffff;       
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 4px;
}

.navclass {
	text-decoration:none;
	color: #003366;
}

.subnavclass {
	padding-left: 10px;
	text-decoration:none;
	color: #003366;
}

.sub2navclass {
	padding-left: 20px;
	text-decoration:none;
	color: #003366;
}


.rssMenue {
	padding: 0px 10px 10px 0px;
	x-border-bottom: 1px solid #efefef;
}


/* dritte Menue-Ebene (Box)
*/

#MenuBox {
	margin-bottom: 30px;
	background: url(/imgnf/bg_menue_aaccee.gif) repeat-x top;
	background-color:#f2f8fa;
}

.boxmenuitem {
	padding:10px 10px 5px 10px;
	float:left;
}

.boxmenuitem2 {
	background: url(/imgnf/bg_menue_6699cc.gif) repeat-x top;
	background-color:#deedf2;
	padding:10px 10px 5px 10px;
	float:left;
}

.thirdnavclass {
	text-decoration:none;
	color: #003366;
	white-space: nowrap;
}



/* *****************************************************************

   Lines

*/


.line_main_grey {border-top:1px solid #eeeeee;margin-top:20px;height:20px;clear:both}

.line_grey {border-top:1px solid #eeeeee;margin-top:20px;height:20px;}
.line_darkgrey {border-top:1px solid #cccccc;margin-top:20px;height:20px;}

.line_nav   { margin: -4px 0px 0px 0px;width:195px;position:relative;z-index:100;background: url(/imgnf/line_navigation.gif)   repeat-x bottom;line-height:5px;height:5px;font-size:1px;}

.line { line-height:8px;height:8px;position:relative;z-index:100;margin:-8px -9px 8px -9px; border:0px; width:588px;background: url(/imgnf/line_gray_999999.gif) repeat-x bottom;font-size:1px;}
.line2 { margin: 0px -4px 5px -4px;width:188px;position:relative;z-index:100;background: url(/imgnf/line_it-news_8287da.gif)   repeat-x bottom;line-height:2px;height:2px;font-size:1px;}
.line_yellow { margin: 0px -4px 0px -4px;width:188px;position:relative;z-index:100;background: url(/imgnf/line_yellow_adad5c.gif) repeat-x bottom;line-height:1px;height:1px;font-size:1px;}
.line_blue   { margin: 0px -4px 5px -4px;width:188px;position:relative;z-index:100;background: url(/imgnf/line_blue_3385ad.gif)   repeat-x bottom;line-height:5px;height:5px;font-size:1px;}
.line_green  { margin: 0px -4px 5px -4px;width:188px;position:relative;z-index:100;background: url(/imgnf/line_green_338585.gif) repeat-x bottom;line-height:5px;height:5px;font-size:1px;}
x.line_grey   { margin: 0px -4px 5px -4px;width:188px;position:relative;z-index:100;background: url(/imgnf/line_grey_cccccc.gif)   repeat-x bottom;line-height:2px;height:2px;font-size:1px;}
 





/* *****************************************************************

   Formulare

*/

form { margin: 0px 0px 0px 0px; }

input, select, textarea { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	padding: 1px 1px 1px 1px;
	color: #666666;
}

.Label {
	font-size:12px;
	line-height:18px;
	vertical-align:top;
	padding-right:10px;
	width:160px;
}

.Space { margin-bottom: 10px; }

.NoBorder { border: 0px solid #cccccc; }

.Border { border: 1px solid #cccccc; }

.LightBorder { border: 1px solid #eeeeee; }

.RedBorder { border: 1px solid #ff6666; background: #fef7f7;}

.Stripline {border-top:1px solid #eeeeee; margin-top:3px; height:3px; line-height:3px; }

/* Button */

.SearchButton { padding-left:9px; vertical-align: middle;}

.ListButton { line-height:15px; width:auto; overflow:visible; padding: 0px 5px 0px 5px; border: 1px solid #cccccc; background-color:#eeeeee; }
.mailformbutton { line-height:15px; width:auto; overflow:visible; padding: 0px 5px 0px 5px; margin-top: 1px; border: 1px solid #bbbbbb; background-color:#eeeeee; }


/* Felder */

.SearchField {
	border: 1px solid #cccccc;
	width: 150px;
}

.mailformfield {
	border: 1px solid #cccccc;
	width: 200px;
}


.Tiny { width:90px;}

.Short { width:180px;}

.Long {	width:360px;}

.DropDown { width:180px;}

.Long {	width:360px;}

.OverAll { width:530px;}

.BodyText { height:160px; }

.BodyTextShort { height:80px; }

.checkbox { padding: 0px 0px 0px 0px; }










.date { font-style:italic; }

.mailformareahead {font-size:11px;text-align:left;font-family:Verdana, Helvetica, sans-serif;font-weight:normal;vertical-align:top;color:#1A4D7F;background-color:#b8d0ff; padding:1px 5px 1px 2px;border: 1px solid #83a8f2; }
.mailformareaoutline {font-size:11px;text-align:left;font-family:Verdana, Helvetica, sans-serif;font-weight:normal;color:#1A4D7F; padding:0px 5px 0px 2px;border: 1px solid #83a8f2; }
    
.mailformtext {font-size:11px;text-align:left;font-family:Verdana, Helvetica, sans-serif;vertical-align:top;color:#666666;padding:2px 5px 0px 2px;}
.mailformtext2 {font-size:11px;text-align:left;}
.mailformcheck {border-color:#999999;border-style:solid;border-width:1px;font-size:10px;}
.mailformdrop{border-color:#999999;width:200px;border-style:solid;border-width:1px;font-size:10px;}
.mailformshort{border-color:#999999;width:50px;border-style:solid;border-width:1px;font-size:10px;}
.mailformmedium{border-color:#999999;width:149px;border-style:solid;border-width:1px;font-size:10px;}
.mailformtextfield{border-color:#999999;width:200px;height:80px;border-style:solid;border-width:1px;vertical-align:top;font-size:10px;font-family:Verdana, Helvetica, sans-serif;}
.mailformboxdir {text-align:right;vertical-align:top;font-size:10px;color:#666666;}
.mailformheader {font-size:12px;text-align:right;font-family:Verdana, Helvetica, sans-serif;vertical-align:top;font-weight:bold}
.mailformboxtext {font-size:11px;text-align:left;font-family:Verdana, Helvetica, sans-serif;color:#666666;}
.mailformbox {font-size:10px; }

.sitemap    { color:#666666;margin:0px 0px 10px 0px;padding-top:0px;}
.sitemap2   { color:#666666;}