/* ########################################################################## */ /* #### Angaben für das eigentliche Design #### */ /* ########################################################################## */ body { position:absolute; font-size:8pt; font-family: Trebuchet, Verdana , Arial,Trebuchet MS,Tahoma, Arial, Georgia, Trebuchet, Tahoma; text-decoration:none ; color: #000; margin:20px; padding:0px; background-color:#BAAB5A; width:950px; } /* verwendetete Farben */ /* Dunkelblau: 2b477f */ /* Dunkelblau2: 566d99 */ /* HellBlauA :F1F4F4 */ /* HellBlauB :C6D3D3 */ /* HellBlau/Grün :8CA6A6 */ /* dunkel Grün : 000*/ /* dunkel-rot : 8B0000 */ /* ########################################################################## */ /* #### Angaben für das eigentliche Design #### */ /* ########################################################################## */ #banner {position:absolute; left:980px; margin:0px; paddding:0px;} /* ########################################################################## */ /* #### Angaben für das eigentliche Design #### */ /* ########################################################################## */ /* Container für den Header */ #topHeader { position:relative; margin:0px; padding:0px; display:block; width:250px; height:20px; background-color:#F1F4F4;} #topHeader a { font-size:8pt; font-weight:normal; text-decoration:none; color:#000; line-height:20px; margin:0px 5px 0px 5px;} #topHeader a:hover { color:#2b477f;} #header { position:relative; margin:0px; padding:0px; height:130px; width:950px; background-color:#F1F4F4;} #header #left { position:relative; margin:0px; padding:0px; float:left; width:250px; height:100px; background-image: url(../grafiken/layout/logo_soldaten.gif); background-repeat: no-repeat; background-position:35px 15px; } #header #right { position:relative; margin:0px; padding:0px; float:right; width:700px; height:100px; } #header #right #subNavi { position:absolute; margin:0px; padding:0px; right:0px; top:0px; background-color:#F4F6F6;} #header #right #subNavi a { font-size:8pt; font-weight:normal; text-decoration:none; color:#000; line-height:20px; margin:0px 5px 0px 5px;} #header #right #subNavi a:hover { color:#2b477f;} #header #navigation { position:relative; margin:0px; padding:0px; clear:both; width:100%; height:30px; background-color:#2b477f; text-align:right;} #header #navigation span { display:inline; font-weight: bold; font-size: 10px; float: left; line-height: 23px; text-align: center; margin:7px 0px 0px 0px;} #header #navigation a { display: table; padding-left:10px; padding-right:10px; color: #ffffff; height: 25px; background-color: #2b477f; text-decoration: none} #header #navigation a:link { color: #ffffff} #header #navigation a:visited { color: #ffffff} #header #navigation a:active { color: #ffffff} #header #navigation a:hover { color: #2b477f; background-color: #F1F4F4;} #header #navigation a.selected { color: #000; background-color: #C6D3D3;} #header #navigation a.user { display: table; padding-left:10px; padding-right:10px; color: #ffffff; height: 25px; background-color: #2b477f; text-decoration: none} #header #navigation a.user:link { color: #ffffff} #header #navigation a.user:visited { color: #ffffff} #header #navigation a.user:active { color: #ffffff} #header #navigation a.user:hover { color: #2b477f; background-color: #F1F4F4} #subHeaderRight { height:90px; display: inline; float:right; width: 200px; background-image: url(../grafiken/layoutb/header_hg2.jpg); background-repeat: no-repeat;} #subHeaderRight div { margin:30px 10px 0px 0px; text-align:right;} #subHeaderRight img { border: #fff 1px solid;} #subHeaderRight a { color: #000; text-decoration: none; font-weight: bold; font-size: 10px; margin-right:10px;} #subHeaderRight a:link { color: #000} #subHeaderRight a:visited { color: #000} #subHeaderRight a:active { color: #000} #subHeaderRight a:hover { color: #0F1F7A; text-decoration: underline;} #subHeaderRight a.selected { } #main { position:absolute; display:block; clear:both; min-height:600px; height:auto; margin:0px; padding:0px; width:950px; font-size:10pt; background-color: #fff; background: url(../grafiken/layout/hg_main.gif); background-repeat: repeat-y; background-position: 0px 4px; } #main #leftNavi { position:relative; display:inline; float:left; height:100%; margin:0px; padding:0px; width:250px; font-size:10pt; } #main #contentHeader { position:relative; display:inline; float:right; height:5px; margin:0px; padding:0px; width:700px; font-size:10pt; background-color:#C6D3D3; } #main #content { position:relative; display:inline; float:right; height:100%; margin:10px ; padding:0px; width:670px; font-size:8pt; } #main #content #rightColumn { position:relative; display:inline; float:right; height:100%; margin:0px; padding:0px; } #main #content #leftColumn { position:relative; display:inline; float:left; height:100%; margin:0px; padding:0px; width:460px; } /* ########################################################################## */ /* #### Definitionen für die line Navigation #### */ /* ########################################################################## */ #leftNaviContainerBorderStyleA { position: relative; width:auto; height:auto; background-color:#566d99; border:1px solid #566d99; margin:15px; padding:0px 0px 0px 0px; } #leftNaviContainerBorderStyleA h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } #leftNaviContainerBorderStyleB { position: relative; width:auto; height:auto; background-color:#8CA6A6; border:1px solid #8CA6A6; margin:15px; padding:0px 0px 0px 0px; } #leftNaviContainerBorderStyleB h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } #leftNaviContainerBorderStyleC { position: relative; width:auto; height:auto; background-color:#8B0000; border:1px solid #8B0000; margin:15px; padding:0px 0px 0px 0px; } #leftNaviContainerBorderStyleC h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } #leftNaviChatAdvice { position: relative; width:auto; height:auto; background-color:#8B0000; border:1px solid #8B0000; margin:15px; padding:0px 0px 0px 0px; } #leftNaviChatAdvice h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } #leftNaviContainerMainContent { background-color:#ffffff; margin:0px; padding:5px; width:auto;} #leftNaviContainerMainContent h5 { margin:0px; padding:2px; border-bottom :1px solid #8CA6A6; } #leftNaviContainerMainContent div.menutitle { color: #0F1F7A;} #leftNaviContainerMainContent a { background-image: url(../grafiken/layout/bullet_arrow.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left:15px; margin-left:10px; line-height:19px; font-size:8pt; font-weight: normal; text-decoration:none; color:#2b477f; display:block;} #leftNaviContainerMainContent small a { background-image: none; font-size:8pt; font-weight: normal; text-decoration:none; color:#2b477f; display:inline; padding:0px; margin:0px;} #leftNaviContainerMainContent a:hover { text-decoration:underline;} #leftNaviContainerForOptionalData {margin:20px;} #leftNaviContainerForOptionalData a { font-size:8pt; color:#2b477f; text-decoration:none;} #leftNaviContainerForOptionalData a:hover { color:#2b477f; text-decoration:underline;} /* Container für das DropDownMenü der Online-User */ div.userDropDownContainer { height:100px; overflow: auto; background-color:#F1F4F4; padding:5px; border:1px solid #C6D3D3;} div.userDropDownContainer a { font-size:10pt; text-decoration:none; display:inline; color:#8B0000; font-weight: normal;} div.userDropDownContainer a:hover { text-decoration:underline;} /* ########################################################################## */ /* #### Definitionen für die Content-Seiten #### */ /* ########################################################################## */ div.rightContentContainerBorderStyleA { position: relative; display:block; width:200px; height:auto; background-color:#566d99; border:1px solid #566d99; margin:0px 0px 10px 10px; padding:0px 0px 0px 0px; } div.rightContentContainerBorderStyleA h3 { margin:2px; padding:0px; font-size:8pt; color:#F1F4F4; line-height:12pt; } div.rightContentContainerBorderStyleB { position: relative; display:block; width:200px; height:auto; background-color:#8CA6A6; border:1px solid #8CA6A6; margin:0px 0px 10px 10px; padding:0px 0px 0px 0px; } div.rightContentContainerBorderStyleB h3 { margin:2px; padding:0px; font-size:8pt; color:#F1F4F4; line-height:12pt; } div.rightContentContainerStyleA { position: relative; background-color:#F1F4F4; margin:0px; padding:5px; width:auto; font-size:8pt;} /* ########################################################################## */ /* #### PROFIL-Darstelklung #### */ /* ########################################################################## */ #profileAvatarBorder { position: relative; float:left; width:400; height:auto; background-color:#566d99; border:1px solid #566d99; margin:0px; padding:0px 0px 0px 0px; } #profileAvatarBorder h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } #profileAvatar { position: relative; background-color:#ffffff; margin:0px; padding:5px; width:auto; height:170px;} #profileSummaryBorder {position: relative; float:right; width:auto; height:auto; background-color:#8CA6A6; border:1px solid #8CA6A6; margin:15px; padding:0px 0px 0px 0px; } #profileSummaryBorder h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } #profileSummary { position: relative; background-color:#ffffff; margin:0px; padding:5px; width:auto;} #profileActionsBorder {position: relative; float:right; width:250px; height:auto; background-color:#566d99; border:1px solid #8CA6A6; margin:0px; padding:0px 0px 0px 0px; } #profileActionsBorder h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } #profileActions { position: relative; background-color:#ffffff; margin:0px; padding:5px; width:auto; height:170px;} a.profileAction { padding-left:20px; margin-left:10px; line-height:19px; font-size:8pt; font-weight: normal; text-decoration:none; color:#2b477f; display:block;} a.profileAction:hover { color:#000; display:block;} span.profileStatus {position: relative; font-size:10pt; font-weight:bold;} #profileDescriptionBorder { position: relative; clear:both; width:auto; height:auto; background-color:#8CA6A6; border:1px solid #566d99; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; } #profileDescriptionBorder h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } #profileDescription { position: relative; background-color:#ffffff; margin:0px; padding:5px; width:auto; height:170px;} div.profileDataBorder { position: relative; clear:both; width:auto; height:auto; background-color:#8CA6A6; border:1px solid #8CA6A6; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } div.profileData h3 { margin:2px; padding:0px; font-size:10pt; color:#F1F4F4; line-height:12pt; } div.profileData { position: relative; background-color:#ffffff; margin:0px; padding:5px; width:auto; height:auto;} /* ########################################################################## */ /* #### Tab-Browsing im Profil #### */ /* ########################################################################## */ #profileTab {display:block;clear:both; height:32px; line-height:32px;background: url(../grafiken/layout/tabs/tab_h_hg.gif) repeat-x bottom; float: left; width: 100%; font-size:8pt; } #profileTab ul {padding: 0px 5px 5px 0px; margin: 0px; list-style-type: none; } #profileTab li {padding: 0px 0px 0px 5px; margin: 0px; float: left; background: url(../grafiken/layout/tabs/tab_h_l_off.gif) no-repeat left bottom;} #profileTab .current {background: url(../grafiken/layout/tabs/tab_h_l_on.gif) no-repeat left bottom; } #profileTab a {padding: 0px 15px 0px 10px; display: block; font-size:8pt; font-weight: normal; background: url(../grafiken/layout/tabs/tab_h_r_off.gif) no-repeat right bottom; float: left; text-decoration: none ;color: #555; } #profileTab .current a {background: url(../grafiken/layout/tabs/tab_h_r_on.gif) no-repeat right bottom; font-weight: bold; color: #000;} #profileTab a:hover {text-decoration: underline;} #profileTabContent {position:relative; display:block;clear:both; margin:0px 0px 0px 0px; font-size:12pt; padding:10px; border-left:1px solid #787a67; border-right:1px solid #787a67; border-bottom:1px solid #787a67; background-color: #ffffff;} #profileTabContent table {font-size:10pt;} #profileTabContent .highlightColor {background-color:#ecece4;} div.tabListSubContent {border-bottom:1px solid #787a67;} /* ########################################################################## */ /* #### CONTAINER FÜR DIE AVATAR_BILDER #### */ /* ########################################################################## */ /* Container für das ProfilBild */ #avatarContainer { width:200px; padding:0px;margin:0px; background-color:#ffffff;} #avatarContainer img { border:2px solid #000; padding:0px;margin:0px;} #avatarContainerShadow { position: relative; background-color:#ffffff; width:200px; height :30px; font-size:2pt; background-image: url(../grafiken/layoutb/shadow_leftcontainer.jpg); background-repeat: no-repeat;} .avatarContainerSmall { padding:2px; margin:0px 5px 0px 0px; background-color:#ffffff;} .avatarContainerSmall img { border:1px solid #000; padding:0px;margin:0px;} .avatarContainerSmallShadow{ position: relative; background-color:#ffffff; width:64px; height :20px; font-size:2pt; background-image: url(../grafiken/layoutb/shadow_image_small.gif); background-repeat: no-repeat;} /* ########################################################################## */ /* #### CONTAINER FÜR DIE Meldungen #### */ /* ########################################################################## */ #advice { position: relative; background-color:#F1F4F4; border:1px dashed #BAAB5A; padding:5px; margin: 10px 0px 10px 0px;} #advice h3 { font-size:13pt; margin:0px 0px 10px 0px; font-weight: normal; color:#0F1F7A; text-decoration:none; padding:0px;} #adviceError { position: relative; background-color:#FAEBD7; border:1px dashed #BAAB5A; padding:5px; margin: 10px 0px 10px 0px;} #adviceError h3 { font-size:13pt; margin:0px; font-weight: normal; color:#8B0000; text-decoration:none; padding:0px;} #adviceError h4 { font-size:10pt; margin:10px 0px 0px 0px; font-weight: bold; color:#8B0000; text-decoration:none; padding:0px;} div.auswahl { padding:3px; background-color:#F1F4F4; border:1px solid #C6D3D3; margin:0px 0px 5px 0px} /* ########################################################################## */ /* #### FORUM #### */ /* ########################################################################## */ table.forum { border:1px solid #2b477f; margin:0px; padding:0px; font-size:10pt; } table.forum h3 { font-size:10pt; font-weight:bold; margin:0px 0px 5px 0px; color:#2b477f} table.forum h3 a { font-size:10pt; font-weight:bold; margin:0px 0px 5px 0px; color:#2b477f} table.forum h4 { font-size:10pt; font-weight:bold; color:#6666CB; margin:0px;} table.forum td { padding:5px;} table.forum thead td { color: #fff; background-color: #C6D3D3; padding:5px;} table.forumAktionen td { padding:0px;} /* ########################################################################## */ /* #### Eingabefelder #### */ /* ########################################################################## */ textarea.standard {position:relative; width:100%; border:20px solid #C6D3D3; background-color: #F1F4F4;} input.standard {position:relative; width:100%; border:1px solid #C6D3D3; background-color: #F1F4F4;} select.standard {border:1px solid #C6D3D3; background-color: #F1F4F4;} label {font-size:8pt; font-weight:bold;} form {margin:0px;padding:0px} textarea {position:relative; display:block; width:100%; border:1px solid #C6D3D3; background-color: #F1F4F4; padding:0px; margin:0px 10px 0px 0px; } table textarea {position:relative; display:block; width:100%; border:1px solid #C6D3D3; background-color: #F1F4F4; padding:0px; margin:0px 10px 0px 0px; } /* ########################################################################## */ /* #### verschieden Buttons #### */ /* ########################################################################## */ input.buttonStyleA {padding:5px 10px 5px 10px; font-size:8pt; height:20px; font-weight:bold; color:#fff; border:1px solid #C6D3D3; background-color: #2b477f; margin:10px 10px 0px 0px; padding:0px 10px 5px 10px;} input.buttonStyleB {padding:5px 10px 5px 10px; font-size:8pt; height:20px; font-weight:bold; color:#fff; border:1px solid #C6D3D3; background-color: #8CA6A6; margin:10px 10px 0px 0px; padding:0px 10px 5px 10px;} /* ########################################################################## */ /* #### STANDARD-TAGS #### */ /* ########################################################################## */ h1 { position:relative; line-height:30px; font-size:14pt; font-weight: normal; margin:0px 0px 5px 0px; padding:0px; color: #2b477f; } h2 { position:relative; line-height:30px; font-size:10pt; font-weight: bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 5px; color: #2b477f; border-bottom:1px solid #BAAB5A;} h3 { position:relative; line-height:15px; font-size:10pt; font-weight: bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 5px; color: #000; } h4 { font-size:10pt; margin:0px; font-weight:bold;} h5 { font-size:8pt; margin:0px; font-weight:bold;} h4 a,h5 a { text-decoration:none;} h4 a:hover,h5 a:hover { text-decoration:underline;} img { border:0px;} table {font-size:8pt;} blockquote {position:relative; text-indent:0px; padding:0px; margin:0px 10px 10px 10px; font-size:8pt; width:auto;} /* ########################################################################## */ /* #### Diverse Tabellen #### */ /* ########################################################################## */ table { margin:0px; padding:0px; } table.sectionSelect { margin:0px; padding:0px; border:1px solid #6666CB; width:100%; background-color:#F1F4F4;} table.sectionSelect { margin:0px; padding:0px; } table.data { margin:0px; padding:0px; border:1px solid #6666CB;} /* ########################################################################## */ /* #### LINKS #### */ /* ########################################################################## */ a { text-decoration:none;} a:hover { text-decoration:underline;} a.standard { background: url(../grafiken/layout/bullet_arrow.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left:15px; margin-left:10px; line-height:19px; font-size:10pt; font-weight: bold; text-decoration:none; color:#2b477f; display:block;} a.standard:hover { color:#000; display:block;} a.standardSmall { background: url(../grafiken/layout/bullet_arrow.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left:15px; margin-left:10px; line-height:19px; font-size:8pt; font-weight: normal; text-decoration:none; color:#2b477f; display:block;} a.standardSmall:hover { color:#000; display:block;} a.userLink { background: url(../grafiken/layout/user_16_dis.gif); background-repeat: no-repeat; background-position: 0px 4px; padding:5px 0px 5px 16px; margin:0px; line-height:25px; font-size:8pt; font-weight: normal; text-decoration:none; color:#2b477f; } a.userLink:hover { text-decoration:underline; color:#2b477f;} a.small { color:#000; font-size:8pt; background-image:none; } a.standard3 { color:#8B0000; text-decoration:underline;} a.standard3:hover { color:#000;text-decoration:underline;} a.standard4 { color:#00008B; text-decoration:underline; margin-right:20px;} a.standard4:hover { color:#000;text-decoration:underline;} /* ########################################################################## */ /* #### verschiedene Ausrichtungenund Farben #### */ /* ########################################################################## */ .displayBlock { display : block;} .right { float: right;} .left { float: left;} .overflowAuto {overflow: auto;} .colorWhite {color: #fff;} .colorBlack {color: #000;} .colorBlue {color: #00f;} .colorDarkRed {color: #8B0000;} .colorDarkGreen {color: #000000;} .colorDarkBlue {color: #00008B;} .bgWhite {background-color: #fff;} .bgLightGreen {background-color: #F1F4F4;} .bgLightRed {background-color: #FAEBD7;} .bgLightGray {background-color: #f4f4f4; } .bgGray {background-color: #dfdfdf; } .bgGreen {background-color: #6666CB; } .bgBlue {background-color: #566d99; } .bgRed {background-color: #8B0000; } /* ########################################################################## */ /* ########################################################################## */ /* ########################################################################## */ /* ########################################################################## */ /* ########################################################################## */ /* ########################################################################## */ /* ########################################################################## */ /* ########################################################################## */ /* ########################################################################## */ /* ########################################################################## */ .clear {clear:both;} /* ########################################################################## */ /* #### Diverse Tags #### */ /* ########################################################################## */ /* ########################################################################## */ /* #### Diverse andere ContainerKallsen #### */ /* ########################################################################## */ div.contentContainer { padding:0px;} div.contentContainerBorder { position: relative; width:215px; background-color:#C6D3D3; padding: 2px 0px 2px 0px ; } div.contentContainerContent { position: relative; background-color:#ffffff; margin:0px 2px 0px 2px; padding:5px;} div.contentContainerShadow { position: relative; width:200px; height :30px; font-size:8pt; background-image: url(../grafiken/layoutb/shadow_leftcontainer.gif); background-repeat: no-repeat; } div.contentContainerContent h3 { font-size:10pt; color:#0F1F7A; text-decoration:none; cursor:pointer ; border-bottom:1px solid #BAAB5A; margin:0px; line-height:30px; } div.contentContainerContent div.subContent { margin-left:10px; font-size:8pt; color:#000; font-weight:normal; text-decoration:none; } div.contentContainerContent h6 { font-size:10pt; margin:0px; font-weight:bold;} div.contentContainerB { padding:0px;} div.contentContainerBorderB { position: relative; background-color:#000; padding: 2px 0px 2px 0px ; } div.contentContainerContentB { position: relative; background-color:#ffffff; background-image: url(../grafiken/layoutb/hg_boxes.jpg); background-repeat: no-repeat; background-position:-60px 0px; margin:0px 2px 0px 2px; padding:5px;} div.contentContainerContentB h3 { font-size:10pt; color:#0F1F7A; text-decoration:none; cursor:pointer ; border-bottom:1px dashed #000; margin:0px 0px 5px 0px;} div.avatarAndData { float:left; display:block; padding:0px; margin:0px 0px 0px 0px;} div.linktip { width:100%; font-size:8pt; background-color:#F1F4F4; border:1px dashed #6666CB; margin:20px 0px 20px 0px} div.linktip textarea { border:1px solid #B1B2B5; background-color: #fff; font-size:8pt; } /* ########################################################################## */ /* #### Diverse Rahmen Angaben #### */ /* ########################################################################## */ .borderStandard { border:1px solid #B1B2B5;} .borderDarkGreen { border:1px solid #6666CB;} .borderStandardBlack { border:1px solid #000;} .borderBottomDashed { border-bottom:1px dashed #B1B2B5;} .borderRightDashed { border-right:1px dashed #B1B2B5;} .borderLeftDashed { border-left:1px dashed #B1B2B5;} .borderTopDashed { border-top:1px dashed #B1B2B5;} .borderTop { border-top:1px solid #B1B2B5;} .borderDashed { border:1px dashed #B1B2B5;} /* ########################################################################## */ /* #### News-darstellung #### */ /* ########################################################################## */ a.newsHauptRubrik { margin:15px 0px 5px 0px; line-height:20px; font-size:12pt; font-weight: bold; text-decoration:none; color:#8b0000; display:inline;} img.news { margin:0px 10px 5px 0px; border:0px; float:left;}