/* (C) 2006 MYCOM1, www.mycom1.com
	Release 1.0, Date 31.02.2006
    CSS level 1; validated; handles standard and IE box model
	######################################################################################################
*/
/* ================ */
/* GENERAL SETTINGS */
/* ================ */

/* Undo some of the weird style presets */
:link, :visited, :active {text-decoration: none}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,select, dl, dt, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

/* Settings */
body, td, th, tr, form {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color: #444444;
	line-height: 14px;
}

h1 { font-size:22px; font-weight:bold; color:#444477; padding:0 0 3px 0; margin: 0 0 0 0; line-height:22px;  }
h2 { font-size:14px; font-weight:bold; color:#444477; padding:0 0 0 0; margin: 0 0 0 0; line-height:14px; }
h3 { font-size:12px; font-weight:bold; color:#444444; }
h4 { font-size:11px; line-height:10px; margin:0 0 0 0; padding:0 0 4px 0; font-weight:bold; font-weight:bold; color:#888888; }

a {font-family: verdana, arial, helvetica, sans-serif; }
a:link { color:#444477; text-decoration: none}
a:visited { color: #444477; text-decoration: none}
a:hover { color: #CC5511; text-decoration: none}
a:active { color: #444477; text-decoration: none}

.MainCont a {color:#444477; text-decoration: none; background-image: url(media/pix/link.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
.MainCont a:link { color:#444477; text-decoration: none;}
.MainCont a:visited { color: #444477; text-decoration: none;  }
.MainCont a:hover { color: #CC5511; text-decoration: none; background-image: url(media/pix/link_on.gif);}
.MainCont a:active { color: #444477; text-decoration: none; }

.anchor a {font-family: verdana, arial, helvetica, sans-serif; background-image: none;}
.anchor a:link { color:#444477; text-decoration: none;}
.anchor a:visited { color: #444477; text-decoration: none;}
.anchor a:hover { color: #CC5511; text-decoration: none; background-image: none;}
.anchor a:active { color: #444477; text-decoration: none;}

.TopPage {text-align:right; margin-bottom:2px;}
.TopPage a {color:#444477; text-decoration: none; background-image: url(media/pix/top.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
.TopPage a:link { color:#444477; text-decoration: none;}
.TopPage a:visited { color: #444477; text-decoration: none;  }
.TopPage a:hover { color: #CC5511; text-decoration: none; background-image: url(media/pix/top_on.gif);}
.TopPage a:active { color: #444477; text-decoration: none; }

li  {list-style:none; font-size:12px; line-height:normal; padding-left:15px; padding-top:1px; padding-bottom:2px; border-bottom:1px solid #FFFFFF; background-image: url(media/pix/sq_gr.jpg); background-repeat: no-repeat; background-position: 3px 6px; }
li a:link {font-weight: normal; color: #444477; text-decoration: none; }


/* =================== */
/* MAJOR PAGE SECTIONS */
/* =================== */

.MainTotalWidth {width: 950px;}
.TopLogoImgWidth {width: 200px; text-align:left;}
.TopLogoTxtWidth {width: 750px; text-align:right;}
.TopSep {width: 950px; height: 6px;}

.MainNavSub { width: 200px; vertical-align: top;}
.MainCont { width: 500px; vertical-align:top;  background-image: url(media/pix/bg_main_tubes.gif); background-repeat: repeat-y;}
.MainDouble { width: 725px; vertical-align:top;}
.ContMainDouble { padding: 0px 0px 5px 10px;}
.MainContSep { width: 11px;}
.MainRight { width: 200px; vertical-align: top;}
.MainBottomLeft { width: 200px; vertical-align: top; text-align:left; font-size:10px;}
.MainBottomCenter {width: 500px; vertical-align:top; text-align:left; font-size:10px;}
.MainBottomRight {width: 200px; vertical-align:top; text-align:right; font-size:10px;}

.SearchFunctionsArea { width:200px; border: 1px solid #999999;}
.SearchArea { height: 32px; vertical-align:middle; text-align:center; line-height: 12px; font-size: 12px;}

/* --------- */
/* Main Cont */
/* --------- */
.MainCont h2 { font-size: 17px;  line-height:17px; font-family: tahoma; font-weight:bold; border-bottom: 1px solid #444477; color: #444477; padding-bottom: 3px;}

.ContMainDouble form td {vertical-align: top; text-align: left; padding: 1px 5px 1px 5px;}

/* ---------- */
/* Navigation */
/* ---------- */

/* Main navigation home position*/
.NavMainHomeArea {width:100px; height:50px; text-align:left; vertical-align:middle; background-image: url(media/pix/bg_nav_main.gif); background-repeat: repeat-x; }
.NavMainHome { padding-left: 10px; font-weight: bold; font-size: 14px;}
.NavMainHome a:link { color: #FFFFFF;  text-decoration: none;}
.NavMainHome a:visited { color: #FFFFFF;  text-decoration: none;}
.NavMainHome a:hover { color: #FFC6A5;  text-decoration: none;}

/* Main navigation menu */
.NavMainMenuArea {width:850px; height:50px; text-align:right; vertical-align:middle; background-image: url(media/pix/bg_nav_main.gif); background-repeat: repeat-x;}
.NavMainMenu { padding-right: 10px; font-weight: bold; font-size: 14px;}
.NavMainMenu a:link {  color: #FFFFFF; text-decoration: none; padding-left: 20px; }
.NavMainMenu a:visited { color: #FFFFFF; text-decoration: none; padding-left: 20px; }
.NavMainMenu a:hover { color: #FFC6A5; text-decoration: none; padding-left: 20px;}

/* Sub navigation (as a part of .MainNavSub) */
.NavSubArea { color: #666666; text-align:left; background-image: url(media/pix/bg_block.jpg); background-repeat: no-repeat; vertical-align:top; padding: 5px 5px 5px 5px;  border: 1px solid #CCCCCC}
.NavSubArea h2 { padding-bottom:10px; padding-left: 5px;}
.NavSubOff {font-weight:bold; line-height:16px; padding: 1px 1px 1px 1px; border-bottom:1px solid #FFFFFF; background-color:#F3F2FF;}
.NavSubOff a:link{color: #444477; text-decoration: none; font-weight:bold; padding-left: 14px;}
.NavSubOff a:visited{color: #444477; text-decoration: none; font-weight:bold; padding-left: 14px;}
.NavSubOff a:hover{color: #CC5511; text-decoration: none; font-weight:bold; border-left: 4px solid #CC5511; padding-left: 10px;}
.NavSubOn {font-weight:bold; line-height:16px; padding: 1px 1px 1px 1px; border-bottom:1px solid #FFFFFF; background-color:#F3F2FF;}
.NavSubOn a:link{color: #444477; text-decoration: none; font-weight:bold; border-left: 4px solid #444477; padding-left: 10px;}
.NavSubOn a:visited{color: #444477; text-decoration: none; font-weight:bold; border-left: 4px solid #444477; padding-left: 10px;}
.NavSubOn a:hover{color: #CC5511; text-decoration: none; font-weight:bold; border-left: 4px solid #CC5511; padding-left: 10px;}


/* Language meta navigation (as a part of the __main_top.php section */
.NavMetaLang { font-size: 10px; font-weight: bold; color: #444477; padding: 80px 5px 0px 0px; vertical-align: top; text-align: right;}
.NavMetaLangOn { font-weight: bold; }
.TopSloganLeft{ font-family: Lucida Handwriting; font-size: 13px;  font-weight: normal; color: #CC2929; padding: 0px 5px 0px 5px; vertical-align: top; text-align: left;}
.TopSloganRight{font-family: Lucida Handwriting; font-size: 11px; font-weight: bold; color: #CC2929; padding: 0px 5px 0px 5px; vertical-align: top; text-align: Right;}
.TopAddress {font-size: 10px; font-weight: normal; color: #333333; text-align:right;}
.FormLangSel {width:600px; text-align:right; font-weight: bold;}

/* Bottom navigation */
.MainBottomLeft a:link { padding-left: 5px; padding-right: 20px; color: #444477; font-size: 10px; font-weight: bold; text-decoration: none;}
.MainBottomLeft a:visited { padding-left: 5px; padding-right: 20px; color: #444477; font-size: 10px; font-weight: bold; text-decoration: none;}
.MainBottomLeft a:hover { padding-left: 5px; padding-right: 20px; color: #CC5511; font-size: 10px; font-weight: bold; text-decoration: none;}

.MainBottomCenter a:link { padding-left: 10px; color: #444477; font-size: 10px; font-weight: bold; text-decoration: none;}
.MainBottomCenter a:visited { padding-left: 10px; color: #444477; font-size: 10px; font-weight: bold; text-decoration: none;}
.MainBottomCenter a:hover { padding-left: 10px; color: #CC5511; font-size: 10px; font-weight: bold; text-decoration: none;}

.MainBottomRight a:link { padding-left: 10px; padding-right: 5px; color: #444477; font-size: 10px; font-weight: bold; text-decoration: none;}
.MainBottomRight a:visited { padding-left: 10px; padding-right: 5px; color: #444477; font-size: 10px; font-weight: bold; text-decoration: none;}
.MainBottomRight a:hover { padding-left: 10px; padding-right: 5px; color: #CC5511; font-size: 10px; font-weight: bold; text-decoration: none;}

/* Box Aktuell */
.BoxAktuell {border: 1px solid #999999; padding: 5px 5px 5px 5px; background-image: url(media/pix/bg_block.jpg); background-repeat: no-repeat; }
.BoxAktuell h2 {padding-left: 5px; padding-bottom: 10px; }
.BoxAktuell li  {list-style:none; font-size:12px; line-height:12px; padding-left:15px; padding-top:1px; padding-bottom:2px; border-bottom:1px solid #FFFFFF; background-image: url(media/pix/link.gif); background-repeat: no-repeat; background-position: 0px 3px;  }
.BoxAktuell li a:link {font-weight: normal; color: #444477; text-decoration: none; }
.BoxAktuell li a:visited {font-weight: normal; color: #444477; text-decoration: none; }
.BoxAktuell li a:hover {font-weight: normal; color: #CC5511; text-decoration: none; }

/* Box Themen */
.BoxThemen {border: 1px solid #999999; padding: 5px 5px 5px 5px; background-image: url(media/pix/bg_block.jpg); background-repeat: no-repeat;}
.BoxThemen h2 {padding-left: 5px; padding-bottom: 10px;}
.BoxThemen li  {list-style:none; font-size:12px; line-height:12px; padding-left:15px; padding-top:1px; padding-bottom:2px; border-bottom:1px solid #FFFFFF; background-image: url(media/pix/link.gif); background-repeat: no-repeat; background-position: 0px 3px;  }
.BoxThemen li a:link {font-weight: normal; color: #444477; text-decoration: none; }
.BoxThemen li a:visited {font-weight: normal; color: #444477; text-decoration: none; }
.BoxThemen li a:hover {font-weight: normal; color: #CC5511; text-decoration: none; }

/* Box Impuls */
.BoxImpuls {border: 1px solid #999999; padding: 5px 7px 5px 7px;background-image: url(media/pix/bg_block_imp.jpg); background-repeat: no-repeat; color: #444477;}
.BoxImpuls h2 {color: #444477; padding-left: 3px; padding-bottom: 10px;}

/* Search Box and function unit */
.Search { padding: 5px 5px 10px 5px; background-image: url(media/pix/bg_block_hi.jpg); background-repeat: no-repeat; }

.FunctionsArea {width: 198px; text-align: center;}
.Functions {  text-align: center;}

/* ================== */
/* Site wide Elements */
/* ================== */
.HorLine { height:3px; background-image: url(media/pix/hlin_dot.gif); background-repeat: repeat-x;}
.HorSep { height:10px; background-image: url(media/pix/hlin_2ln.gif); background-repeat: repeat-x;}
.VertLine { width: 3px; background-image:url(media/pix/vlin_dot.gif); background-repeat: repeat-y; }
.PictBox { background-color:#CCCCCC; }
.BoxGrey {border: 1px solid #999999;}
.BoxContentGrey {background-color:#EEEEEE; padding: 5px 5px 5px 5px; border: 1px solid #555555;}
.BoxContent {background-color:#DDDDFF; padding: 5px 5px 5px 5px; border: 1px solid #444477;}
.BoxContentTab {background-color:#FCD3CB; padding: 5px 5px 5px 5px; border: 1px solid #555555;}
.BoxContentAlt {background-color:#EEEEFF; padding: 5px 5px 5px 5px; border: 1px solid #444477;}
.BoxContentAlt a {color:#444477; text-decoration: none; background-image: url(media/pix/link.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
.BoxContentAlt a:link { color:#444477; text-decoration: none;}
.BoxContentAlt a:visited { color: #444477; text-decoration: none;  }
.BoxContentAlt a:hover { color: #CC5511; text-decoration: none; background-image: url(media/pix/link_on.gif);}
.BoxContentAlt a:active { color: #444477; text-decoration: none; }

.SmallFont {font-size: 10px;}
.SmallBlue {font-size: 11px; color: #444477;}
.ImgFloat{float: left; border: 1px solid #CCCCCC; margin-right:12px; margin-bottom: 4px;}
.ImgFloatNoBorder{float: left; border: 1px solid #FFFFFF; margin-right:12px; margin-bottom: 4px;}
.ImgFloatRightNoBorder{float: right; border: 1px solid #FFFFFF; margin-right:12px; margin-bottom: 4px;}
.ImgNoFloat{border: 1px solid #CCCCCC; margin-bottom: 12px;}
.FloatClear {clear:both; }

.GenTab { border-collapse: collapse; border:1px solid #CCCCCC; padding: 8px 4px 8px 4px; text-align:left; vertical-align:top;}
.GenTabNoBorder { padding: 8px 4px 8px 4px; text-align:left; vertical-align:top;}
.GenTabUnderscore { border-bottom:2px dotted #CCCCCC; padding: 8px 4px 8px 4px; text-align:left; vertical-align:top;}

.GenTabLarge { width: 500px;}
.DataTab { width: 500px; border: 1px solid #444477;}
.DataTab td { vertical-align: top; text-align: left;}
.DataTabLarge { width: 600px; border: 1px solid #444477;}
.DataTabLarge td { vertical-align: top; text-align: left;}
.DataTabSmall { width: 198px; border: 1px solid #444477;}
.DataTabSmall td { vertical-align: top; text-align: left;}

.DataTabNormLink { width: 500px; border: 1px solid #444477;}
.DataTabNormLink td { vertical-align: top; text-align: left;}
.DataTabNormLink a {color:#444477; text-decoration: none; background-image: none; padding-left: 0px;}
.DataTabNormLink a:link { color:#444477; text-decoration: none;}
.DataTabNormLink a:visited { color: #444477; text-decoration: none;}
.DataTabNormLink a:hover { color: #CC5511; text-decoration: none;  background-image: none; padding-left: 0px;}
.DataTabNormLink a:active { color: #444477; text-decoration: none;}

.TabHeader {background-color: #444477; border-bottom: 1px solid #FFFFFF; padding: 5px 5px 5px 5px; font-size: 11px; font-weight:bold; color: #FFFFFF;}
.TabLine {background-color: #DDDDFF; border-bottom: 1px solid #FFFFFF; padding: 5px 5px 5px 5px; font-size: 11px; color: #333333; }
.TabLineAlt {background-color: #EEEEFF; border-bottom: 1px solid #FFFFFF; padding: 5px 5px 5px 5px; font-size: 11px; color: #333333; }

/* Form definitions */
.InputFld { border-right: #999999 1px solid; border-top: #7f7f7f 1px solid; font-weight: normal; font-size: 10px; margin-bottom: 1px; border-left: #7f7f7f 1px solid; color: #000000; border-bottom: #7f7f7f 1px solid; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; background-color: #ffffff; width: 100px; line-height:11px; height:15px;}
.Button { border-right: #999999 1px solid; border-top: #7f7f7f 1px solid; font-weight: normal; font-size: 10px; margin-bottom: 1px; border-left: #7f7f7f 1px solid; color: #000000; border-bottom: #7f7f7f 1px solid; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; background-color: #F5F5F5; width: 70px; line-height:14px; height: 15px;}

.FormTable { background-color: #FDEEEB; width: 600px; border: 1px solid #555555;}
.form input.FormFunctionButton:hover  {  border: 2px solid #E59700;  text-decoration: none;}
.FormEntryNormal{ font-size: 12px; color: #333333; padding: 0px 5px 0px 5px; vertical-align: top;}
.FormEntryNormalLine{ height: 7px; background-image: url(media/pix/dotted.gif); background-repeat: repeat-x;}
.FormEntryErr{ font-size: 12px; color: #DD6600; padding: 0px 5px 0px 5px; vertical-align: top;}
.FormTextBox  { margin: 0px 0px 0px 0px; width: 150px; height: 20px; background-color: #EEEEFF; font-size: 12px;}
.FormTextArea  { margin: 0px 0px 0px 0px; width: 96%; background-color:#EEEEFF; font-family: verdana, arial, helvetica, sans-serif; font-size:12px; color: #444444;}
.FormFunctionButton  { width: 200px; height: 25px; background-color: #EEEEFF; font-size: 12px; font-weight: bold; border: 2px solid #ACC7F0;}
.TabLine select { font-family: verdana, arial, helvetica, sans-serif; font-size:12px; color:#444444; background-color:#EEEEFF;}

/* Styles for site map */
.TreeLevOne {padding: 8px 4px 0px 4px; text-align:left; vertical-align:top; font-weight: bold;}
.TreeLevTwo {padding: 0px 4px 0px 10px; text-align:left; vertical-align:top;}