/* CSS Document */ /* Reset Comand --------------------------------------------------------------------------------------------- Start */ * { padding:0; margin:0; border:0; font-family:play; font-size:11pt; font-weight:normal; } ::selection { background:rgba(77,77,77,0.5); color:rgba(242,242,242,1); } ::-moz-selection{ background:rgba(77,77,77,0.5); color:rgba(242,242,242,1); } .bold_hover {font-size:9pt;transition: font-weight 0.2s ease-in-out} .bold_hover:hover {font-weight:bold;cursor:pointer;} .orange, .gray, .green, .withe { padding:0px 10px; cursor:pointer; background-color:rgba(77,77,77,0); color:rgba(77,77,77,1); transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .orange:hover, .gray:hover, .green:hover, .withe:hover {background-color:rgba(77,77,77,1);} .orange:hover {color:rgba(255,180,60,1);} .gray:hover {color:rgba(209,209,209,1);} .green:hover {color:rgba(140,180,0,1);} .withe:hover {color:rgba(242,242,242,1);} .orange_buton, .gray_buton, .green_buton, .withe_buton { padding:2px 10px; cursor:pointer; color:rgba(77,77,77,1); font-size:11pt; font-weight:bold; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .orange_buton:hover, .gray_buton:hover, .green_buton:hover, .withe_buton:hover {background-color:rgba(77,77,77,1);} .orange_buton:hover {color:rgba(255,180,60,1);} .gray_buton:hover {color:rgba(209,209,209,1);} .green_buton:hover {color:rgba(140,180,0,1);} .withe_buton:hover {color:rgba(242,242,242,1);} /* Reset Comand ----------------------------------------------------------------------------------------------- End */ /* Fonts, and all Text control panel------------------------------------------------------------------------- Start*/ .text_formating_16pt_bold {font-size:16pt; font-weight:bold;} .text_formating_14pt {font-size:14pt;} .text_formating_14pt_bold {font-size:14pt; font-weight:bold;} .text_formating_11pt {font-size:11pt;} .text_formating_11pt_bold {font-size:11pt; font-weight:bold;} .text_formating_11pt_orange_formular_atention { font-size:11pt; color:rgba(232,132,9,1); } .text_formating_8pt {font-size:9pt;} .text_formating_8pt_bold {font-size:9pt; font-weight:bold;} .text_formating_8pt_green { color:rgb(116,165,50); font-size:inherit; } .text_formating_8pt_orange { color:rgb(232,132,9); font-size:inherit; } .text_formating_8pt_white { color:rgb(242,242,242); font-size:inherit; } h1 { font-size:20pt; font-weight:bold; } .h1 { font-size:20pt; font-weight:bold; } h2 { display:block; font-size:14pt; font-weight:bold; margin-top:15px; } h3 { font-size:11pt; } h4 { font-size:20pt; font-weight:bold; border:4px solid; margin:-4px -4px 26px -4px; } h5 { font-size:20pt; font-weight:bold; } h6 { display:block; font-size:14pt; font-weight:bold; } .unordered_list2 { list-style-type:square; padding-left:20px; } .unordered_list2_second_line { list-style-image:url(../images/web_engine/list-icons/list-sub-icon-1.png); padding-left:35px; } .counter_list { display:block; float:left; } .counter_list_text { margin-left:25px; } a:link, a:visited { text-decoration: none; cursor:pointer; color:rgb(77,77,77); } .center {text-align:center} /* Fonts, and all Text control panel------------------------------------------------------------------------- End*/ /* Head page ------------------------------------------------------------------------------------ */ body { height:100%; width:100%; font-family:play; color:rgb(77,77,77); display:flex; flex-direction:column; cursor:default; } #body_orange {background-color:rgba(255,180,60,1);} #body_gray {background-color:rgba(209,209,209,1);} #body_green {background-color:rgba(140,180,0,1);} #body_white {background-color:rgba(242,242,242,1)} /* Top Area ------------------------------------------------------------------------------------------------ Start */ header { order:1; min-width:1100px; height:120px; display:flex; flex-direction:row; justify-content:center; z-index:2; transition: background-color 0.6s ease-in-out; } #top_color_orange { background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #top_color_gray { background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} #top_color_green { background:rgba(140,180,0,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #top_color_white { background:rgba(242,242,242,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #top_working_area { width:900px; height:120px; display:flex; align-items:center; justify-content:space-between; } #logo_holder{ order:1; height:100%; display:flex; flex-direction:column; justify-content:center; cursor:pointer; } #logo_fabian_v2 { background:url(../images/web_engine/logo/logo_fabian_scherz.png); height:90px; width:210px;} #navigation_butons { order:2; display:flex; flex-direction:row; align-self:flex-end; } .back, .home, .site_map { height:inherit; width:80px; padding-bottom:8px; display:flex; flex-direction:column; justify-content:center; cursor:pointer; } .home { padding-right:15px; } .back_image_holder, .home_image_holder, .site_map_image_holder { top:0; height:50px; width:inherit; } .back_image, .home_image, .site_map_image { height:inherit; width:inherit; opacity:1; transition: opacity 0.2s ease-in-out; } .back_image_full, .home_image_full, .site_map_image_full { margin:-50px 0px; height:inherit; width:inherit; opacity:0; transition: opacity 0.2s ease-in-out; } .back:hover .back_image_full {opacity:1} .back:hover .back_image {opacity:0} .home:hover .home_image_full {opacity:1} .home:hover .home_image {opacity:0} .site_map:hover .site_map_image_full {opacity:1} .site_map:hover .site_map_image {opacity:0} .back_image {background:url(../images/web_engine/butons/icon_5_buton_back.png);} .back_image_full {background:url(../images/web_engine/butons/icon_5_buton_back_full.png);} .home_image {background:url(../images/web_engine/butons/icon_6_buton_home.png);} .home_image_full {background:url(../images/web_engine/butons/icon_6_buton_home_full.png);} .site_map_image {background:url(../images/web_engine/butons/icon_7_buton_sitemap.png);} .site_map_image_full {background:url(../images/web_engine/butons/icon_7_buton_sitemap_full.png);} .buton_text { font-size:14pt; font-weight:bold; text-align:center; width:inherit; bottom:10px; } /* Navigation butons organisation in the main div"navigation_butons" End */ /* Top Area ----------------------------------------------------------------------------------------------- End */ /* Main Area ----------------------------------------------------------------------------------------------- Start */ /* Tables Area --------------------------------------------------------------------------------------------- Start */ main { background-color:rgb(242,242,242); order:2; display:flex; justify-content:center; height:calc(100% - 120px - 60px); min-height:calc(100px + 400px + 260px); min-width:1100px; } #background_input_container { background-repeat:repeat; background:fixed; display:flex; width: 900px; flex-direction:column; justify-content:flex-start; } #background_color { background:rgba(228,228,228,1); display:flex; margin-right:-900px; width:900px; z-index:1; box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); transition: background-color 0.6s ease-in-out, box-shadow 0.6s ease-in-out; } #background_lines_ligth_orange, #background_lines_ligth_gray, #background_lines_ligth_green, #background_lines_white { background-repeat:repeat; background-attachment:fixed; height:100%; width:900px; } #background_lines_ligth_orange {background-image:url(../images/web_engine/backgrounds/linien_hintergrund_ligth_orange.png);} #background_lines_ligth_gray {background-image:url(../images/web_engine/backgrounds/linien_hintergrund_ligth_gray.png);} #background_lines_ligth_green {background-image:url(../images/web_engine/backgrounds/linien_hintergrund_ligth_green.png);} #background_lines_white {background-image:url(../images/web_engine/backgrounds/linien_hintergrund_white.png);} #tables_menu { margin:0px -50px 0 -50px; order:1; display:flex; flex-direction:row; justify-content:center; align-items:flex-end; } #table_orange, #table_gray, #table_green, #table_white { box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2); position:relative; height:400px; width:250px; flex:1; display:flex; flex-direction:column; cursor:pointer; z-index:4; } #table_orange {background:rgba(255,180,60,1);} #table_gray {background:rgba(209,209,209,1);} #table_green {background:rgba(140,180,0,1);} #table_white {background:rgba(242,242,242,1);} #pic_table_face, #pic_table_pen, #pic_table_pc, #pic_table_bubble { height:150px; width:200px; opacity:1; transition: opacity 0.4s ease-in-out; } #pic_table_face {background-image:url(../images/web_engine/index_main/icon-1-index-face.png);} #pic_table_pen {background-image:url(../images/web_engine/index_main/icon-2-index-pen.png);} #pic_table_pc {background-image:url(../images/web_engine/index_main/icon-3-index-pc.png);} #pic_table_bubble {background-image:url(../images/web_engine/index_main/icon-4-index-bubble.png);} #pic_table_face_full, #pic_table_pen_full, #pic_table_pc_full, #pic_table_bubble_full { height:150px; width:200px; margin-left:-200px; opacity:0; transition: opacity 0.4s ease-in-out; } #pic_table_face_full {background-image:url(../images/web_engine/index_main/icon-1-index-face-full.png);} #pic_table_pen_full {background-image:url(../images/web_engine/index_main/icon-2-index-pen-full.png);} #pic_table_pc_full {background-image:url(../images/web_engine/index_main/icon-3-index-pc-full.png);} #pic_table_bubble_full {background-image:url(../images/web_engine/index_main/icon-4-index-bubble-full.png);} #table_orange:hover #pic_table_face {opacity:0 !important;} #table_orange:hover #pic_table_face_full {opacity:1 !important;} #table_orange:hover .table_title_holder {background:rgba(77,77,77,1) !important;} #table_gray:hover #pic_table_pen {opacity:0 !important;} #table_gray:hover #pic_table_pen_full {opacity:1 !important;} #table_gray:hover .table_title_holder {background:rgba(77,77,77,1) !important;} #table_green:hover #pic_table_pc {opacity:0 !important;} #table_green:hover #pic_table_pc_full {opacity:1 !important;} #table_green:hover .table_title_holder {background:rgba(77,77,77,1) !important;} #table_white:hover #pic_table_bubble {opacity:0 !important;} #table_white:hover #pic_table_bubble_full {opacity:1 !important;} #table_white:hover .table_title_holder {background:rgba(77,77,77,1) !important;} .table_pic_holder { order:1; flex:1; display:flex; align-items:flex-end; justify-content:center; } .table_message_holder { order:2; flex:1; text-align:center; } .table_title_holder { order:1; display:flex; align-items:center; justify-content:center; height:40px; padding: 2px 0px; background:rgba(77,77,77,0); transition: background 0.4s ease-in-out; } #table_title_orange, #table_title_gray, #table_title_green, #table_title_white { order:1; display:flex; align-items:center; justify-content:center; height:100%; width:100%; transition: background 0.4s ease-in-out, color 0.4s ease-in-out; } #table_title_orange {background:rgba(255,180,60,1);} #table_title_gray {background:rgba(209,209,209,1);} #table_title_green {background:rgba(140,180,0,1);} #table_title_white {background:rgba(242,242,242,1);} .table_text_holder { order:2; padding:20px 20px 0px 20px; } /* -------------------------------------------Submenus----------Submenus------------------------------------- Start */ /* -------------------------------------------Submenus----------Submenus------------------------------------- Start */ /* -------------------------------------------Submenus----------Submenus------------------------------------- Start */ #submenu { order:3; display:flex; flex-direction:column; justify-content:center; align-content:center; z-index:3; margin:35px 100px 0px 100px; } /* Submenus ---------------------------------------------wellcome--------------------------------------------- Start */ #wellcome_top { order:1; height:100px; justify-content:center; display:flex; z-index:2; visibility:visible; opacity:0; transition:opacity 0.6s ease-in-out; } #wellcome_bottom { order:1; height:100px; justify-content:center; display:flex; z-index:2; opacity: 0; flex:1; transition-duration: 0.6s; transition-property: opacity; transition-timing-function:ease-in-out; } .wellcome_text_container { flex-direction:column; display:flex; justify-content:center; color:rgba(140,180,0,1); } .wellcome_text_container>div { border-bottom:2px solid rgba(140,180,0,0.8); padding: 0px 50px; font-size:18pt; } /* Submenus ------------------------------- Orange Gray Green White ----------------------------------- Start */ #submenu_orange, #submenu_gray, #submenu_green, #submenu_white { order:2; height:100%; justify-content:space-between; z-index:2; } #submenu_orange { display:none; animation: none 0.6s ease-in-out 0s 1 normal; animation-fill-mode: forwards; } #submenu_gray { display:none; animation: none 0.6s ease-in-out 0s 1 normal; animation-fill-mode: forwards; } #submenu_green { display:none; animation: none 0.6s ease-in-out 0s 1 normal; animation-fill-mode: forwards; } #submenu_white { display:none; animation: none 0.6s ease-in-out 0s 1 normal; animation-fill-mode: forwards; } /* Submenus ----------------------------------------- Formating and Styles --------------------------------- Start */ @keyframes keyOpacityIn { 0% {opacity:0;} 1% {opacity:0;} 100% {opacity:1;} } @keyframes keyOpacityOut { 0% {opacity:1;} 100% {opacity:0;} } .submenu_section_style_A { padding:0px 15px 15px 15px; width:250px; transition: box-shadow 0s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .submenu_section_style_B { padding:0px 15px 15px 15px; margin:0px 15px; width: 350px; transition: box-shadow 0s ease-in-out, } .submenu_section_style_2B { padding:0px 15px 15px 15px; margin:0px 15px; width:350px; transition: box-shadow 0s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .submenu_section_style_C { padding:0px 15px 15px 15px; width: 100%; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .submenu_section_style_A:hover { box-shadow:0px 0px 0px 1px rgba(77,77,77,1) inset; } .submenu_section_style_B:hover { box-shadow:0px 0px 0px 1px rgba(77,77,77,1) inset; } .submenu_section_style_2B:hover { color:rgba(242,242,242,1); background:rgba(77,77,77,1); cursor:pointer; } .submenu_section_style_C:hover { color:rgba(140,180,0,1); background:rgba(77,77,77,1); cursor:pointer; } .submenu_title_style_A { border-bottom:2px solid; } .submenu_text_style_A { display:flex; } .submenu_text_subsection_A { min-width:125px; padding-top:10px; } .submenu_text_subsection_B { min-width:125px; padding:10px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .submenu_text_subsection_B:hover { color:rgba(255,180,60,1); background:rgba(77,77,77,1); cursor:pointer; } .submenu_text_subsection_B:hover .submenu_subsection_title_A {border-bottom:1px solid rgba(255,180,60,1)!important;} .submenu_subsection_style_A { display:flex; justify-content:flex-start; } .submenu_subsection_style_B { padding:10px 15px 10px 15px; display:flex; flex-direction:column; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .submenu_subsection_style_B:hover { color:rgba(209,209,209,1); background:rgba(77,77,77,1); cursor:pointer; } .submenu_subsection_style_B:hover .submenu_subsection_title_B {border-bottom:1px solid rgba(209,209,209,1) !important;} .submenu_subsection_title_A { border-bottom:1px solid rgba(77,77,77,1); padding-right:50px; margin-bottom:5px; transition: border-bottom 0.2s ease-in-out; } .submenu_subsection_title_B{ border-bottom:1px solid rgba(77,77,77,1); margin-bottom:5px; transition: border-bottom 0.2s ease-in-out; } /* Submenus ----------------------------------------- Formating and Styles --------------------------------- End */ /*---------------------------------------------------------------------------------------xxxxxxxxxxxxxxxxxxxxxxx*/ /*---------------------------------------------------------------------------------------xxxxxxxxxxxxxxxxxxxxxxx*/ /*---------------------------------------------------------------------------------------xxxxxxxxxxxxxxxxxxxxxxx*/ /*---------------------------------------------------------------------------------------xxxxxxxxxxxxxxxxxxxxxxx*/ #tables_description { padding:75px 0 0px 0; order:1; display:flex; flex-direction:row; justify-content:space-between; } #tables_description_big_pic, .tables_description_big_pic { padding:0 0 75px 0; margin: 0px -50px 0px -50px; order:2; display:flex; flex-direction:row; justify-content:space-between; } #tables_navigation_bottom { padding:0 0 50px 0; margin: 0 -50px; order:3; display:flex; flex-direction:row; justify-content:space-between; } #tables_navigation_bottom_variant { padding:0 0 50px 0px; margin: 0 0; order:3; display:flex; flex-direction:row; justify-content:flex-end; } #pic_show_gray { padding:50px; margin: 0 -50px; order:3; display:flex; flex-direction:column; } .pic_show_green_in_textfield { padding:25px; margin: 100px -125px 100px -375px; display:flex; flex-direction:column; background:rgba(140,180,0,1); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++xxxxxxxxxxxxxxxxxxx*/ #tables_description_left_side { position:relative; order:1; display:flex; flex-direction:column; justify-content:space-between; } #table_description_iconography { order:1; margin:0 0 80px -50px; display:flex; height:400px; width:250px; } #table_pic_holder_iconography { display:flex; align-items:center; justify-content:center; } #pic_portrait { background:url(../images/orange/curriculum/fabian-scherz-1-350-200px.png); height:350px; width:200px; margin:25px; } #pic_table_clock, #pic_table_family, #pic_table_paint, #pic_table_puzzle, #pic_table_nib, #pic_table_books, #pic_table_lamp, #pic_table_squares, #pic_table_lamp_cup, #pic_table_chemie, #pic_table_pendulum, #pic_table_info, #pic_table_shield, #pic_table_mail, #pic_table_balance, #pic_table_mail_positive, #pic_table_mail_negative, #pic_table_download, #pic_table_link, #pic_table_bulb, #pic_table_bulb_light, #pic_table_brain, #pic_table_umbrella { height:250px; width:250px; } #pic_table_clock {background:url(../images/web_engine/iconography/icon_9_clock.png); margin:0 0 0 0;} #pic_table_family {background:url(../images/web_engine/iconography/icon-10-family.png); margin: 0 0 0 0;} #pic_table_paint {background:url(../images/web_engine/iconography/icon-11-paint.png); margin: 0 0 0 0;} #pic_table_puzzle {background:url(../images/web_engine/iconography/icon-12-puzzle.png); margin: 0 0 0 0;} #pic_table_nib {background:url(../images/web_engine/iconography/icon-13-nib.png); margin: 0 0 0 0;} #pic_table_books {background:url(../images/web_engine/iconography/icon_14_books.png); margin: 0 0 0 0;} #pic_table_lamp {background:url(../images/web_engine/iconography/icon-15-table-lamp.png); margin: 0 0 0 0;} #pic_table_squares {background:url(../images/web_engine/iconography/icon_16_table_squares.png); margin: 0 0 0 0;} #pic_table_lamp_cup {background:url(../images/web_engine/iconography/icon_17_table_lamp_cup.png);} #pic_table_chemie {background:url(../images/web_engine/iconography/icon_18_table_chemie.png);} #pic_table_pendulum {background:url(../images/web_engine/iconography/icon_19_pendulum.png); margin: 0 0 0 0;} #pic_table_info {background:url(../images/web_engine/iconography/icon_20_info.png);margin: 0 0 0 0;} #pic_table_shield {background:url(../images/web_engine/iconography/icon_21_shield.png);margin: 0 0 0 0;} #pic_table_mail {background:url(../images/web_engine/iconography/icon_22_mail.png);} #pic_table_balance {background:url(../images/web_engine/iconography/icon_23_balance.png);} #pic_table_mail_positive {background:url(../images/web_engine/iconography/icon_22_mail_afirmative.png);} #pic_table_mail_negative {background:url(../images/web_engine/iconography/icon_22_mail_negative.png);} #pic_table_download {background:url(../images/web_engine/iconography/icon_24_download.png);} #pic_table_link {background:url(../images/web_engine/iconography/icon_25_link.png);} #pic_table_bulb {background:url(../images/web_engine/iconography/icon_26_bulb.png);} #pic_table_bulb_light {background:url(../images/web_engine/iconography/icon_26_bulb_light.png);} #pic_table_brain {background:url(../images/web_engine/iconography/icon_27_brain.png);} #pic_table_umbrella {background:url(../images/web_engine/iconography/icon_28_umbrella.png);} #iconography_orange, #iconography_gray, #iconography_green, #iconography_white { display:flex; width:250px; height:400px; } #iconography_orange { background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #iconography_gray { background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} #iconography_green { background:rgba(140,180,0,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #iconography_white { background:rgb(242,242,242); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #plan_area { order:2; display:flex; flex-direction:column; justify-content:space-around; margin:0 0 0 -50px; } #plan_area_off {display:none} .plan_area_presentation_moduls_thick { order:1; display:flex; flex-direction:column; align-items:flex-end; width:300px; } .plan_area_presentation_moduls_thick_pluss { order:1; display:flex; flex-direction:column; align-items:flex-end; margin:100px 0 0 50px; width:300px; } .plan_area_presentation_moduls_thin { order:1; display:flex; flex-direction:column; align-items:flex-end; margin:0 0 0 85px; width:230px; } .plan_area_presentation_moduls_thin_pluss { order:1; display:flex; flex-direction:column; align-items:flex-end; margin:100px 0 0 85px; width:230px; } .plan_area_presentation_orange, .plan_area_presentation_gray, .plan_area_presentation_green, .plan_area_presentation_white { display:flex; flex-direction:column; padding:25px 0 0 0; height:100%; width:100%; align-items:center; } .plan_area_presentation_orange { background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} .plan_area_presentation_gray { background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} .plan_area_presentation_green { background:rgba(140,198,63,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} .plan_area_presentation_white { background:rgba(242,242,242,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} .plan_area_presentation_object_orange { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:4px; margin-bottom:25px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out } .plan_area_presentation_object_orange:hover {background-color:rgb(77,77,77); color:rgba(255,180,60,1);} .plan_area_presentation_object_green { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:4px; margin-bottom:25px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out } .plan_area_presentation_object_green:hover {background-color:rgb(77,77,77); color:rgb(140,198,63);} .plan_area_presentation_object_gray { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:4px; margin-bottom:25px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out } .plan_area_presentation_object_gray:hover {background-color:rgb(77,77,77); color:rgba(209,209,209,1);} .plan_area_presentation_object_white { color:rgb(77,77,77); background-color:rgb(242,242,242); cursor:pointer; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:4px; margin-bottom:25px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .plan_area_presentation_object_white:hover {background-color:rgb(77,77,77); color:rgb(242,242,242);} #plan_area_presentation_vertical_studies_survey, #plan_area_presentation_bachelor_of_arts_zeugnis, #plan_area_presentation_bachelor_of_arts_urkunde, #plan_area_presentation_bachelor_of_arts_notenspiegel, #plan_area_presentation_master_of_arts_zeugnis, #plan_area_presentation_master_of_arts_uhrunde, #plan_area_presentation_master_of_arts_notenspiegel, #plan_area_presentation_hochschulberechtigung, #plan_area_presentation_bachiller_academico, #plan_area_presentation_curriculum_pdf_vorschau, #plan_area_presentation_vertical_wohnen_zwischen_zwei_waenden_tragwerkslehre_pdf_vorschau, #plan_area_presentation_vertical_staedtebau-feuerbach_pdf_vorschau, #plan_area_presentation_vertical_ein_haus_fuer_nachhaltige_kunst_tragwerkslehre_pdf_vorschau, #plan_area_presentation_vertical_ein_haus_fuer_nachhaltige_kunst_baukonstruktion_pdf_vorschau, #plan_area_presentation_vertical_dachgeschoss_als_vollgeschoss_pdf_vorschau, #plan_area_presentation_vertical_das_segal_prinzip_Holzbausystem_pdf_vorschau, #plan_area_presentation_vertical_das_segal_prinzip_baukonstruktion_pdf_vorschau, #plan_area_presentation_vertical_das_segal_prinzip_materialkunde_und_bauphysik_pdf_vorschau, #plan_area_presentation_vertical_das_segal_prinzip_tragwerkslehre_pdf_vorschau, #plan_area_presentation_vertical_musterfabrik_berlin_vorbemessung_pdf_vorschau, #plan_area_presentation_vertical_parochial_di_san_giacomo_pdf_vorschau, #plan_area_presentation_vertical_wuerfel_hoch_drei_pdf_vorschau, #plan_area_presentation_vertical_einfamilienhaus_in_remshalden_ausgabe_und_vergabe_pdf_vorschau, #plan_area_presentation_vertical_einfamilienhaus_in_remshalden_kostenplanung_pdf_vorschau, #plan_area_presentation_vertical_christuskirche_in_karlsruhe_pdf_vorschau, #plan_area_presentation_vertical_ausstellungspavillon_fuer_architektur_pdf_vorschau, #plan_area_presentation_vertical_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_pdf_vorschau, #plan_area_presentation_vertical_rosensteinviertel_bebauungsplan_textliche-festsetzungen_pdf_vorschau, #plan_area_presentation_vertical_doppelblockhaus-bauhaussiedlung-weimar_pdf_vorschau, #plan_area_presentation_vertical_archiv_der_moderne_pdf_vorschau, #plan_area_presentation_vertical_atelierhaus_fuer_mode_pdf_vorschau, #plan_area_presentation_vertical_individuelle_vielfalt_entwurfplanung_pdf_vorschau, #plan_area_presentation_vertical_individuelle_vielfalt_freiraumplanung_pdf_vorschau, #plan_area_presentation_vertical_estadio_el_malecon_pdf_vorschau, #plan_area_presentation_vertical_arbeitsinseln_pdf_vorschau, #plan_area_presentation_vertical_kultur_und_kongresszentrum_studie_pdf_vorschau, #plan_area_presentation_vertical_kultur_und_kongresszentrum_entwurf_pdf_vorschau, #plan_area_presentation_vertical_zukunft_der_stadt_pdf_vorschau, #plan_area_presentation_vertical_arbeit_spaett_architekten_pdf_vorschau, #plan_area_presentation_vertical_vorpraktikumzeugnis-spaett-architekten_pdf_vorschau, #plan_area_presentation_vertical_vertifungsarbeit_typologie_buerohochhaeuser_sba-design_pdf_vorschau, #plan_area_presentation_vertical_zwischenpraktikums-zeugnis-sba-design_pdf_vorschau, #plan_area_presentation_vertical_lehmbau_casa-mellifera_pdf_vorschau, #plan_area_presentation_vertical_formular_pdf_vorschau { order:1; width:180px; height:250px; display:flex; outline:rgb(77,77,77) solid 1px; } #plan_area_presentation_vertical_studies_survey {background:url(../images/green/studium/pdf-studium-uebersicht-250-180px.png);} #plan_area_presentation_bachelor_of_arts_zeugnis {background:url(../images/green/studium/pdf-bachelor-of-arts-zeugnis-250-180px.png);} #plan_area_presentation_bachelor_of_arts_urkunde {background:url(../images/green/studium/pdf-bachelor-of-arts-urkunde-250-180px.png);} #plan_area_presentation_bachelor_of_arts_notenspiegel {background:url(../images/green/studium/pdf-bachelor-of-arts-notenspiegel-250-180px.png);} #plan_area_presentation_master_of_arts_zeugnis {background:url(../images/green/studium/pdf-master-of-arts-zeugnis-250-180px.png);} #plan_area_presentation_master_of_arts_uhrunde {background:url(../images/green/studium/pdf-master-of-arts-urkunde-250-180px.png);} #plan_area_presentation_master_of_arts_notenspiegel {background:url(../images/green/studium/pdf-master-of-arts-notenspiegel-250-180px.png);} #plan_area_presentation_hochschulberechtigung {background:url(../images/green/studium/pdf-hochschullberechtigung-250-180px.png);} #plan_area_presentation_bachiller_academico {background:url(../images/green/studium/pdf-bachiller-academico-250-180px.png)} #plan_area_presentation_curriculum_pdf_vorschau {background:url(../images/orange/curriculum/pdf-lebenslauf-fabian-scherz-180-250px.png);} #plan_area_presentation_vertical_wohnen_zwischen_zwei_waenden_tragwerkslehre_pdf_vorschau {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/pdf-wohnen-zwischen-zwei-waenden-tragwerkslehre-250-180px.png);} #plan_area_presentation_vertical_staedtebau-feuerbach_pdf_vorschau {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/pdf-stadtbezirk-feuerbach-180-250px.png);} #plan_area_presentation_vertical_ein_haus_fuer_nachhaltige_kunst_tragwerkslehre_pdf_vorschau {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/pdf-haus-fuer-nachhaltige-kunsts-tragwerkslehre-250-180px.png);} #plan_area_presentation_vertical_ein_haus_fuer_nachhaltige_kunst_baukonstruktion_pdf_vorschau {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/pdf-haus-fuer-nachhaltige-kunsts-baukonstruktion-250-180px.png);} #plan_area_presentation_vertical_dachgeschoss_als_vollgeschoss_pdf_vorschau {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/pdf-dachgeschoss-als-vollgeschoss-180-250px.png);} #plan_area_presentation_vertical_das_segal_prinzip_Holzbausystem_pdf_vorschau {background:url(../images/gray/bachelor/das-segal-prinzip/pdf-das-segal-prinzip-250-180px-holzbausystem.png);} #plan_area_presentation_vertical_das_segal_prinzip_baukonstruktion_pdf_vorschau {background:url(../images/gray/bachelor/das-segal-prinzip/pdf-das-segal-prinzip-250-180px-baukonstruktion.png);} #plan_area_presentation_vertical_das_segal_prinzip_materialkunde_und_bauphysik_pdf_vorschau {background:url(../images/gray/bachelor/das-segal-prinzip/pdf-das-segal-prinzip-250-180px-tragwerkslehre.png);} #plan_area_presentation_vertical_das_segal_prinzip_tragwerkslehre_pdf_vorschau {background:url(../images/gray/bachelor/das-segal-prinzip/pdf-das-segal-prinzip-250-180px-materialkunde-und-bauphysik.png);} #plan_area_presentation_vertical_musterfabrik_berlin_vorbemessung_pdf_vorschau {background:url(../images/gray/bachelor/musterfabrik-berlin/pdf-musterfabrik-berlin-250-180px-vorbemessung.png);} #plan_area_presentation_vertical_parochial_di_san_giacomo_pdf_vorschau {background:url(../images/gray/bachelor/parochial-di-san-giacomo/pdf-parochial-di-san-giacomo-180-250px.png);} #plan_area_presentation_vertical_wuerfel_hoch_drei_pdf_vorschau {background:url(../images/gray/bachelor/wuerfel-hoch-drei/pdf-wuerfel-hoch-drei-180-250px.png);} #plan_area_presentation_vertical_einfamilienhaus_in_remshalden_ausgabe_und_vergabe_pdf_vorschau {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/pdf-einfamilienhaus-in-remshalden-ausgabe-und-vergabe-180-250px.png);} #plan_area_presentation_vertical_einfamilienhaus_in_remshalden_kostenplanung_pdf_vorschau {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/pdf-einfamilienhaus-in-remshalden-kostenplanung-180-250px.png);} #plan_area_presentation_vertical_christuskirche_in_karlsruhe_pdf_vorschau {background:url(../images/gray/bachelor/christuskirche-in-karlsruhe/pdf-christuskirche-in-karlsruhe-180-250px.png);} #plan_area_presentation_vertical_ausstellungspavillon_fuer_architektur_pdf_vorschau {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/pdf-ausstellungspavillon-fuer-architektur-180-250px.png);} #plan_area_presentation_vertical_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_pdf_vorschau {background:url(../images/gray/master/projektbeschreibung-kkl-stuttgart-und-hkw-berlin/pdf-projektbeschreibung-kkl-stuttgart-und-hkw-berlin.png);} #plan_area_presentation_vertical_rosensteinviertel_bebauungsplan_textliche-festsetzungen_pdf_vorschau {background:url(../images/gray/master/rosensteinviertel-bebauungsplan/pdf-rosensteinviertel-bebauungsplan-textliche-festsetzungen-250-180px.png);} #plan_area_presentation_vertical_doppelblockhaus-bauhaussiedlung-weimar_pdf_vorschau {background:url(../images/gray/master/doppelblockhaus-bauhaussiedlung-weimar/doppelblockhaus-bauhaussiedlung-weimar-180-250px.png);} #plan_area_presentation_vertical_archiv_der_moderne_pdf_vorschau {background:url(../images/gray/master/archiv-der-moderne/pdf-archiv-der-moderne-180-250px.png);} #plan_area_presentation_vertical_atelierhaus_fuer_mode_pdf_vorschau {background:url(../images/gray/master/atelierhaus-fuer-mode/pdf-atelierhaus-fuer-mode-250-180px.png);} #plan_area_presentation_vertical_individuelle_vielfalt_entwurfplanung_pdf_vorschau {background:url(../images/gray/master/individuelle-vielfalt/pdf-individuelle-vielfalt-entwurfplanung-180-250px.png);} #plan_area_presentation_vertical_individuelle_vielfalt_freiraumplanung_pdf_vorschau {background:url(../images/gray/master/individuelle-vielfalt/pdf-individuelle-vielfalt-freiraumplanung-180-250px.png);} #plan_area_presentation_vertical_estadio_el_malecon_pdf_vorschau {background:url(../images/gray/master/estadio-el-malecon/pdf-estadio-el-malecon-180-250px.png);} #plan_area_presentation_vertical_arbeitsinseln_pdf_vorschau {background:url(../images/gray/master/arbeitsinseln/pdf-arbeitsinseln-180-250px.png);} #plan_area_presentation_vertical_kultur_und_kongresszentrum_studie_pdf_vorschau {background:url(../images/gray/master/kultur-und-kongresszentrum/pdf-kultur-und-kongresszentrum-studie-180-250px.png);} #plan_area_presentation_vertical_kultur_und_kongresszentrum_entwurf_pdf_vorschau {background:url(../images/gray/master/kultur-und-kongresszentrum/pdf-kultur-und-kongresszentrum-enturf-180-250px.png);} #plan_area_presentation_vertical_zukunft_der_stadt_pdf_vorschau {background:url(../images/gray/master/zukunft-der-stadt/pdf-zukunft-der-stadt-180-250px.png);} #plan_area_presentation_vertical_arbeit_spaett_architekten_pdf_vorschau {background:url(../images/gray/arbeit/spaett-architekten/pdf-pratiantenheft-arbeit-bei-spaett-architekten-180-250px.png);} #plan_area_presentation_vertical_vorpraktikumzeugnis-spaett-architekten_pdf_vorschau {background:url(../images/gray/arbeit/spaett-architekten/pdf-vorpraktikumzeugnis-spaett-architekten-180-250px.png);} #plan_area_presentation_vertical_vertifungsarbeit_typologie_buerohochhaeuser_sba-design_pdf_vorschau {background:url(../images/gray/arbeit/sba-design/pdf-vertifungsarbeit-typologie-der-buerohochhaeuser-180-250px.png);} #plan_area_presentation_vertical_zwischenpraktikums-zeugnis-sba-design_pdf_vorschau {background:url(../images/gray/arbeit/sba-design/pdf-zwischenpraktikums-zeugnis-sba-design-180-250px.png);} #plan_area_presentation_vertical_lehmbau_casa-mellifera_pdf_vorschau {background:url(../images/green/studium/pdf_lehmbau_praktische-mitbeteiligung-250-180px.png);} #plan_area_presentation_vertical_formular_pdf_vorschau {background:url(../images/white/pdf-badehaus-250-180px.png);} #plan_area_presentation_vertical_kultur_und_kongresszentrum_booklet_pdf_vorschau, #plan_area_presentation_workbook { order:1; width:180px; height:180px; display:flex; outline:rgb(77,77,77) solid 1px; } #plan_area_presentation_vertical_kultur_und_kongresszentrum_booklet_pdf_vorschau {background:url(../images/gray/master/kultur-und-kongresszentrum/pdf-kultur-und-kongresszentrum-booklet-180-180px.png);} #plan_area_presentation_workbook {background:url(../images/green/arbeitsmappe/pdf-arbeitsmappe-180-180px.png);} #plan_area_presentation_horizontal_scheiben_und_waende_pdf_vorschau, #plan_area_presentation_horizontal_badehaus_pdf_vorschau, #plan_area_presentation_horizontal_paravent_pdf_vorschau, #plan_area_presentation_horizontal_wohnen_zwischen_zwei_waenden_baukonstruktion_pdf_vorschau, #plan_area_presentation_horizontal_wohnen_zwischen_zwei_waenden_sanitaerkonzept_pdf_vorschau, #plan_area_presentation_horizontal_darstellungsgeometrie_handzeichnung_pdf_vorschau, #plan_area_presentation_horizontal_darstellungsgeometrie_cad_pdf_vorschau, #plan_area_presentation_horizontal_doppelhaus_pdf_vorschau, #plan_area_presentation_horizontal_wohnen_hinter_einer_wand_pdf_vorschau, #plan_area_presentation_horizontal_erweiterung_burgholzhof_pdf_vorschau, #plan_area_presentation_horizontal_ein_anderes_haus_pdf_vorschau, #plan_area_presentation_horizontal_rosensteinviertel_pdf_vorschau, #plan_area_presentation_horizontal_musterfabrik_berlin_baukonstruktion_pdf_vorschau, #plan_area_presentation_horizontal_musterfabrik_berlin_tragwerkslehre_pdf_vorschau, #plan_area_presentation_horizontal_musterfabrik_berlin_technischer_ausbau_pdf_vorschau, #plan_area_presentation_horizontal_einfamilienhaus_in_remshalden_terminplanung_pdf_vorschau, #plan_area_presentation_horizontal_kuenstler_nest_pdf_vorschau, #plan_area_presentation_horizontal_rosensteinviertel_bebauungsplan_grafischer_teil_pdf_vorschau, #plan_area_presentation_horizontal_ticket_service_cafe_shop_pdf_vorschau, #plan_area_presentation_horizontal_der_knotenhaus_pdf_vorschau { order:1; width:250px; height:180px; display:flex; outline:rgb(77,77,77) solid 1px; } #plan_area_presentation_horizontal_scheiben_und_waende_pdf_vorschau {background:url(../images/gray/bachelor/scheiben-und-waende/pdf-scheiben-und-waenden-250-180px.png);} #plan_area_presentation_horizontal_badehaus_pdf_vorschau {background:url(../images/gray/bachelor/badehaus-am-see/pdf-badehaus-250-180px.png);} #plan_area_presentation_horizontal_paravent_pdf_vorschau {background:url(../images/gray/bachelor/paravent/pdf-paravent-250-180px.png);} #plan_area_presentation_horizontal_wohnen_zwischen_zwei_waenden_baukonstruktion_pdf_vorschau {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/pdf-wohnen-zwischen-zwei-waenden-baukonstruktion-180-250px.png);} #plan_area_presentation_horizontal_wohnen_zwischen_zwei_waenden_sanitaerkonzept_pdf_vorschau {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/pdf-wohnen-zwischen-zwei-waenden-sanitaerkonzept-180-250px.png);} #plan_area_presentation_horizontal_darstellungsgeometrie_handzeichnung_pdf_vorschau {background:url(../images/gray/bachelor/darstellungsgeometrie/pdf-darstellungsgeometrie-handzeichnung-250_180px.png);} #plan_area_presentation_horizontal_darstellungsgeometrie_cad_pdf_vorschau {background:url(../images/gray/bachelor/darstellungsgeometrie/pdf-darstellungsgeometrie-cad-250_180px.png);} #plan_area_presentation_horizontal_doppelhaus_pdf_vorschau {background:url(../images/gray/bachelor/doppelhaus/pdf-doppelhaus-250-180px.png);} #plan_area_presentation_horizontal_wohnen_hinter_einer_wand_pdf_vorschau {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/pdf-wohnen-hinter-einer-wand-250-180px.png);} #plan_area_presentation_horizontal_erweiterung_burgholzhof_pdf_vorschau {background:url(../images/gray/bachelor/erweiterung-burgholzhof/pdf-erweiterung-burgholzhof-badehaus-250-180px.png);} #plan_area_presentation_horizontal_ein_anderes_haus_pdf_vorschau {background:url(../images/gray/bachelor/ein-anderes-haus/pdf-ein-anderes-haus-250-180px.png);} #plan_area_presentation_horizontal_rosensteinviertel_pdf_vorschau {background:url(../images/gray/bachelor/rosensteinviertel/pdf-rosensteinviertel-250-180px.png);} #plan_area_presentation_horizontal_musterfabrik_berlin_baukonstruktion_pdf_vorschau {background:url(../images/gray/bachelor/musterfabrik-berlin/pdf-musterfabrik-berlin-250-180px-baukonstruktion.png);} #plan_area_presentation_horizontal_musterfabrik_berlin_tragwerkslehre_pdf_vorschau {background:url(../images/gray/bachelor/musterfabrik-berlin/pdf-musterfabrik-berlin-250-180px-tragwerkslehre.png);} #plan_area_presentation_horizontal_musterfabrik_berlin_technischer_ausbau_pdf_vorschau {background:url(../images/gray/bachelor/musterfabrik-berlin/pdf-musterfabrik-berlin-250-180px-technischer-ausbau.png);} #plan_area_presentation_horizontal_einfamilienhaus_in_remshalden_terminplanung_pdf_vorschau {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/pdf-einfamilienhaus-in-remshalden-terminplanung-250-180px.png);} #plan_area_presentation_horizontal_kuenstler_nest_pdf_vorschau {background:url(../images/gray/bachelor/kuenstler-nest/pdf-kuenstler-nest-250-180px.png);} #plan_area_presentation_horizontal_rosensteinviertel_bebauungsplan_grafischer_teil_pdf_vorschau {background:url(../images/gray/master/rosensteinviertel-bebauungsplan/pdf-rosensteinviertel-bebauungsplan-grafischer-teil-180-250px.png);} #plan_area_presentation_horizontal_ticket_service_cafe_shop_pdf_vorschau {background:url(../images/gray/master/ticket-service-cafe-shop/pdf-ticket-service-cafe-shop-250-180px.png);} #plan_area_presentation_horizontal_der_knotenhaus_pdf_vorschau {background:url(../images/gray/master/der-medienknoten/pdf-der-medienknoten-250-180px.png);} .plan_area_presentation_text { order:2; display:flex; margin-top:5px; justify-content:center; text-align:center; font-weight:bold; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #slider_butons_on { order:3; display:flex; flex-direction:row; margin:0px 0px 100px 0px; } #slider_butons_off { order:3; display:flex; flex-direction:row; visibility: hidden; } #slider_butons_area_orange, #slider_butons_area_gray, #slider_butons_area_green, #slider_butons_area_white { margin:0px 0px 0px 0px; padding:10px 20px; display:flex; flex-direction:row; justify-content:center; align-content:center; } #slider_butons_area_orange {background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2)} #slider_butons_area_gray {background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} #slider_butons_area_green {background:rgba(140,180,0,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2)} #slider_butons_area_white {background:rgba(242,242,242,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} .back_slide_off, .up_slide_off, .next_slide_off, .home_slide_off, .site_map_slide {display:none;} .back_slide, .up_slide, .next_slide, .home_slide, .site_map_slide { display:flex; flex-direction:column; align-self:center; cursor:pointer; } .site_map_slide {margin:0px 0px 0px 15px;} .image_slide_holder { width:80px; height:50px; } .back_image_slide, .up_image_slide, .next_image_slide, .home_image_slide, .site_map_image_slide { position:absolute; height:inherit; width:inherit; opacity:1; transition: opacity 0.2s ease-in-out; } .back_image_slide_full, .up_image_slide_full, .next_image_slide_full, .home_image_slide_full, .site_map_image_slide_full { position:absolute; height:inherit; width:inherit; opacity:0; transition: opacity 0.2s ease-in-out; } .back_slide:hover .back_image_slide {opacity:0;} .back_slide:hover .back_image_slide_full {opacity:1;} .up_slide:hover .up_image_slide {opacity:0;} .up_slide:hover .up_image_slide_full {opacity:1;} .nextp_slide:hover .next_image_slide {opacity:0;} .next_slide:hover .next_image_slide_full {opacity:1;} .home_slide:hover .home_image_slide {opacity:0;} .home_slide:hover .home_image_slide_full {opacity:1;} .site_map_slide:hover .site_map_image_slide {opacity:0;} .site_map_slide:hover .site_map_image_slide_full {opacity:1;} .back_image_slide {background:url(../images/web_engine/butons/icon_5_buton_back.png);} .back_image_slide_full {background:url(../images/web_engine/butons/icon_5_buton_back_full.png);} .up_image_slide {background:url(../images/web_engine/butons/icon_8_buton_up.png);} .up_image_slide_full {background:url(../images/web_engine/butons/icon_8_buton_up_full.png);} .next_image_slide {background:url(../images/web_engine/butons/icon_9_buton_next.png);} .next_image_slide_full {background:url(../images/web_engine/butons/icon_9_buton_next_full.png);} .home_image_slide {background:url(../images/web_engine/butons/icon_6_buton_home.png);} .home_image_slide_full {background:url(../images/web_engine/butons/icon_6_buton_home_full.png);} .site_map_image_slide {background:url(../images/web_engine/butons/icon_7_buton_sitemap.png);} .site_map_image_slide_full {background:url(../images/web_engine/butons/icon_7_buton_sitemap_full.png);} .buton_text_slide { flex:2 1 auto; width:80px; font-size:14pt; font-weight:bold; text-align:center; } /*---------------------------------------------------------------------------------------*/ #tables_description_right_side { order:2; width:500px; margin:75px 75px 100px 0; display:flex; flex-direction:column; } #table_description_title { text-align:center; display:flex; margin:75px 50px 50px 50px; padding:5px 25px; border:4px solid; flex-direction:column; justify-content:center; align-self:center; } .description_text_submenu_1to1 { padding:75px 40px 50px 40px; display:flex; flex-direction:row; } .description_text_submenu_1to1_quote { padding:15px 40px 15px 40px; display:flex; flex-direction:row; } .description_text_submenu_1to1_description { padding:0px 40px 0px 40px; display:flex; flex-direction:row; align-content:stretch; } .description_text_submenu_1to1_tables_row { order:2; padding:15px 40px 0px 40px; display:flex; flex-direction:row; } .description_text_submenu_1to1_tables_column { order:2; padding:15px 40px 0px 40px; display:flex; flex-direction:column; } .description_text_submenu_overflowing_lines_row { background:url(../images/web_engine/backgrounds/linien_hintergrund_ligth_10_black.png); background-repeat:repeat; background-attachment:fixed; padding:7px 40px; margin:7px -40px; display:inherit; width:100%; flex-direction:inherit; } .description_text_submenu_overflowing_lines_column { background:url(../images/web_engine/backgrounds/linien_hintergrund_ligth_10_black.png); background-repeat:repeat; background-attachment:fixed; padding:7px 0px 8px 40px; margin:-7px 0px -8px -40px; display:inherit; height:100%; flex-direction:inherit; } .description_text_submenu_1to1_1 { order:1; width:45%; margin:0 7px 0 0; } .description_text_submenu_1to1_2 { order:2; width:55%; margin-left:5%; } #description_pages_window_on, #description_pages_window_off { order:3; height:50px; display:flex; margin-top:-50px; padding-right:40px; justify-content:flex-end; } #description_pages_window_off {display:none;} #description_color_orange, #description_color_gray, #description_color_green, #description_color_white { width:500px; min-height:225px; display:flex; flex-direction:column; align-content:center; padding-bottom:100px; } #description_color_orange { background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2)} #description_color_gray { background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} #description_color_green { background:rgba(140,180,0,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2)} #description_color_white { background:rgba(242,242,242,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} /*---------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /*-------------------------------------FORMULAR START--------------------------------------------------*/ #formular_submenu { padding:0px 40px 0px 40px; display:flex; order:2; flex-direction:column; } .formular_submenu_header_information, .formular_question_title, .formular_message_title, .formular_message_footer, .formular_date_time { display:none; } .formular_submenu_no_input { display:flex; align-items:center; padding:0px 0px 0px 10px; } .formular_submenu_input_in_front { display:flex; align-items:center; padding:0px 0px 0px 10px; } .formular_submenu_input_in_front_hidden { align-items:center; padding:0px 0px 0px 10px; display:none; } .formular_submenu_input_title { width:30%; display:flex; margin:0 0 0 0px; padding:10px 0px; font-weight:bold; } .formular_submenu_input_after { flex-direction:column; display:flex; padding:50px 0px 0px 0px; } .formular_submenu_input_writting { display:flex; width:100%; height:100%; } .formular_submenu_input_chose { display:flex; padding:0px 20px 0px 10px; justify-content:flex-start; } .formular_submenu_input_chose_title { display:flex; font-weight:bold; align-self:center; } .formular_submenu_input_chosing { display:flex; } .input_half_row { width:40%; } .input_full_row { width:100%; } .input_half_row, .input_full_row { padding: 2.5px 6px; font-family:play; height:17px; color:rgba(77,77,77,1); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); background:rgba(255,255,255,1); overflow:hidden; white-space: nowrap; margin: 0px 18px 0px 0px; } .input_chose_options, .input_chose_options_selected { width:50px; height:25px; margin:0px 0 0 20px; display:flex; padding:1px; cursor:pointer; transition: background 0.2s ease-in-out; } .input_chose_options {background:rgba(77,77,77,0);} .input_chose_options_selected {background:rgba(77,77,77,1);} .chose_options { font-family:play; color:rgba(77,77,77,1); cursor:pointer; height:100%; width:100%; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2); display:flex; background:rgba(255,255,255,1); align-items:center; justify-content:center; } .input_field { background:rgba(255,255,255,1); padding:10px 10px; margin:25px 0px 25px 0px; font-family:play; color:rgba(77,77,77,1); width:100%; min-height:350px; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); overflow-y: scroll; resize:vertical; } .input_buton { display:flex; margin:50px 0px 35px 0px; justify-content:flex-start; } .send_buton_area { display:flex; color: rgba(77,77,77,1); align-items:center; flex-direction:column; padding:10px 10px; background:rgba(255,255,255,1); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); cursor:pointer; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .send_buton_area:hover { background:rgba(77,77,77,1); color:rgba(255,255,255,1); } .send_buton_text { font-size:12pt; font-weight:bold; } /*----------------------------------------FORMULAR END-----------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ .description_and_big_pic_orange, .description_and_big_pic_gray, .description_and_big_pic_green, .description_and_big_pic_white { display:flex; height:400px; width:1000px; } .description_and_big_pic_orange {background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2)} .description_and_big_pic_gray {background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1)} .description_and_big_pic_green {background:rgba(140,180,0,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2); padding: -25px 0px 0px 25px; } .description_and_big_pic_white { background:rgba(242,242,242,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #big_pic_green_container, .big_pic_green_container { order:2; display:flex; height:350px; width:725px; margin:0px 50px -25px 50px; align-self:center; justify-content:space-around; align-items:center; } #big_pic_picture_archicad, #big_pic_picture_autocad, #big_pic_picture_cinema, #big_pic_picture_sketchup, #big_pic_picture_unreal_engine, #big_pic_picture_photoshop, #big_pic_picture_illustrator, #big_pic_picture_indesign, #big_pic_picture_dreamweaver, #big_pic_picture_word, #big_pic_picture_project, #big_pic_picture_excel, #big_pic_picture_powerpoint, #big_pic_picture_scheiben_und_waenden_presentation, #big_pic_picture_badehaus_presentation, #big_pic_picture_paravent_presentation, #big_pic_picture_wohnne_zwischen_zwei_waenden_presentation, #big_pic_picture_darstellungsgeometrie_presentation, #big_pic_picture_doppelhaus_presentation, #big_pic_picture_wohnen_hinter_einer_wand_presentation, #big_pic_picture_stadtbezirk_feuerbach_presentation, #big_pic_picture_erweiterung_burgholzhof_presentation, #big_pic_picture_ein_haus_fuer_nachhaltige_kunst_presentation, #big_pic_picture_dachgeschoss_als_vollgeschoss_presentation, #big_pic_picture_ein_anderes_haus_presentation, #big_pic_picture_das_segal_prinzip_presentation, #big_pic_picture_rosensteinviertel_presentation, #big_pic_picture_musterfabrik_berlin_presentation, #big_pic_picture_parochial_di_san_giacomo_presentation, #big_pic_picture_wuerfel_hoch_drei_presentation, #big_pic_picture_einfamilienhaus_in_remshalden_presentation, #big_pic_picture_kuenstler_nest_presentation, #big_pic_picture_static_christuskirche_in_karlsruhe_presentation, #big_pic_picture_ausstellungspavillon_fuer_architektur_presentation, #big_pic_picture_projektbeschreibung_kkl_stuttgart_und_hkw_presentation, #big_pic_picture_rosensteinviertel_bebauungsplan_presentation, #big_pic_picture_doppelblockhaus_bauhaussiedlung_weimar_presentation, #big_pic_picture_archiv_der_moderne_presentation, #big_pic_picture_atelierhaus_fuer_mode_presentation, #big_pic_picture_individuelle_vielfalt_presentation, #big_pic_picture_estadio_el_malecon_presentation, #big_pic_picture_ticket_service_cafe_shop_presentation, #big_pic_picture_arbeitsinseln_presentation, #big_pic_picture_kultur_und_kongresszentrum_presentation, #big_pic_picture_zukunft_der_stadt_presentation, /*---------------------------------------------------------------------------------------*/ #big_pic_picture_fh_erfurt_presentation, #big_pic_picture_hft_stuttgart_presentation, #big_pic_picture_htwg_konstanz_presentation , #big_pic_picture_sba_stuttgart_presentation, #big_pic_picture_spaett_architekten_konstanz_presentation, #big_pic_picture_wilhelm_scherz_pereira_presentation, #big_pic_picture_pappe_presentation, #big_pic_picture_holz_presentation, #big_pic_picture_gips_presentation, #big_pic_picture_plexiglas_presentation, #big_pic_picture_laser_presentation, #big_pic_picture_der_medienknoten { order:2; height:350px; width:725px; align-self:center; } #big_pic_picture_archicad {background:url(../images/orange/hard_skills/archicad-20-725px-350px.png);} #big_pic_picture_autocad {background:url(../images/orange/hard_skills/autocad-2017-725-350px.png);} #big_pic_picture_cinema {background:url(../images/orange/hard_skills/cinema-4d-r17-725-350px.png);} #big_pic_picture_sketchup {background:url(../images/orange/hard_skills/sketchup-2016-725-350px.png);} #big_pic_picture_unreal_engine {background:url(../images/orange/hard_skills/unreal-engine-4-725-350px.png);} #big_pic_picture_photoshop {background:url(../images/orange/hard_skills/potoshop-cc-2015.1-725-350px.png);} #big_pic_picture_illustrator {background:url(../images/orange/hard_skills/illustrator-cc-2015.1-725-350px.png);} #big_pic_picture_indesign {background:url(../images/orange/hard_skills/indesign-cc-2015.1-725-350px.png);} #big_pic_picture_dreamweaver {background:url(../images/orange/hard_skills/dreamweaver-cc-2015.1-725-350px.png);} #big_pic_picture_word {background:url(../images/orange/hard_skills/ms-word-2016-725-350px.png);} #big_pic_picture_project {background:url(../images/orange/hard_skills/ms-project-2016-725-350px.png);} #big_pic_picture_excel {background:url(../images/orange/hard_skills/ms-excel-2016-725-350px.png);} #big_pic_picture_powerpoint {background:url(../images/orange/hard_skills/ms-powerpointt-2016-725-350px.png);} #big_pic_picture_scheiben_und_waenden_presentation {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-0-725-350px.png);} #big_pic_picture_badehaus_presentation {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-0-725-350px.png);} #big_pic_picture_paravent_presentation {background:url(../images/gray/bachelor/paravent/paravent-0-725-350px.png);} #big_pic_picture_wohnne_zwischen_zwei_waenden_presentation {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-0-725-350px.png);} #big_pic_picture_darstellungsgeometrie_presentation {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-0-725-350px.png);} #big_pic_picture_doppelhaus_presentation {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-0-750-350px.png);} #big_pic_picture_wohnen_hinter_einer_wand_presentation {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-0-725-350px.png);} #big_pic_picture_stadtbezirk_feuerbach_presentation {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-0-725-350px.png);} #big_pic_picture_erweiterung_burgholzhof_presentation {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-0-725-350px.png);} #big_pic_picture_ein_haus_fuer_nachhaltige_kunst_presentation {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-0-725-350px.png);} #big_pic_picture_dachgeschoss_als_vollgeschoss_presentation {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-0-725-350px.png);} #big_pic_picture_ein_anderes_haus_presentation {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-0-725-350px.png);} #big_pic_picture_das_segal_prinzip_presentation {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-0-725-350px.png);} #big_pic_picture_rosensteinviertel_presentation {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-0-725-350px.png);} #big_pic_picture_musterfabrik_berlin_presentation {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-0-725-350px.png);} #big_pic_picture_parochial_di_san_giacomo_presentation {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-0-725-350px.png);} #big_pic_picture_wuerfel_hoch_drei_presentation {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-0-725-350px.png);} #big_pic_picture_einfamilienhaus_in_remshalden_presentation {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-0-725-350px.png);} #big_pic_picture_kuenstler_nest_presentation {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-0-725-350px.png);} #big_pic_picture_static_christuskirche_in_karlsruhe_presentation {background:url(../images/gray/bachelor/christuskirche-in-karlsruhe/christuskirche-in-karlsruhe-0-725-350px.png);} #big_pic_picture_ausstellungspavillon_fuer_architektur_presentation {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-0-725-350px.png);} #big_pic_picture_projektbeschreibung_kkl_stuttgart_und_hkw_presentation {background:url(../images/gray/master/projektbeschreibung-kkl-stuttgart-und-hkw-berlin/projektbeschreibung-kkl-stuttgart-und-hkw-berlin-0-725-350px.png);} #big_pic_picture_rosensteinviertel_bebauungsplan_presentation {background:url(../images/gray/master/rosensteinviertel-bebauungsplan/rosensteinviertel-bebauungsplan-0-725-350px.png);} #big_pic_picture_doppelblockhaus_bauhaussiedlung_weimar_presentation {background:url(../images/gray/master/doppelblockhaus-bauhaussiedlung-weimar/doppelblockhaus-bauhaussiedlung-weimar-0-725-350px.png);} #big_pic_picture_archiv_der_moderne_presentation {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-0-725-350px.png);} #big_pic_picture_atelierhaus_fuer_mode_presentation {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-0-725-350px.png);} #big_pic_picture_individuelle_vielfalt_presentation {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-0-725-350px.png);} #big_pic_picture_estadio_el_malecon_presentation {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-0-725-350px.png);} #big_pic_picture_ticket_service_cafe_shop_presentation {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-0-725-350px.png);} #big_pic_picture_arbeitsinseln_presentation {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-0-725-350px.png);} #big_pic_picture_kultur_und_kongresszentrum_presentation {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-0-725-350px.png);} #big_pic_picture_zukunft_der_stadt_presentation {background:url(../images/gray/master/zukunft-der-stadt/zukunft-der-stadt-0-725-350px.png);} #big_pic_picture_der_medienknoten {background:url(../images/gray/master/der-medienknoten/der-medienknoten-725-350px.png);} /*---------------------------------------------------------------------------------------*/ #big_pic_picture_fh_erfurt_presentation {background:url(../images/green/links/fachhochschule-erfurt-725-350px.png);} #big_pic_picture_hft_stuttgart_presentation {background:url(../images/green/links/hochschule-fuer-technik-stuttgart-725-350px.png);} #big_pic_picture_htwg_konstanz_presentation {background:url(../images/green/links/htwg-konstanz-725-350px.png);} #big_pic_picture_sba_stuttgart_presentation {background:url(../images/green/links/sba-725-350px.png);} #big_pic_picture_spaett_architekten_konstanz_presentation {background:url(../images/green/links/spaett-architekten-725-350px.png);} #big_pic_picture_wilhelm_scherz_pereira_presentation {background:url(../images/green/links/wilhelm-scherz-725-350px.png);} #big_pic_picture_pappe_presentation {background:url(../images/green/modellbau/pappe/pappe-0-725-350px.png);} #big_pic_picture_holz_presentation {background:url(../images/green/modellbau/holz/holz-0-725-350px.png);} #big_pic_picture_gips_presentation {background:url(../images/green/modellbau/gips/gips-0-725-350px.png);} #big_pic_picture_plexiglas_presentation {background:url(../images/green/modellbau/plexiglas/plexiglas-0-725-350px.png);} #big_pic_picture_laser_presentation {background:url(../images/green/modellbau/lasern/lasern-0-725-350px.png);} .big_pic_description_container { order:1; flex-direction:column; width:215px; display:flex; margin:25px 10px 25px 25px; justify-content:center; } .big_pic_description_container_center { order:1; flex-direction:column; width:215px; display:flex; self-align:center; margin:0px 0px 0px 25px; } .big_pic_description_container_center_normal { order:1; flex-direction:column; width:215px; display:flex; self-align:center; margin:0px 0px 0px 0px; } .big_pic_description_title {} .big_pic_description_title_link_green { margin:0px -10px 0px -25px; padding:10px 10px 10px 25px; background:rgba(77,77,77,0); cursor:pointer; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .big_pic_description_title_link_green:hover {background:rgba(77,77,77,1); color:rgba(140,180,0,1)} .big_pic_description_text { padding:10px 0 0 0; flex:1; } .big_pic_description_status {padding:10px 0;} .big_pic_description_link_orange, .big_pic_description_link_gray, .big_pic_description_link_green, .big_pic_description_link_withe { cursor:pointer; font-weight:bold; border:1px solid rgba(77,77,77,1); padding:2px 2px 2px 10px; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .big_pic_description_link_orange:hover {background:rgba(77,77,77,1); color:rgba(255,180,60,1); } .big_pic_description_link_gray:hover {background:rgba(77,77,77,1); color:rgba(209,209,209,1); } .big_pic_description_link_green:hover {background:rgba(77,77,77,1); color:rgba(140,180,0,1); } .big_pic_description_link_withe:hover {background:rgba(77,77,77,1); color:rgbargb(242,242,242); } /*---------------------------------------------------------------------------------------*/ /*-------------------------- Pic Show -----------------------------------*/ /*---------------------------------------------------------------------------------------*/ #pic_show_orange, #pic_show_gray, #pic_show_green, #pic_show_white { order:3; display:flex; margin:0 -50px 75px -50px; padding:50px; flex-direction:column; } #pic_show_orange {background:rgba(255,180,60,1);} #pic_show_gray { background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} #pic_show_green {background:rgba(140,198,63,1);} #pic_show_white {background:rgb(242,242,242);} #full_pic { order:1; width:900px; height:450px; margin-bottom:20px; display:flex; background:rgb(242,242,242); transition: background 0.2s ease-in-out; } #pic_preview_navigation { order:2; display:flex; flex-wrap:wrap; min-height:80px; width:910px; justify-content:center; align-items:center; margin:0 -5px; } #full_pic_static { order:1; width:900px; height:450px; display:flex; background:rgb(242,242,242); transition: background 0.2s ease-in-out; } .full_pic_static_class { order:1; margin:25px; width:900px; height:450px; display:flex; background:rgb(242,242,242); transition: background 0.2s ease-in-out; } #full_pic_static_christuskirche_in_karlsruhe_one {background:url(../images/gray/bachelor/christuskirche-in-karlsruhe/christuskirche-in-karlsruhe-1-900-450px.png);} #full_pic_static_rosensteinviertel_bebauungsplan_one {background:url(../images/gray/master/rosensteinviertel-bebauungsplan/rosensteinviertel-bebauungsplan-1-900-450px.png);} #full_pic_static_doppelblockhaus_bauhaussiedlung_weimar_one {background:url(../images/gray/master/doppelblockhaus-bauhaussiedlung-weimar/doppelblockhaus-bauhaussiedlung-weimar-1-900-450px.png);} #full_pic_static_zukunft_der_stadt_one {background:url(../images/gray/master/zukunft-der-stadt/zukunft-der-stadt-1-900-450px.png);} #full_pic_static_arbeit_spaett_architekten_one {background:url(../images/gray/arbeit/spaett-architekten/arbeit-bei-spaett-architekten-1-900-450px.png);} #full_pic_static_arbeit_sba_architektur_one {background:url(../images/gray/arbeit/sba-design/arbeit-bei-sba-design-bearbeitung-900-450px.png);} #full_pic_static_pappe_one {background:url(../images/green/modellbau/pappe/pappe-1-900-450px.png);} #full_pic_static_pappe_two {background:url(../images/green/modellbau/pappe/pappe-2-900-450px.png);} #full_pic_static_pappe_tree {background:url(../images/green/modellbau/pappe/pappe-3-900-450px.png);} #full_pic_static_pappe_four {background:url(../images/green/modellbau/pappe/pappe-4-900-450px.png);} #full_pic_static_pappe_five {background:url(../images/green/modellbau/pappe/pappe-5-900-450px.png);} #full_pic_static_holz_one {background:url(../images/green/modellbau/holz/holz-1-900-450px.png);} #full_pic_static_holz_two {background:url(../images/green/modellbau/holz/holz-2-900-450px.png);} #full_pic_static_holz_tree {background:url(../images/green/modellbau/holz/holz-3-900-450px.png);} #full_pic_static_holz_four {background:url(../images/green/modellbau/holz/holz-4-900-450px.png);} #full_pic_static_holz_five {background:url(../images/green/modellbau/holz/holz-5-900-450px.png);} #full_pic_static_holz_six {background:url(../images/green/modellbau/holz/holz-6-900-450px.png);} #full_pic_static_holz_seven {background:url(../images/green/modellbau/holz/holz-7-900-450px.png);} #full_pic_static_gips_one {background:url(../images/green/modellbau/gips/gips-1-900-450px.png);} #full_pic_static_gips_two {background:url(../images/green/modellbau/gips/gips-2-900-450px.png);} #full_pic_static_gips_tree {background:url(../images/green/modellbau/gips/gips-3-900-450px.png);} #full_pic_static_gips_four {background:url(../images/green/modellbau/gips/gips-4-900-450px.png);} #full_pic_static_gips_five {background:url(../images/green/modellbau/gips/gips-5-900-450px.png);} #full_pic_static_gips_six {background:url(../images/green/modellbau/gips/gips-6-900-450px.png);} #full_pic_static_gips_seven {background:url(../images/green/modellbau/gips/gips-7-900-450px.png);} #full_pic_static_gips_nine {background:url(../images/green/modellbau/gips/gips-8-900-450px.png);} #full_pic_static_gips_teen {background:url(../images/green/modellbau/gips/gips-9-900-450px.png);} #full_pic_static_plexiglas_one {background:url(../images/green/modellbau/plexiglas/plexiglas-1-900-450px.png);} #full_pic_static_plexiglas_two {background:url(../images/green/modellbau/plexiglas/plexiglas-2-900-450px.png);} #full_pic_static_plexiglas_tree {background:url(../images/green/modellbau/plexiglas/plexiglas-3-900-450px.png);} #full_pic_static_plexiglas_four {background:url(../images/green/modellbau/plexiglas/plexiglas-4-900-450px.png);} #full_pic_static_plexiglas_five {background:url(../images/green/modellbau/plexiglas/plexiglas-5-900-450px.png);} #full_pic_static_laser_one {background:url(../images/green/modellbau/lasern/lasern-1-900-450px.png);} #full_pic_static_laser_two {background:url(../images/green/modellbau/lasern/lasern-2-900-450px.png);} #full_pic_static_laser_tree {background:url(../images/green/modellbau/lasern/lasern-3-900-450px.png);} #full_pic_static_laser_four {background:url(../images/green/modellbau/lasern/lasern-4-900-450px.png);} #full_pic_static_christuskirche_in_karlsruhe_one, #full_pic_static_rosensteinviertel_bebauungsplan_one, #full_pic_static_doppelblockhaus_bauhaussiedlung_weimar_one, #full_pic_static_zukunft_der_stadt_one, #full_pic_static_arbeit_spaett_architekten_one, #full_pic_static_arbeit_sba_architektur_one , #full_pic_static_pappe_one, #full_pic_static_pappe_two, #full_pic_static_pappe_tree, #full_pic_static_pappe_four, #full_pic_static_pappe_five, #full_pic_static_holz_one, #full_pic_static_holz_two, #full_pic_static_holz_tree, #full_pic_static_holz_four, #full_pic_static_holz_five, #full_pic_static_holz_six, #full_pic_static_holz_seven, #full_pic_static_gips_one, #full_pic_static_gips_two, #full_pic_static_gips_tree, #full_pic_static_gips_four, #full_pic_static_gips_five, #full_pic_static_gips_six, #full_pic_static_gips_seven, #full_pic_static_gips_nine, #full_pic_static_gips_teen, #full_pic_static_plexiglas_one, #full_pic_static_plexiglas_two, #full_pic_static_plexiglas_tree, #full_pic_static_plexiglas_four, #full_pic_static_plexiglas_five, #full_pic_static_laser_one, #full_pic_static_laser_two, #full_pic_static_laser_tree, #full_pic_static_laser_four { position:absolute; width:900px; height:450px; opacity:1; transition: opacity 1.0s ease-in-out; } #full_pic_scheiben_und_waenden_one, #full_pic_scheiben_und_waenden_two, #full_pic_scheiben_und_waenden_three, #full_pic_scheiben_und_waenden_four, #full_pic_scheiben_und_waenden_five, #full_pic_scheiben_und_waenden_six, #full_pic_scheiben_und_waenden_seven, #full_pic_badehaus_one, #full_pic_badehaus_two, #full_pic_badehaus_three, #full_pic_badehaus_four, #full_pic_badehaus_five, #full_pic_badehaus_six, #full_pic_badehaus_seven, #full_pic_paravent_one, #full_pic_paravent_two, #full_pic_paravent_three, #full_pic_paravent_four, #full_pic_paravent_five, #full_pic_paravent_six, #full_pic_paravent_seven, #full_pic_wohnne_zwischen_zwei_waenden_one, #full_pic_wohnne_zwischen_zwei_waenden_two, #full_pic_wohnne_zwischen_zwei_waenden_three, #full_pic_wohnne_zwischen_zwei_waenden_four, #full_pic_wohnne_zwischen_zwei_waenden_five, #full_pic_wohnne_zwischen_zwei_waenden_six, #full_pic_wohnne_zwischen_zwei_waenden_seven, #full_pic_darstellungsgeometrie_one, #full_pic_darstellungsgeometrie_two, #full_pic_darstellungsgeometrie_three, #full_pic_darstellungsgeometrie_four, #full_pic_darstellungsgeometrie_five, #full_pic_darstellungsgeometrie_six, #full_pic_darstellungsgeometrie_seven, #full_pic_darstellungsgeometrie_eight, #full_pic_darstellungsgeometrie_nine, #full_pic_darstellungsgeometrie_teen, #full_pic_darstellungsgeometrie_eleven, #full_pic_darstellungsgeometrie_twelve, #full_pic_darstellungsgeometrie_thirteen, #full_pic_darstellungsgeometrie_fourteen, #full_pic_doppelhaus_one, #full_pic_doppelhaus_two, #full_pic_doppelhaus_three, #full_pic_doppelhaus_four, #full_pic_doppelhaus_five, #full_pic_doppelhaus_six, #full_pic_doppelhaus_seven, #full_pic_wohnen_hinter_einer_wand_one, #full_pic_wohnen_hinter_einer_wand_two, #full_pic_wohnen_hinter_einer_wand_three, #full_pic_wohnen_hinter_einer_wand_four, #full_pic_wohnen_hinter_einer_wand_five, #full_pic_wohnen_hinter_einer_wand_six, #full_pic_wohnen_hinter_einer_wand_seven, #full_pic_stadtbezirk_feuerbach_one, #full_pic_stadtbezirk_feuerbach_two, #full_pic_stadtbezirk_feuerbach_three, #full_pic_stadtbezirk_feuerbach_four, #full_pic_erweiterung_burgholzhof_one, #full_pic_erweiterung_burgholzhof_two, #full_pic_erweiterung_burgholzhof_three, #full_pic_erweiterung_burgholzhof_four, #full_pic_erweiterung_burgholzhof_five, #full_pic_erweiterung_burgholzhof_six, #full_pic_erweiterung_burgholzhof_seven, #full_pic_ein_haus_fuer_nachhaltige_kunst_one, #full_pic_ein_haus_fuer_nachhaltige_kunst_two, #full_pic_ein_haus_fuer_nachhaltige_kunst_three, #full_pic_ein_haus_fuer_nachhaltige_kunst_four, #full_pic_ein_haus_fuer_nachhaltige_kunst_five, #full_pic_ein_haus_fuer_nachhaltige_kunst_six, #full_pic_ein_haus_fuer_nachhaltige_kunst_seven, #full_pic_dachgeschoss_als_vollgeschoss_one, #full_pic_dachgeschoss_als_vollgeschoss_two, #full_pic_dachgeschoss_als_vollgeschoss_three, #full_pic_dachgeschoss_als_vollgeschoss_four, #full_pic_dachgeschoss_als_vollgeschoss_five, #full_pic_dachgeschoss_als_vollgeschoss_six, #full_pic_dachgeschoss_als_vollgeschoss_seven, #full_pic_ein_anderes_haus_one, #full_pic_ein_anderes_haus_two, #full_pic_ein_anderes_haus_three, #full_pic_ein_anderes_haus_four, #full_pic_ein_anderes_haus_five, #full_pic_ein_anderes_haus_six, #full_pic_ein_anderes_haus_seven, #full_pic_das_segal_prinzip_one, #full_pic_das_segal_prinzip_two, #full_pic_das_segal_prinzip_three, #full_pic_das_segal_prinzip_four, #full_pic_das_segal_prinzip_five, #full_pic_das_segal_prinzip_six, #full_pic_das_segal_prinzip_seven, #full_pic_das_segal_prinzip_eight, #full_pic_das_segal_prinzip_nine, #full_pic_das_segal_prinzip_teen, #full_pic_das_segal_prinzip_eleven, #full_pic_das_segal_prinzip_twelve, #full_pic_rosensteinviertel_one, #full_pic_rosensteinviertel_two, #full_pic_rosensteinviertel_three, #full_pic_rosensteinviertel_four, #full_pic_rosensteinviertel_five, #full_pic_rosensteinviertel_six, #full_pic_rosensteinviertel_seven, #full_pic_musterfabrik_berlin_one, #full_pic_musterfabrik_berlin_two, #full_pic_musterfabrik_berlin_three, #full_pic_musterfabrik_berlin_four, #full_pic_musterfabrik_berlin_five, #full_pic_musterfabrik_berlin_six, #full_pic_musterfabrik_berlin_seven, #full_pic_musterfabrik_berlin_eight, #full_pic_musterfabrik_berlin_nine, #full_pic_musterfabrik_berlin_teen, #full_pic_musterfabrik_berlin_eleven, #full_pic_musterfabrik_berlin_twelve, #full_pic_parochial_di_san_giacomo_one, #full_pic_parochial_di_san_giacomo_two, #full_pic_parochial_di_san_giacomo_three, #full_pic_parochial_di_san_giacomo_four, #full_pic_parochial_di_san_giacomo_five, #full_pic_parochial_di_san_giacomo_six, #full_pic_parochial_di_san_giacomo_seven, #full_pic_parochial_di_san_giacomo_eight, #full_pic_parochial_di_san_giacomo_nine, #full_pic_parochial_di_san_giacomo_teen, #full_pic_parochial_di_san_giacomo_eleven, #full_pic_wuerfel_hoch_drei_one, #full_pic_wuerfel_hoch_drei_two, #full_pic_wuerfel_hoch_drei_three, #full_pic_wuerfel_hoch_drei_four, #full_pic_wuerfel_hoch_drei_five, #full_pic_wuerfel_hoch_drei_six, #full_pic_wuerfel_hoch_drei_seven, #full_pic_einfamilienhaus_in_remshalden_one, #full_pic_einfamilienhaus_in_remshalden_two, #full_pic_einfamilienhaus_in_remshalden_three, #full_pic_einfamilienhaus_in_remshalden_four, #full_pic_einfamilienhaus_in_remshalden_five, #full_pic_einfamilienhaus_in_remshalden_six, #full_pic_kuenstler_nest_one, #full_pic_kuenstler_nest_two, #full_pic_kuenstler_nest_three, #full_pic_kuenstler_nest_four, #full_pic_kuenstler_nest_five, #full_pic_kuenstler_nest_six, #full_pic_kuenstler_nest_seven, #full_pic_kuenstler_nest_eight, #full_pic_kuenstler_nest_nine, #full_pic_kuenstler_nest_teen, #full_pic_kuenstler_nest_eleven, #full_pic_kuenstler_nest_twelve, #full_pic_kuenstler_nest_thirteen, #full_pic_kuenstler_nest_fourteen, #full_pic_ausstellungspavillon_fuer_architektur_one, #full_pic_ausstellungspavillon_fuer_architektur_two, #full_pic_ausstellungspavillon_fuer_architektur_three, #full_pic_ausstellungspavillon_fuer_architektur_four, #full_pic_ausstellungspavillon_fuer_architektur_five, #full_pic_ausstellungspavillon_fuer_architektur_six, #full_pic_ausstellungspavillon_fuer_architektur_seven, #full_pic_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_one, #full_pic_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_two, #full_pic_archiv_der_moderne_one, #full_pic_archiv_der_moderne_two, #full_pic_archiv_der_moderne_three, #full_pic_archiv_der_moderne_four, #full_pic_archiv_der_moderne_five, #full_pic_archiv_der_moderne_six, #full_pic_archiv_der_moderne_seven, #full_pic_archiv_der_moderne_eight, #full_pic_archiv_der_moderne_nine, #full_pic_archiv_der_moderne_teen, #full_pic_archiv_der_moderne_eleven, #full_pic_archiv_der_moderne_twelve, #full_pic_archiv_der_moderne_thirteen, #full_pic_atelierhaus_fuer_mode_one, #full_pic_atelierhaus_fuer_mode_two, #full_pic_atelierhaus_fuer_mode_three, #full_pic_atelierhaus_fuer_mode_four, #full_pic_atelierhaus_fuer_mode_five, #full_pic_atelierhaus_fuer_mode_six, #full_pic_atelierhaus_fuer_mode_seven, #full_pic_individuelle_vielfalt_one, #full_pic_individuelle_vielfalt_two, #full_pic_individuelle_vielfalt_three, #full_pic_individuelle_vielfalt_four, #full_pic_individuelle_vielfalt_five, #full_pic_individuelle_vielfalt_six, #full_pic_individuelle_vielfalt_seven, #full_pic_individuelle_vielfalt_eight, #full_pic_individuelle_vielfalt_nine, #full_pic_individuelle_vielfalt_teen, #full_pic_individuelle_vielfalt_eleven, #full_pic_individuelle_vielfalt_twelve, #full_pic_individuelle_vielfalt_thirteen, #full_pic_individuelle_vielfalt_fourteen, #full_pic_estadio_el_malecon_one, #full_pic_estadio_el_malecon_two, #full_pic_estadio_el_malecon_three, #full_pic_estadio_el_malecon_four, #full_pic_estadio_el_malecon_five, #full_pic_estadio_el_malecon_six, #full_pic_estadio_el_malecon_seven, #full_pic_estadio_el_malecon_eight, #full_pic_estadio_el_malecon_nine, #full_pic_estadio_el_malecon_teen, #full_pic_estadio_el_malecon_eleven, #full_pic_estadio_el_malecon_twelve, #full_pic_estadio_el_malecon_thirteen, #full_pic_estadio_el_malecon_fourteen, #full_pic_ticket_service_cafe_shop_one, #full_pic_ticket_service_cafe_shop_two, #full_pic_ticket_service_cafe_shop_three, #full_pic_ticket_service_cafe_shop_four, #full_pic_ticket_service_cafe_shop_five, #full_pic_ticket_service_cafe_shop_six, #full_pic_ticket_service_cafe_shop_seven, #full_pic_ticket_service_cafe_shop_eight, #full_pic_ticket_service_cafe_shop_nine, #full_pic_ticket_service_cafe_shop_teen, #full_pic_ticket_service_cafe_shop_eleven, #full_pic_ticket_service_cafe_shop_twelve, #full_pic_arbeitsinseln_one, #full_pic_arbeitsinseln_two, #full_pic_arbeitsinseln_three, #full_pic_arbeitsinseln_four, #full_pic_arbeitsinseln_five, #full_pic_arbeitsinseln_six, #full_pic_arbeitsinseln_seven, #full_pic_arbeitsinseln_eight, #full_pic_arbeitsinseln_nine, #full_pic_arbeitsinseln_teen, #full_pic_arbeitsinseln_eleven, #full_pic_arbeitsinseln_twelve, #full_pic_arbeitsinseln_thirteen, #full_pic_arbeitsinseln_fourteen, #full_pic_kultur_und_kongresszentrum_one, #full_pic_kultur_und_kongresszentrum_two, #full_pic_kultur_und_kongresszentrum_three, #full_pic_kultur_und_kongresszentrum_four, #full_pic_kultur_und_kongresszentrum_five, #full_pic_kultur_und_kongresszentrum_six, #full_pic_kultur_und_kongresszentrum_seven, #full_pic_kultur_und_kongresszentrum_eight, #full_pic_kultur_und_kongresszentrum_nine, #full_pic_kultur_und_kongresszentrum_teen, #full_pic_kultur_und_kongresszentrum_eleven, #full_pic_kultur_und_kongresszentrum_twelve, #full_pic_kultur_und_kongresszentrum_thirteen, #full_pic_kultur_und_kongresszentrum_fourteen, #full_pic_der_medienknoten_one, #full_pic_der_medienknoten_two, #full_pic_der_medienknoten_three, #full_pic_der_medienknoten_four, #full_pic_der_medienknoten_five, #full_pic_der_medienknoten_six, #full_pic_der_medienknoten_seven, #full_pic_der_medienknoten_eight, #full_pic_der_medienknoten_nine, #full_pic_der_medienknoten_teen, #full_pic_der_medienknoten_eleven, #full_pic_der_medienknoten_twelve, #full_pic_der_medienknoten_thirteen, #full_pic_der_medienknoten_fourteen { position:absolute; width:900px; height:450px; opacity:0; transition: opacity 1.0s ease-in-out; } #full_pic_scheiben_und_waenden_one {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-1-900-450px.png);} #full_pic_scheiben_und_waenden_two {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-2-900-450px.png);} #full_pic_scheiben_und_waenden_three {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-3-900-450px.png);} #full_pic_scheiben_und_waenden_four {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-4-900-450px.png);} #full_pic_scheiben_und_waenden_five {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-5-900-450px.png);} #full_pic_scheiben_und_waenden_six {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-6-900-450px.png);} #full_pic_scheiben_und_waenden_seven {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-7-900-450px.png);} #full_pic_badehaus_one {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-1-900-450px.png);} #full_pic_badehaus_two {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-2-900-450px.png);} #full_pic_badehaus_three {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-3-900-450px.png);} #full_pic_badehaus_four {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-4-900-450px.png);} #full_pic_badehaus_five {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-5-900-450px.png);} #full_pic_badehaus_six {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-6-900-450px.png);} #full_pic_badehaus_seven {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-7-900-450px.png);} #full_pic_paravent_one {background:url(../images/gray/bachelor/paravent/paravent-1-900-450px.png);} #full_pic_paravent_two {background:url(../images/gray/bachelor/paravent/paravent-2-900-450px.png);} #full_pic_paravent_three {background:url(../images/gray/bachelor/paravent/paravent-3-900-450px.png);} #full_pic_paravent_four {background:url(../images/gray/bachelor/paravent/paravent-4-900-450px.png);} #full_pic_paravent_five {background:url(../images/gray/bachelor/paravent/paravent-5-900-450px.png);} #full_pic_paravent_six {background:url(../images/gray/bachelor/paravent/paravent-6-900-450px.png);} #full_pic_paravent_seven {background:url(../images/gray/bachelor/paravent/paravent-7-900-450px.png);} #full_pic_wohnne_zwischen_zwei_waenden_one {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-1-900X-450px.png);} #full_pic_wohnne_zwischen_zwei_waenden_two {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-2-900-450px.png);} #full_pic_wohnne_zwischen_zwei_waenden_three {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-3-900-450px.png);} #full_pic_wohnne_zwischen_zwei_waenden_four {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-4-900-450px.png);} #full_pic_wohnne_zwischen_zwei_waenden_five {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-5-900-450px.png);} #full_pic_wohnne_zwischen_zwei_waenden_six {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-6-900-450px.png);} #full_pic_wohnne_zwischen_zwei_waenden_seven {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-7-900-450px.png);} #full_pic_darstellungsgeometrie_one {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-1-900-450px.png);} #full_pic_darstellungsgeometrie_two {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-2-900-450px.png);} #full_pic_darstellungsgeometrie_three {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-3-900-450px.png);} #full_pic_darstellungsgeometrie_four {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-4-900-450px.png);} #full_pic_darstellungsgeometrie_five {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-5-900-450px.png);} #full_pic_darstellungsgeometrie_six {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-6-900-450px.png);} #full_pic_darstellungsgeometrie_seven {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-7-900-450px.png);} #full_pic_darstellungsgeometrie_eight {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-8-900-450px.png);} #full_pic_darstellungsgeometrie_nine {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-9-900-450px.png);} #full_pic_darstellungsgeometrie_teen {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-10-900-450px.png);} #full_pic_darstellungsgeometrie_eleven {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-11-900-450px.png);} #full_pic_darstellungsgeometrie_twelve {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-12-900-450px.png);} #full_pic_darstellungsgeometrie_thirteen {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-13-900-450px.png);} #full_pic_darstellungsgeometrie_fourteen {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-14-900-450px.png);} #full_pic_doppelhaus_one {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-1-900-450px.png);} #full_pic_doppelhaus_two {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-2-900-450px.png);} #full_pic_doppelhaus_three {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-3-900-450px.png);} #full_pic_doppelhaus_four {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-4-900-450px.png);} #full_pic_doppelhaus_five {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-5-900-450px.png);} #full_pic_doppelhaus_six {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-6-900-450px.png);} #full_pic_doppelhaus_seven {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-7-900-450px.png);} #full_pic_wohnen_hinter_einer_wand_one {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-1-900-450px.png);} #full_pic_wohnen_hinter_einer_wand_two {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-2-900-450px.png);} #full_pic_wohnen_hinter_einer_wand_three {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-3-900-450px.png);} #full_pic_wohnen_hinter_einer_wand_four {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-4-900-450px.png);} #full_pic_wohnen_hinter_einer_wand_five {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-5-900-450px.png);} #full_pic_wohnen_hinter_einer_wand_six {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-6-900-450px.png);} #full_pic_wohnen_hinter_einer_wand_seven {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-7-900-450px.png);} #full_pic_stadtbezirk_feuerbach_one {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-1-900-450px.png);} #full_pic_stadtbezirk_feuerbach_two {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-2-900-450px.png);} #full_pic_stadtbezirk_feuerbach_three {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-3-900-450px.png);} #full_pic_stadtbezirk_feuerbach_four {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-4-900-450px.png);} #full_pic_erweiterung_burgholzhof_one {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-1-900-450px.png);} #full_pic_erweiterung_burgholzhof_two {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-2-900-450px.png);} #full_pic_erweiterung_burgholzhof_three {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-3-900-450px.png);} #full_pic_erweiterung_burgholzhof_four {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-4-900-450px.png);} #full_pic_erweiterung_burgholzhof_five {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-5-900-450px.png);} #full_pic_erweiterung_burgholzhof_six {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-6-900-450px.png);} #full_pic_erweiterung_burgholzhof_seven {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-7-900-450px.png);} #full_pic_ein_haus_fuer_nachhaltige_kunst_one {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-1-900-450px.png);} #full_pic_ein_haus_fuer_nachhaltige_kunst_two {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-2-900-450px.png);} #full_pic_ein_haus_fuer_nachhaltige_kunst_three {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-3-900-450px.png);} #full_pic_ein_haus_fuer_nachhaltige_kunst_four {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-4-900-450px.png);} #full_pic_ein_haus_fuer_nachhaltige_kunst_five {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-5-900-450px.png);} #full_pic_ein_haus_fuer_nachhaltige_kunst_six {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-6-900-450px.png);} #full_pic_ein_haus_fuer_nachhaltige_kunst_seven {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-7-900-450px.png);} #full_pic_dachgeschoss_als_vollgeschoss_one {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-1-900-450px.png);} #full_pic_dachgeschoss_als_vollgeschoss_two {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-2-900-450px.png);} #full_pic_dachgeschoss_als_vollgeschoss_three {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-3-900-450px.png);} #full_pic_dachgeschoss_als_vollgeschoss_four {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-4-900-450px.png);} #full_pic_dachgeschoss_als_vollgeschoss_five {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-5-900-450px.png);} #full_pic_dachgeschoss_als_vollgeschoss_six {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-6-900-450px.png);} #full_pic_dachgeschoss_als_vollgeschoss_seven {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-7-900-450px.png);} #full_pic_ein_anderes_haus_one {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-1-900-450px.png);} #full_pic_ein_anderes_haus_two {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-2-900-450px.png);} #full_pic_ein_anderes_haus_three {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-3-900-450px.png);} #full_pic_ein_anderes_haus_four {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-4-900-450px.png);} #full_pic_ein_anderes_haus_five {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-5-900-450px.png);} #full_pic_ein_anderes_haus_six {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-6-900-450px.png);} #full_pic_ein_anderes_haus_seven {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-7-900-450px.png);} #full_pic_das_segal_prinzip_one {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-1-900-450px.png);} #full_pic_das_segal_prinzip_two {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-2-900-450px.png);} #full_pic_das_segal_prinzip_three {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-3-900-450px.png);} #full_pic_das_segal_prinzip_four {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-4-900-450px.png);} #full_pic_das_segal_prinzip_five {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-5-900-450px.png);} #full_pic_das_segal_prinzip_six {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-6-900-450px.png);} #full_pic_das_segal_prinzip_seven {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-7-900-450px.png);} #full_pic_das_segal_prinzip_eight {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-8-900-450px.png);} #full_pic_das_segal_prinzip_nine {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-9-900-450px.png);} #full_pic_das_segal_prinzip_teen {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-10-900-450px.png);} #full_pic_das_segal_prinzip_eleven {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-11-900-450px.png);} #full_pic_das_segal_prinzip_twelve {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-12-900-450px.png);} #full_pic_rosensteinviertel_one {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-1-900-450px.png);} #full_pic_rosensteinviertel_two {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-2-900-450px.png);} #full_pic_rosensteinviertel_three {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-3-900-450px.png);} #full_pic_rosensteinviertel_four {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-4-900-450px.png);} #full_pic_rosensteinviertel_five {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-5-900-450px.png);} #full_pic_rosensteinviertel_six {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-6-900-450px.png);} #full_pic_rosensteinviertel_seven {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-7-900-450px.png);} #full_pic_musterfabrik_berlin_one {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-1-900-450px.png);} #full_pic_musterfabrik_berlin_two {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-2-900-450px.png);} #full_pic_musterfabrik_berlin_three {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-3-900-450px.png);} #full_pic_musterfabrik_berlin_four {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-4-900-450px.png);} #full_pic_musterfabrik_berlin_five {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-5-900-450px.png);} #full_pic_musterfabrik_berlin_six {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-6-900-450px.png);} #full_pic_musterfabrik_berlin_seven {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-7-900-450px.png);} #full_pic_musterfabrik_berlin_eight {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-8-900-450px.png);} #full_pic_musterfabrik_berlin_nine {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-9-900-450px.png);} #full_pic_musterfabrik_berlin_teen {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-10-900-450px.png);} #full_pic_musterfabrik_berlin_eleven {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-11-900-450px.png);} #full_pic_musterfabrik_berlin_twelve {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-12-900-450px.png);} #full_pic_parochial_di_san_giacomo_one {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-1-900-450px.png);} #full_pic_parochial_di_san_giacomo_two {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-2-900-450px.png);} #full_pic_parochial_di_san_giacomo_three {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-3-900-450px.png);} #full_pic_parochial_di_san_giacomo_four {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-4-900-450px.png);} #full_pic_parochial_di_san_giacomo_five {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-5-900-450px.png);} #full_pic_parochial_di_san_giacomo_six {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-6-900-450px.png);} #full_pic_parochial_di_san_giacomo_seven {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-7-900-450px.png);} #full_pic_parochial_di_san_giacomo_eight {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-8-900-450px.png);} #full_pic_parochial_di_san_giacomo_nine {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-9-900-450px.png);} #full_pic_parochial_di_san_giacomo_teen {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-10-900-450px.png);} #full_pic_parochial_di_san_giacomo_eleven {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-11-900-450px.png);} #full_pic_wuerfel_hoch_drei_one {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-1-900-450px.png);} #full_pic_wuerfel_hoch_drei_two {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-2-900-450px.png);} #full_pic_wuerfel_hoch_drei_three {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-3-900-450px.png);} #full_pic_wuerfel_hoch_drei_four {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-4-900-450px.png);} #full_pic_wuerfel_hoch_drei_five {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-5-900-450px.png);} #full_pic_wuerfel_hoch_drei_six {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-6-900-450px.png);} #full_pic_wuerfel_hoch_drei_seven {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-7-900-450px.png);} #full_pic_einfamilienhaus_in_remshalden_one {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-1-900-450px.png);} #full_pic_einfamilienhaus_in_remshalden_two {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-2-900-450px.png);} #full_pic_einfamilienhaus_in_remshalden_three {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-3-900-450px.png);} #full_pic_einfamilienhaus_in_remshalden_four {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-4-900-450px.png);} #full_pic_einfamilienhaus_in_remshalden_five {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-5-900-450px.png);} #full_pic_einfamilienhaus_in_remshalden_six {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-6-900-450px.png);} #full_pic_kuenstler_nest_one {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-1-900-450px.png);} #full_pic_kuenstler_nest_two {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-2-900-450px.png);} #full_pic_kuenstler_nest_three {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-3-900-450px.png);} #full_pic_kuenstler_nest_four {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-4-900-450px.png);} #full_pic_kuenstler_nest_five {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-5-900-450px.png);} #full_pic_kuenstler_nest_six {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-6-900-450px.png);} #full_pic_kuenstler_nest_seven {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-7-900-450px.png);} #full_pic_kuenstler_nest_eight {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-8-900-450px.png);} #full_pic_kuenstler_nest_nine {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-9-900-450px.png);} #full_pic_kuenstler_nest_teen {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-10-900-450px.png);} #full_pic_kuenstler_nest_eleven {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-11-900-450px.png);} #full_pic_kuenstler_nest_twelve {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-12-900-450px.png);} #full_pic_kuenstler_nest_thirteen {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-13-900-450px.png);} #full_pic_kuenstler_nest_fourteen {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-14-900-450px.png);} #full_pic_ausstellungspavillon_fuer_architektur_one {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-1-900-450px.png);} #full_pic_ausstellungspavillon_fuer_architektur_two {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-2-900-450px.png);} #full_pic_ausstellungspavillon_fuer_architektur_three {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-3-900-450px.png);} #full_pic_ausstellungspavillon_fuer_architektur_four {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-4-900-450px.png);} #full_pic_ausstellungspavillon_fuer_architektur_five {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-5-900-450px.png);} #full_pic_ausstellungspavillon_fuer_architektur_six {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-6-900-450px.png);} #full_pic_ausstellungspavillon_fuer_architektur_seven {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-7-900-450px.png);} #full_pic_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_one {background:url(../images/gray/master/projektbeschreibung-kkl-stuttgart-und-hkw-berlin/projektbeschreibung-kkl-stuttgart-und-hkw-berlin-1-900-450px.png);} #full_pic_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_two {background:url(../images/gray/master/projektbeschreibung-kkl-stuttgart-und-hkw-berlin/projektbeschreibung-kkl-stuttgart-und-hkw-berlin-2-900-450px.png);} #full_pic_archiv_der_moderne_one {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-1-900-450px.png);} #full_pic_archiv_der_moderne_two {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-2-900-450px.png);} #full_pic_archiv_der_moderne_three {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-3-900-450px.png);} #full_pic_archiv_der_moderne_four {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-4-900-450px.png);} #full_pic_archiv_der_moderne_five {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-5-900-450px.png);} #full_pic_archiv_der_moderne_six {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-6-900-450px.png);} #full_pic_archiv_der_moderne_seven {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-7-900-450px.png);} #full_pic_archiv_der_moderne_eight {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-8-900-450px.png);} #full_pic_archiv_der_moderne_nine {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-9-900-450px.png);} #full_pic_archiv_der_moderne_teen {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-10-900-450px.png);} #full_pic_archiv_der_moderne_eleven {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-11-900-450px.png);} #full_pic_archiv_der_moderne_twelve {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-12-900-450px.png);} #full_pic_archiv_der_moderne_thirteen {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-13-900-450px.png);} #full_pic_atelierhaus_fuer_mode_one {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-1-900-450px.png);} #full_pic_atelierhaus_fuer_mode_two {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-2-900-450px.png);} #full_pic_atelierhaus_fuer_mode_three {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-3-900-450px.png);} #full_pic_atelierhaus_fuer_mode_four {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-4-900-450px.png);} #full_pic_atelierhaus_fuer_mode_five {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-5-900-450px.png);} #full_pic_atelierhaus_fuer_mode_six {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-6-900-450px.png);} #full_pic_atelierhaus_fuer_mode_seven {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-7-900-450px.png);} #full_pic_individuelle_vielfalt_one {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-1-900-450px.png);} #full_pic_individuelle_vielfalt_two {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-2-900-450px.png);} #full_pic_individuelle_vielfalt_three {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-3-900-450px.png);} #full_pic_individuelle_vielfalt_four {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-4-900-450px.png);} #full_pic_individuelle_vielfalt_five {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-5-900-450px.png);} #full_pic_individuelle_vielfalt_six {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-6-900-450px.png);} #full_pic_individuelle_vielfalt_seven {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-7-900-450px.png);} #full_pic_individuelle_vielfalt_eight {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-8-900-450px.png);} #full_pic_individuelle_vielfalt_nine {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-9-900-450px.png);} #full_pic_individuelle_vielfalt_teen {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-10-900-450px.png);} #full_pic_individuelle_vielfalt_eleven {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-11-900-450px.png);} #full_pic_individuelle_vielfalt_twelve {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-12-900-450px.png);} #full_pic_individuelle_vielfalt_thirteen {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-13-900-450px.png);} #full_pic_individuelle_vielfalt_fourteen {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-14-900-450px.png);} #full_pic_estadio_el_malecon_one {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-1-900-450px.png);} #full_pic_estadio_el_malecon_two {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-2-900-450px.png);} #full_pic_estadio_el_malecon_three {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-3-900-450px.png);} #full_pic_estadio_el_malecon_four {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-4-900-450px.png);} #full_pic_estadio_el_malecon_five {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-5-900-450px.png);} #full_pic_estadio_el_malecon_six {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-6-900-450px.png);} #full_pic_estadio_el_malecon_seven {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-7-900-450px.png);} #full_pic_estadio_el_malecon_eight {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-8-900-450px.png);} #full_pic_estadio_el_malecon_nine {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-9-900-450px.png);} #full_pic_estadio_el_malecon_teen {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-10-900-450px.png);} #full_pic_estadio_el_malecon_eleven {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-11-900-450px.png);} #full_pic_estadio_el_malecon_twelve {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-12-900-450px.png);} #full_pic_estadio_el_malecon_thirteen {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-13-900-450px.png);} #full_pic_estadio_el_malecon_fourteen {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-14-900-450px.png);} #full_pic_ticket_service_cafe_shop_one {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-1-900-450px.png);} #full_pic_ticket_service_cafe_shop_two {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-2-900-450px.png);} #full_pic_ticket_service_cafe_shop_three {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-3-900-450px.png);} #full_pic_ticket_service_cafe_shop_four {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-4-900-450px.png);} #full_pic_ticket_service_cafe_shop_five {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-5-900-450px.png);} #full_pic_ticket_service_cafe_shop_six {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-6-900-450px.png);} #full_pic_ticket_service_cafe_shop_seven {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-7-900-450px.png);} #full_pic_ticket_service_cafe_shop_eight {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-8-900-450px.png);} #full_pic_ticket_service_cafe_shop_nine {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-9-900-450px.png);} #full_pic_ticket_service_cafe_shop_teen {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-10-900-450px.png);} #full_pic_ticket_service_cafe_shop_eleven {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-11-900-450px.png);} #full_pic_ticket_service_cafe_shop_twelve {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-12-900-450px.png);} #full_pic_arbeitsinseln_one {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-1-900-450px.png);} #full_pic_arbeitsinseln_two {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-2-900-450px.png);} #full_pic_arbeitsinseln_three {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-3-900-450px.png);} #full_pic_arbeitsinseln_four {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-4-900-450px.png);} #full_pic_arbeitsinseln_five {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-5-900-450px.png);} #full_pic_arbeitsinseln_six {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-6-900-450px.png);} #full_pic_arbeitsinseln_seven {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-7-900-450px.png);} #full_pic_arbeitsinseln_eight {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-8-900-450px.png);} #full_pic_arbeitsinseln_nine {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-9-900-450px.png);} #full_pic_arbeitsinseln_teen {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-10-900-450px.png);} #full_pic_arbeitsinseln_eleven {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-11-900-450px.png);} #full_pic_arbeitsinseln_twelve {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-12-900-450px.png);} #full_pic_arbeitsinseln_thirteen {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-13-900-450px.png);} #full_pic_arbeitsinseln_fourteen {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-14-900-450px.png);} #full_pic_kultur_und_kongresszentrum_one {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-1-900-450px.png);} #full_pic_kultur_und_kongresszentrum_two {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-2-900-450px.png);} #full_pic_kultur_und_kongresszentrum_three {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-3-900-450px.png);} #full_pic_kultur_und_kongresszentrum_four {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-4-900-450px.png);} #full_pic_kultur_und_kongresszentrum_five {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-5-900-450px.png);} #full_pic_kultur_und_kongresszentrum_six {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-6-900-450px.png);} #full_pic_kultur_und_kongresszentrum_seven {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-7-900-450px.png);} #full_pic_kultur_und_kongresszentrum_eight {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-8-900-450px.png);} #full_pic_kultur_und_kongresszentrum_nine {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-9-900-450px.png);} #full_pic_kultur_und_kongresszentrum_teen {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-10-900-450px.png);} #full_pic_kultur_und_kongresszentrum_eleven {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-11-900-450px.png);} #full_pic_kultur_und_kongresszentrum_twelve {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-12-900-450px.png);} #full_pic_kultur_und_kongresszentrum_thirteen {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-13-900-450px.png);} #full_pic_kultur_und_kongresszentrum_fourteen {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-14-900-450px.png);} #full_pic_der_medienknoten_one {background:url(../images/gray/master/der-medienknoten/der-medienknoten-1-900-450px.png);} #full_pic_der_medienknoten_two {background:url(../images/gray/master/der-medienknoten/der-medienknoten-2-900-450px.png);} #full_pic_der_medienknoten_three {background:url(../images/gray/master/der-medienknoten/der-medienknoten-3-900-450px.png);} #full_pic_der_medienknoten_four {background:url(../images/gray/master/der-medienknoten/der-medienknoten-4-900-450px.png);} #full_pic_der_medienknoten_five {background:url(../images/gray/master/der-medienknoten/der-medienknoten-5-900-450px.png);} #full_pic_der_medienknoten_six {background:url(../images/gray/master/der-medienknoten/der-medienknoten-6-900-450px.png);} #full_pic_der_medienknoten_seven {background:url(../images/gray/master/der-medienknoten/der-medienknoten-7-900-450px.png);} #full_pic_der_medienknoten_eight {background:url(../images/gray/master/der-medienknoten/der-medienknoten-8-900-450px.png);} #full_pic_der_medienknoten_nine {background:url(../images/gray/master/der-medienknoten/der-medienknoten-9-900-450px.png);} #full_pic_der_medienknoten_teen {background:url(../images/gray/master/der-medienknoten/der-medienknoten-10-900-450px.png);} #full_pic_der_medienknoten_eleven {background:url(../images/gray/master/der-medienknoten/der-medienknoten-11-900-450px.png);} #full_pic_der_medienknoten_twelve {background:url(../images/gray/master/der-medienknoten/der-medienknoten-12-900-450px.png);} #full_pic_der_medienknoten_thirteen {background:url(../images/gray/master/der-medienknoten/der-medienknoten-13-900-450px.png);} #full_pic_der_medienknoten_fourteen {background:url(../images/gray/master/der-medienknoten/der-medienknoten-14-900-450px.png);} #pic_show_preview_scheiben_und_waenden_one, #pic_show_preview_scheiben_und_waenden_two, #pic_show_preview_scheiben_und_waenden_three, #pic_show_preview_scheiben_und_waenden_four, #pic_show_preview_scheiben_und_waenden_five, #pic_show_preview_scheiben_und_waenden_six, #pic_show_preview_scheiben_und_waenden_seven, #pic_show_preview_badehaus_one, #pic_show_preview_badehaus_two, #pic_show_preview_badehaus_three, #pic_show_preview_badehaus_four, #pic_show_preview_badehaus_five, #pic_show_preview_badehaus_six, #pic_show_preview_badehaus_seven, #pic_show_preview_paravent_one, #pic_show_preview_paravent_two, #pic_show_preview_paravent_three, #pic_show_preview_paravent_four, #pic_show_preview_paravent_five, #pic_show_preview_paravent_six, #pic_show_preview_paravent_seven, #pic_show_preview_wohnne_zwischen_zwei_waenden_one, #pic_show_preview_wohnne_zwischen_zwei_waenden_two, #pic_show_preview_wohnne_zwischen_zwei_waenden_three, #pic_show_preview_wohnne_zwischen_zwei_waenden_four, #pic_show_preview_wohnne_zwischen_zwei_waenden_five, #pic_show_preview_wohnne_zwischen_zwei_waenden_six, #pic_show_preview_wohnne_zwischen_zwei_waenden_seven, #pic_show_preview_darstellungsgeometrie_one, #pic_show_preview_darstellungsgeometrie_two, #pic_show_preview_darstellungsgeometrie_three, #pic_show_preview_darstellungsgeometrie_four, #pic_show_preview_darstellungsgeometrie_five, #pic_show_preview_darstellungsgeometrie_six, #pic_show_preview_darstellungsgeometrie_seven, #pic_show_preview_darstellungsgeometrie_eight, #pic_show_preview_darstellungsgeometrie_nine, #pic_show_preview_darstellungsgeometrie_teen, #pic_show_preview_darstellungsgeometrie_eleven, #pic_show_preview_darstellungsgeometrie_twelve, #pic_show_preview_darstellungsgeometrie_thirteen, #pic_show_preview_darstellungsgeometrie_fourteen, #pic_show_preview_doppelhaus_one, #pic_show_preview_doppelhaus_two, #pic_show_preview_doppelhaus_three, #pic_show_preview_doppelhaus_four, #pic_show_preview_doppelhaus_five, #pic_show_preview_doppelhaus_six, #pic_show_preview_doppelhaus_seven, #pic_show_preview_wohnen_hinter_einer_wand_one, #pic_show_preview_wohnen_hinter_einer_wand_two, #pic_show_preview_wohnen_hinter_einer_wand_three, #pic_show_preview_wohnen_hinter_einer_wand_four, #pic_show_preview_wohnen_hinter_einer_wand_five, #pic_show_preview_wohnen_hinter_einer_wand_six, #pic_show_preview_wohnen_hinter_einer_wand_seven, #pic_show_preview_stadtbezirk_feuerbach_one, #pic_show_preview_stadtbezirk_feuerbach_two, #pic_show_preview_stadtbezirk_feuerbach_three, #pic_show_preview_stadtbezirk_feuerbach_four, #pic_show_preview_erweiterung_burgholzhof_one, #pic_show_preview_erweiterung_burgholzhof_two, #pic_show_preview_erweiterung_burgholzhof_three, #pic_show_preview_erweiterung_burgholzhof_four, #pic_show_preview_erweiterung_burgholzhof_five, #pic_show_preview_erweiterung_burgholzhof_six, #pic_show_preview_erweiterung_burgholzhof_seven, #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_one, #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_two, #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_three, #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_four, #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_five, #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_six, #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_seven, #pic_show_preview_dachgeschoss_als_vollgeschoss_one, #pic_show_preview_dachgeschoss_als_vollgeschoss_two, #pic_show_preview_dachgeschoss_als_vollgeschoss_three, #pic_show_preview_dachgeschoss_als_vollgeschoss_four, #pic_show_preview_dachgeschoss_als_vollgeschoss_five, #pic_show_preview_dachgeschoss_als_vollgeschoss_six, #pic_show_preview_dachgeschoss_als_vollgeschoss_seven, #pic_show_preview_ein_anderes_haus_one, #pic_show_preview_ein_anderes_haus_two, #pic_show_preview_ein_anderes_haus_three, #pic_show_preview_ein_anderes_haus_four, #pic_show_preview_ein_anderes_haus_five, #pic_show_preview_ein_anderes_haus_six, #pic_show_preview_ein_anderes_haus_seven, #pic_show_preview_das_segal_prinzip_one, #pic_show_preview_das_segal_prinzip_two, #pic_show_preview_das_segal_prinzip_three, #pic_show_preview_das_segal_prinzip_four, #pic_show_preview_das_segal_prinzip_five, #pic_show_preview_das_segal_prinzip_six, #pic_show_preview_das_segal_prinzip_seven, #pic_show_preview_das_segal_prinzip_eight, #pic_show_preview_das_segal_prinzip_nine, #pic_show_preview_das_segal_prinzip_teen, #pic_show_preview_das_segal_prinzip_eleven, #pic_show_preview_das_segal_prinzip_twelve, #pic_show_preview_rosensteinviertel_one, #pic_show_preview_rosensteinviertel_two, #pic_show_preview_rosensteinviertel_three, #pic_show_preview_rosensteinviertel_four, #pic_show_preview_rosensteinviertel_five, #pic_show_preview_rosensteinviertel_six, #pic_show_preview_rosensteinviertel_seven, #pic_show_preview_musterfabrik_berlin_one, #pic_show_preview_musterfabrik_berlin_two, #pic_show_preview_musterfabrik_berlin_three, #pic_show_preview_musterfabrik_berlin_four, #pic_show_preview_musterfabrik_berlin_five, #pic_show_preview_musterfabrik_berlin_six, #pic_show_preview_musterfabrik_berlin_seven, #pic_show_preview_musterfabrik_berlin_eight, #pic_show_preview_musterfabrik_berlin_nine, #pic_show_preview_musterfabrik_berlin_teen, #pic_show_preview_musterfabrik_berlin_eleven, #pic_show_preview_musterfabrik_berlin_twelve, #pic_show_preview_parochial_di_san_giacomo_one, #pic_show_preview_parochial_di_san_giacomo_two, #pic_show_preview_parochial_di_san_giacomo_three, #pic_show_preview_parochial_di_san_giacomo_four, #pic_show_preview_parochial_di_san_giacomo_five, #pic_show_preview_parochial_di_san_giacomo_six, #pic_show_preview_parochial_di_san_giacomo_seven, #pic_show_preview_parochial_di_san_giacomo_eight, #pic_show_preview_parochial_di_san_giacomo_nine, #pic_show_preview_parochial_di_san_giacomo_teen, #pic_show_preview_parochial_di_san_giacomo_eleven, #pic_show_preview_wuerfel_hoch_drei_one, #pic_show_preview_wuerfel_hoch_drei_two, #pic_show_preview_wuerfel_hoch_drei_three, #pic_show_preview_wuerfel_hoch_drei_four, #pic_show_preview_wuerfel_hoch_drei_five, #pic_show_preview_wuerfel_hoch_drei_six, #pic_show_preview_wuerfel_hoch_drei_seven, #pic_show_preview_einfamilienhaus_in_remshalden_one, #pic_show_preview_einfamilienhaus_in_remshalden_two, #pic_show_preview_einfamilienhaus_in_remshalden_three, #pic_show_preview_einfamilienhaus_in_remshalden_four, #pic_show_preview_einfamilienhaus_in_remshalden_five, #pic_show_preview_einfamilienhaus_in_remshalden_six, #pic_show_preview_kuenstler_nest_one, #pic_show_preview_kuenstler_nest_two, #pic_show_preview_kuenstler_nest_three, #pic_show_preview_kuenstler_nest_four, #pic_show_preview_kuenstler_nest_five, #pic_show_preview_kuenstler_nest_six, #pic_show_preview_kuenstler_nest_seven, #pic_show_preview_kuenstler_nest_eight, #pic_show_preview_kuenstler_nest_nine, #pic_show_preview_kuenstler_nest_teen, #pic_show_preview_kuenstler_nest_eleven, #pic_show_preview_kuenstler_nest_twelve, #pic_show_preview_kuenstler_nest_thirteen, #pic_show_preview_kuenstler_nest_fourteen, #pic_show_preview_ausstellungspavillon_fuer_architektur_one, #pic_show_preview_ausstellungspavillon_fuer_architektur_two, #pic_show_preview_ausstellungspavillon_fuer_architektur_three, #pic_show_preview_ausstellungspavillon_fuer_architektur_four, #pic_show_preview_ausstellungspavillon_fuer_architektur_five, #pic_show_preview_ausstellungspavillon_fuer_architektur_six, #pic_show_preview_ausstellungspavillon_fuer_architektur_seven, #pic_show_preview_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_one, #pic_show_preview_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_two, #pic_show_preview_archiv_der_moderne_one, #pic_show_preview_archiv_der_moderne_two, #pic_show_preview_archiv_der_moderne_three, #pic_show_preview_archiv_der_moderne_four, #pic_show_preview_archiv_der_moderne_five, #pic_show_preview_archiv_der_moderne_six, #pic_show_preview_archiv_der_moderne_seven, #pic_show_preview_archiv_der_moderne_eight, #pic_show_preview_archiv_der_moderne_nine, #pic_show_preview_archiv_der_moderne_teen, #pic_show_preview_archiv_der_moderne_eleven, #pic_show_preview_archiv_der_moderne_twelve, #pic_show_preview_archiv_der_moderne_thirteen, #pic_show_preview_atelierhaus_fuer_mode_one, #pic_show_preview_atelierhaus_fuer_mode_two, #pic_show_preview_atelierhaus_fuer_mode_three, #pic_show_preview_atelierhaus_fuer_mode_four, #pic_show_preview_atelierhaus_fuer_mode_five, #pic_show_preview_atelierhaus_fuer_mode_six, #pic_show_preview_atelierhaus_fuer_mode_seven, #pic_show_preview_individuelle_vielfalt_one, #pic_show_preview_individuelle_vielfalt_two, #pic_show_preview_individuelle_vielfalt_three, #pic_show_preview_individuelle_vielfalt_four, #pic_show_preview_individuelle_vielfalt_five, #pic_show_preview_individuelle_vielfalt_six, #pic_show_preview_individuelle_vielfalt_seven, #pic_show_preview_individuelle_vielfalt_eight, #pic_show_preview_individuelle_vielfalt_nine, #pic_show_preview_individuelle_vielfalt_teen, #pic_show_preview_individuelle_vielfalt_eleven, #pic_show_preview_individuelle_vielfalt_twelve, #pic_show_preview_individuelle_vielfalt_thirteen, #pic_show_preview_individuelle_vielfalt_fourteen, #pic_show_preview_estadio_el_malecon_one, #pic_show_preview_estadio_el_malecon_two, #pic_show_preview_estadio_el_malecon_three, #pic_show_preview_estadio_el_malecon_four, #pic_show_preview_estadio_el_malecon_five, #pic_show_preview_estadio_el_malecon_six, #pic_show_preview_estadio_el_malecon_seven, #pic_show_preview_estadio_el_malecon_eight, #pic_show_preview_estadio_el_malecon_nine, #pic_show_preview_estadio_el_malecon_teen, #pic_show_preview_estadio_el_malecon_eleven, #pic_show_preview_estadio_el_malecon_twelve, #pic_show_preview_estadio_el_malecon_thirteen, #pic_show_preview_estadio_el_malecon_fourteen, #pic_show_preview_ticket_service_cafe_shop_one, #pic_show_preview_ticket_service_cafe_shop_two, #pic_show_preview_ticket_service_cafe_shop_three, #pic_show_preview_ticket_service_cafe_shop_four, #pic_show_preview_ticket_service_cafe_shop_five, #pic_show_preview_ticket_service_cafe_shop_six, #pic_show_preview_ticket_service_cafe_shop_seven, #pic_show_preview_ticket_service_cafe_shop_eight, #pic_show_preview_ticket_service_cafe_shop_nine, #pic_show_preview_ticket_service_cafe_shop_teen, #pic_show_preview_ticket_service_cafe_shop_eleven, #pic_show_preview_ticket_service_cafe_shop_twelve, #pic_show_preview_arbeitsinseln_one, #pic_show_preview_arbeitsinseln_two, #pic_show_preview_arbeitsinseln_three, #pic_show_preview_arbeitsinseln_four, #pic_show_preview_arbeitsinseln_five, #pic_show_preview_arbeitsinseln_six, #pic_show_preview_arbeitsinseln_seven, #pic_show_preview_arbeitsinseln_eight, #pic_show_preview_arbeitsinseln_nine, #pic_show_preview_arbeitsinseln_teen, #pic_show_preview_arbeitsinseln_eleven, #pic_show_preview_arbeitsinseln_twelve, #pic_show_preview_arbeitsinseln_thirteen, #pic_show_preview_arbeitsinseln_fourteen, #pic_show_preview_kultur_und_kongresszentrum_one, #pic_show_preview_kultur_und_kongresszentrum_two, #pic_show_preview_kultur_und_kongresszentrum_three, #pic_show_preview_kultur_und_kongresszentrum_four, #pic_show_preview_kultur_und_kongresszentrum_five, #pic_show_preview_kultur_und_kongresszentrum_six, #pic_show_preview_kultur_und_kongresszentrum_seven, #pic_show_preview_kultur_und_kongresszentrum_eight, #pic_show_preview_kultur_und_kongresszentrum_nine, #pic_show_preview_kultur_und_kongresszentrum_teen, #pic_show_preview_kultur_und_kongresszentrum_eleven, #pic_show_preview_kultur_und_kongresszentrum_twelve, #pic_show_preview_kultur_und_kongresszentrum_thirteen, #pic_show_preview_kultur_und_kongresszentrum_fourteen, #pic_show_preview_der_medienknoten_one, #pic_show_preview_der_medienknoten_two, #pic_show_preview_der_medienknoten_three, #pic_show_preview_der_medienknoten_four, #pic_show_preview_der_medienknoten_five, #pic_show_preview_der_medienknoten_six, #pic_show_preview_der_medienknoten_seven, #pic_show_preview_der_medienknoten_eight, #pic_show_preview_der_medienknoten_nine, #pic_show_preview_der_medienknoten_teen, #pic_show_preview_der_medienknoten_eleven, #pic_show_preview_der_medienknoten_twelve, #pic_show_preview_der_medienknoten_thirteen, #pic_show_preview_der_medienknoten_fourteen { width:120px; height:60px; display:flex; align-self:center; } #pic_show_preview_scheiben_und_waenden_one {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-1-120-60px.png);} #pic_show_preview_scheiben_und_waenden_two {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-2-120-60px.png);} #pic_show_preview_scheiben_und_waenden_three {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-3-120-60px.png);} #pic_show_preview_scheiben_und_waenden_four {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-4-120-60px.png);} #pic_show_preview_scheiben_und_waenden_five {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-5-120-60px.png);} #pic_show_preview_scheiben_und_waenden_six {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-6-120-60px.png);} #pic_show_preview_scheiben_und_waenden_seven {background:url(../images/gray/bachelor/scheiben-und-waende/scheiben-und-waenden-7-120-60px.png);} #pic_show_preview_badehaus_one {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-1-120-60px.png);} #pic_show_preview_badehaus_two {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-2-120-60px.png);} #pic_show_preview_badehaus_three {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-3-120-60px.png);} #pic_show_preview_badehaus_four {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-4-120-60px.png);} #pic_show_preview_badehaus_five {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-5-120-60px.png);} #pic_show_preview_badehaus_six {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-6-120-60px.png);} #pic_show_preview_badehaus_seven {background:url(../images/gray/bachelor/badehaus-am-see/badehaus-7-120-60px.png);} #pic_show_preview_paravent_one {background:url(../images/gray/bachelor/paravent/paravent-1-120-60px.png);} #pic_show_preview_paravent_two {background:url(../images/gray/bachelor/paravent/paravent-2-120-60px.png);} #pic_show_preview_paravent_three {background:url(../images/gray/bachelor/paravent/paravent-3-12-60px.png);} #pic_show_preview_paravent_four {background:url(../images/gray/bachelor/paravent/paravent-4-120-60px.png);} #pic_show_preview_paravent_five {background:url(../images/gray/bachelor/paravent/paravent-5-120-60px.png);} #pic_show_preview_paravent_six {background:url(../images/gray/bachelor/paravent/paravent-6-120-60px.png);} #pic_show_preview_paravent_seven {background:url(../images/gray/bachelor/paravent/paravent-7-120-60px.png);} #pic_show_preview_wohnne_zwischen_zwei_waenden_one {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-1-120-60px.png);} #pic_show_preview_wohnne_zwischen_zwei_waenden_two {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-2-120-60px.png);} #pic_show_preview_wohnne_zwischen_zwei_waenden_three {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-3-120-60px.png);} #pic_show_preview_wohnne_zwischen_zwei_waenden_four {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-4-120-60px.png);} #pic_show_preview_wohnne_zwischen_zwei_waenden_five {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-5-120-60px.png);} #pic_show_preview_wohnne_zwischen_zwei_waenden_six {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-120-60px.png);} #pic_show_preview_wohnne_zwischen_zwei_waenden_seven {background:url(../images/gray/bachelor/wohnen-zwischen-zwe-waenden/wohnne-zwischen-zwei-waenden-7-120-60px.png);} #pic_show_preview_darstellungsgeometrie_one {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-1-120-60px.png);} #pic_show_preview_darstellungsgeometrie_two {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-2-120-60px.png);} #pic_show_preview_darstellungsgeometrie_three {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-3-120-60px.png);} #pic_show_preview_darstellungsgeometrie_four {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-4-120-60px.png);} #pic_show_preview_darstellungsgeometrie_five {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-5-120-60px.png);} #pic_show_preview_darstellungsgeometrie_six {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-6-120-60px.png);} #pic_show_preview_darstellungsgeometrie_seven {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-7-120-60px.png);} #pic_show_preview_darstellungsgeometrie_eight {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-8-120-60px.png);} #pic_show_preview_darstellungsgeometrie_nine {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-9-120-60px.png);} #pic_show_preview_darstellungsgeometrie_teen {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-10-120-60px.png);} #pic_show_preview_darstellungsgeometrie_eleven {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-11-120-60px.png);} #pic_show_preview_darstellungsgeometrie_twelve {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-12-120-60px.png);} #pic_show_preview_darstellungsgeometrie_thirteen {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-13-120-60px.png);} #pic_show_preview_darstellungsgeometrie_fourteen {background:url(../images/gray/bachelor/darstellungsgeometrie/darstellungsgeometrie-14-120-60px.png);} #pic_show_preview_doppelhaus_one {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-1-120-60px.png);} #pic_show_preview_doppelhaus_two {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-2-120-60px.png);} #pic_show_preview_doppelhaus_three {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-3-120-60px.png);} #pic_show_preview_doppelhaus_four {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-4-120-60px.png);} #pic_show_preview_doppelhaus_five {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-5-120-60px.png);} #pic_show_preview_doppelhaus_six {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-6-120-60px.png);} #pic_show_preview_doppelhaus_seven {background:url(../images/gray/bachelor/doppelhaus/doppelhaus-7-120-60px.png);} #pic_show_preview_wohnen_hinter_einer_wand_one {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-1-120-60px.png);} #pic_show_preview_wohnen_hinter_einer_wand_two {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-2-120-60px.png);} #pic_show_preview_wohnen_hinter_einer_wand_three {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-3-120-60px.png);} #pic_show_preview_wohnen_hinter_einer_wand_four {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-4-120-60px.png);} #pic_show_preview_wohnen_hinter_einer_wand_five {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-5-120-60px.png);} #pic_show_preview_wohnen_hinter_einer_wand_six {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-6-120-60px.png);} #pic_show_preview_wohnen_hinter_einer_wand_seven {background:url(../images/gray/bachelor/wohnen-hinter-einer-wand/wohnen-hinter-einer-wand-7-120-60px.png);} #pic_show_preview_stadtbezirk_feuerbach_one {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-1-120-60px.png);} #pic_show_preview_stadtbezirk_feuerbach_two {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-2-120-60px.png);} #pic_show_preview_stadtbezirk_feuerbach_three {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-3-120-60px.png);} #pic_show_preview_stadtbezirk_feuerbach_four {background:url(../images/gray/bachelor/stadtbezirk-feuerbach/stadtbezirk-feuerbach-4-120-60px.png);} #pic_show_preview_erweiterung_burgholzhof_one {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-1-120-60px.png);} #pic_show_preview_erweiterung_burgholzhof_two {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-2-120-60px.png);} #pic_show_preview_erweiterung_burgholzhof_three {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-3-120-60px.png);} #pic_show_preview_erweiterung_burgholzhof_four {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-4-120-60px.png);} #pic_show_preview_erweiterung_burgholzhof_five {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-5-120-60px.png);} #pic_show_preview_erweiterung_burgholzhof_six {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-6-120-60px.png);} #pic_show_preview_erweiterung_burgholzhof_seven {background:url(../images/gray/bachelor/erweiterung-burgholzhof/erweiterung-burgholzhof-7-120-60px.png);} #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_one {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-1-120-60px.png);} #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_two {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-2-120-60px.png);} #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_three {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-3-120-60px.png);} #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_four {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-4-120-60px.png);} #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_five {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-5-120-60px.png);} #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_six {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-6-120-60px.png);} #pic_show_preview_ein_haus_fuer_nachhaltige_kunst_seven {background:url(../images/gray/bachelor/ein-haus-fuer-nachhaltige-kunst/haus-fuer-nachhaltige-kunst-7-120-60px.png);} #pic_show_preview_dachgeschoss_als_vollgeschoss_one {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-1-120-60px.png);} #pic_show_preview_dachgeschoss_als_vollgeschoss_two {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-2-120-60px.png);} #pic_show_preview_dachgeschoss_als_vollgeschoss_three {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-3-120-60px.png);} #pic_show_preview_dachgeschoss_als_vollgeschoss_four {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-4-120-60px.png);} #pic_show_preview_dachgeschoss_als_vollgeschoss_five {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-5-120-60px.png);} #pic_show_preview_dachgeschoss_als_vollgeschoss_six {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-6-120-60px.png);} #pic_show_preview_dachgeschoss_als_vollgeschoss_seven {background:url(../images/gray/bachelor/dachgeschoss-als-vollgeschoss/dachgeschoss-als-vollgeschoss-7-120-60px.png);} #pic_show_preview_ein_anderes_haus_one {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-1-120-60px.png);} #pic_show_preview_ein_anderes_haus_two {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-2-120-60px.png);} #pic_show_preview_ein_anderes_haus_three {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-3-120-60px.png);} #pic_show_preview_ein_anderes_haus_four {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-4-120-60px.png);} #pic_show_preview_ein_anderes_haus_five {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-5-120-60px.png);} #pic_show_preview_ein_anderes_haus_six {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-6-120-60px.png);} #pic_show_preview_ein_anderes_haus_seven {background:url(../images/gray/bachelor/ein-anderes-haus/ein-anderes-haus-7-120-60px.png);} #pic_show_preview_das_segal_prinzip_one {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-1-120-60px.png);} #pic_show_preview_das_segal_prinzip_two {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-2-120-60px.png);} #pic_show_preview_das_segal_prinzip_three {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-3-120-60px.png);} #pic_show_preview_das_segal_prinzip_four {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-4-120-60px.png);} #pic_show_preview_das_segal_prinzip_five {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-5-120-60px.png);} #pic_show_preview_das_segal_prinzip_six {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-6-120-60px.png);} #pic_show_preview_das_segal_prinzip_seven {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-7-120-60px.png);} #pic_show_preview_das_segal_prinzip_eight {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-8-120-60px.png);} #pic_show_preview_das_segal_prinzip_nine {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-9-120-60px.png);} #pic_show_preview_das_segal_prinzip_teen {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-10-120-60px.png);} #pic_show_preview_das_segal_prinzip_eleven {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-11-120-60px.png);} #pic_show_preview_das_segal_prinzip_twelve {background:url(../images/gray/bachelor/das-segal-prinzip/das-segal-prinzip-12-120-60px.png);} #pic_show_preview_rosensteinviertel_one {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-1-120-60px.png);} #pic_show_preview_rosensteinviertel_two {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-2-120-60px.png);} #pic_show_preview_rosensteinviertel_three {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-3-120-60px.png);} #pic_show_preview_rosensteinviertel_four {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-4-120-60px.png);} #pic_show_preview_rosensteinviertel_five {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-5-120-60px.png);} #pic_show_preview_rosensteinviertel_six {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-6-120-60px.png);} #pic_show_preview_rosensteinviertel_seven {background:url(../images/gray/bachelor/rosensteinviertel/rosensteinviertel-7-120-60px.png);} #pic_show_preview_musterfabrik_berlin_one {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-1-120-60px.png);} #pic_show_preview_musterfabrik_berlin_two {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-2-120-60px.png);} #pic_show_preview_musterfabrik_berlin_three {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-3-120-60px.png);} #pic_show_preview_musterfabrik_berlin_four {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-4-120-60px.png);} #pic_show_preview_musterfabrik_berlin_five {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-5-120-60px.png);} #pic_show_preview_musterfabrik_berlin_six {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-6-120-60px.png);} #pic_show_preview_musterfabrik_berlin_seven {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-7-120-60px.png);} #pic_show_preview_musterfabrik_berlin_eight {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-8-120-60px.png);} #pic_show_preview_musterfabrik_berlin_nine {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-9-120-60px.png);} #pic_show_preview_musterfabrik_berlin_teen {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-10-120-60px.png);} #pic_show_preview_musterfabrik_berlin_eleven {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-11-120-60px.png);} #pic_show_preview_musterfabrik_berlin_twelve {background:url(../images/gray/bachelor/musterfabrik-berlin/musterfabrik-berlin-12-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_one {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-1-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_two {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-2-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_three {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-3-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_four {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-4-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_five {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-5-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_six {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-6-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_seven {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-7-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_eight {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-8-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_nine {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-9-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_teen {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-10-120-60px.png);} #pic_show_preview_parochial_di_san_giacomo_eleven {background:url(../images/gray/bachelor/parochial-di-san-giacomo/parochial-di-san-giacomo-11-120-60px.png);} #pic_show_preview_wuerfel_hoch_drei_one {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-1-120-60px.png);} #pic_show_preview_wuerfel_hoch_drei_two {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-2-120-60px.png);} #pic_show_preview_wuerfel_hoch_drei_three {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-3-120-60px.png);} #pic_show_preview_wuerfel_hoch_drei_four {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-4-120-60px.png);} #pic_show_preview_wuerfel_hoch_drei_five {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-5-120-60px.png);} #pic_show_preview_wuerfel_hoch_drei_six {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-6-120-60px.png);} #pic_show_preview_wuerfel_hoch_drei_seven {background:url(../images/gray/bachelor/wuerfel-hoch-drei/wuerfel-hoch-drei-7-120-60px.png);} #pic_show_preview_einfamilienhaus_in_remshalden_one {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-1-120-60px.png);} #pic_show_preview_einfamilienhaus_in_remshalden_two {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-2-120-60px.png);} #pic_show_preview_einfamilienhaus_in_remshalden_three {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-3-120-60px.png);} #pic_show_preview_einfamilienhaus_in_remshalden_four {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-4-120-60px.png);} #pic_show_preview_einfamilienhaus_in_remshalden_five {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-5-120-60px.png);} #pic_show_preview_einfamilienhaus_in_remshalden_six {background:url(../images/gray/bachelor/einfamilienhaus-in-remshalden/einfamilienhaus-in-remshalden-6-120-60px.png);} #pic_show_preview_kuenstler_nest_one {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-1-120-60px.png);} #pic_show_preview_kuenstler_nest_two {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-2-120-60px.png);} #pic_show_preview_kuenstler_nest_three {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-3-120-60px.png);} #pic_show_preview_kuenstler_nest_four {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-4-120-60px.png);} #pic_show_preview_kuenstler_nest_five {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-5-120-60px.png);} #pic_show_preview_kuenstler_nest_six {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-6-120-60px.png);} #pic_show_preview_kuenstler_nest_seven {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-7-120-60px.png);} #pic_show_preview_kuenstler_nest_eight {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-8-120-60px.png);} #pic_show_preview_kuenstler_nest_nine {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-9-120-60px.png);} #pic_show_preview_kuenstler_nest_teen {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-10-120-60px.png);} #pic_show_preview_kuenstler_nest_eleven {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-11-120-60px.png);} #pic_show_preview_kuenstler_nest_twelve {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-12-120-60px.png);} #pic_show_preview_kuenstler_nest_thirteen {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-13-120-60px.png);} #pic_show_preview_kuenstler_nest_fourteen {background:url(../images/gray/bachelor/kuenstler-nest/kuenstler-nest-14-120-60px.png);} #pic_show_preview_ausstellungspavillon_fuer_architektur_one {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-1-120-60px.png);} #pic_show_preview_ausstellungspavillon_fuer_architektur_two {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-2-120-60px.png);} #pic_show_preview_ausstellungspavillon_fuer_architektur_three {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-3-120-60px.png);} #pic_show_preview_ausstellungspavillon_fuer_architektur_four {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-4-120-60px.png);} #pic_show_preview_ausstellungspavillon_fuer_architektur_five {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-5-120-60px.png);} #pic_show_preview_ausstellungspavillon_fuer_architektur_six {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-6-120-60px.png);} #pic_show_preview_ausstellungspavillon_fuer_architektur_seven {background:url(../images/gray/master/ausstellungspavillon-fuer-architektur/ausstellungspavillon-fuer-architektur-7-120-60px.png);} #pic_show_preview_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_one {background:url(../images/gray/master/projektbeschreibung-kkl-stuttgart-und-hkw-berlin/projektbeschreibung-kkl-stuttgart-und-hkw-berlin-1-120-60px.png);} #pic_show_preview_projektbeschreibung_kkl_stuttgart_und_hkw_berlin_two {background:url(../images/gray/master/projektbeschreibung-kkl-stuttgart-und-hkw-berlin/projektbeschreibung-kkl-stuttgart-und-hkw-berlin-2-120-60px.png);} #pic_show_preview_archiv_der_moderne_one {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-1-120-60px.png);} #pic_show_preview_archiv_der_moderne_two {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-2-120-60px.png);} #pic_show_preview_archiv_der_moderne_three {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-3-120-60px.png);} #pic_show_preview_archiv_der_moderne_four {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-4-120-60px.png);} #pic_show_preview_archiv_der_moderne_five {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-5-120-60px.png);} #pic_show_preview_archiv_der_moderne_six {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-6-120-60px.png);} #pic_show_preview_archiv_der_moderne_seven {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-7-120-60px.png);} #pic_show_preview_archiv_der_moderne_eight {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-8-120-60px.png);} #pic_show_preview_archiv_der_moderne_nine {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-9-120-60px.png);} #pic_show_preview_archiv_der_moderne_teen {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-10-120-60px.png);} #pic_show_preview_archiv_der_moderne_eleven {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-11-120-60px.png);} #pic_show_preview_archiv_der_moderne_twelve {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-12-120-60px.png);} #pic_show_preview_archiv_der_moderne_thirteen {background:url(../images/gray/master/archiv-der-moderne/archiv-der-moderne-13-120-60px.png);} #pic_show_preview_atelierhaus_fuer_mode_one {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-1-120-60px.png);} #pic_show_preview_atelierhaus_fuer_mode_two {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-2-120-60px.png);} #pic_show_preview_atelierhaus_fuer_mode_three {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-3-120-60px.png);} #pic_show_preview_atelierhaus_fuer_mode_four {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-4-120-60px.png);} #pic_show_preview_atelierhaus_fuer_mode_five {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-5-120-60px.png);} #pic_show_preview_atelierhaus_fuer_mode_six {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-6-120-60px.png);} #pic_show_preview_atelierhaus_fuer_mode_seven {background:url(../images/gray/master/atelierhaus-fuer-mode/atelierhaus-fuer-mode-7-120-60px.png);} #pic_show_preview_individuelle_vielfalt_one {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-1-120-60px.png);} #pic_show_preview_individuelle_vielfalt_two {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-2-120-60px.png);} #pic_show_preview_individuelle_vielfalt_three {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-3-120-60px.png);} #pic_show_preview_individuelle_vielfalt_four {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-4-120-60px.png);} #pic_show_preview_individuelle_vielfalt_five {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-5-120-60px.png);} #pic_show_preview_individuelle_vielfalt_six {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-6-120-60px.png);} #pic_show_preview_individuelle_vielfalt_seven {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-7-120-60px.png);} #pic_show_preview_individuelle_vielfalt_eight {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-8-120-60px.png);} #pic_show_preview_individuelle_vielfalt_nine {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-9-120-60px.png);} #pic_show_preview_individuelle_vielfalt_teen {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-10-120-60px.png);} #pic_show_preview_individuelle_vielfalt_eleven {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-11-120-60px.png);} #pic_show_preview_individuelle_vielfalt_twelve {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-12-120-60px.png);} #pic_show_preview_individuelle_vielfalt_thirteen {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-13-120-60px.png);} #pic_show_preview_individuelle_vielfalt_fourteen {background:url(../images/gray/master/individuelle-vielfalt/individuelle-vielfalt-14-120-60px.png);} #pic_show_preview_estadio_el_malecon_one {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-1-120-60px.png);} #pic_show_preview_estadio_el_malecon_two {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-2-120-60px.png);} #pic_show_preview_estadio_el_malecon_three {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-3-120-60px.png);} #pic_show_preview_estadio_el_malecon_four {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-4-120-60px.png);} #pic_show_preview_estadio_el_malecon_five {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-5-120-60px.png);} #pic_show_preview_estadio_el_malecon_six {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-6-120-60px.png);} #pic_show_preview_estadio_el_malecon_seven {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-7-120-60px.png);} #pic_show_preview_estadio_el_malecon_eight {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-8-120-60px.png);} #pic_show_preview_estadio_el_malecon_nine {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-9-120-60px.png);} #pic_show_preview_estadio_el_malecon_teen {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-10-120-60px.png);} #pic_show_preview_estadio_el_malecon_eleven {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-11-120-60px.png);} #pic_show_preview_estadio_el_malecon_twelve {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-12-120-60px.png);} #pic_show_preview_estadio_el_malecon_thirteen {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-13-120-60px.png);} #pic_show_preview_estadio_el_malecon_fourteen {background:url(../images/gray/master/estadio-el-malecon/estadio-el-malecon-14-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_one {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-1-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_two {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-2-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_three {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-3-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_four {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-4-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_five {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-5-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_six {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-6-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_seven {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-7-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_eight {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-8-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_nine {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-9-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_teen {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-10-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_eleven {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-11-120-60px.png);} #pic_show_preview_ticket_service_cafe_shop_twelve {background:url(../images/gray/master/ticket-service-cafe-shop/ticket-service-cafe-shop-12-120-60px.png);} #pic_show_preview_arbeitsinseln_one {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-1-120-60px.png);} #pic_show_preview_arbeitsinseln_two {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-2-120-60px.png);} #pic_show_preview_arbeitsinseln_three {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-3-120-60px.png);} #pic_show_preview_arbeitsinseln_four {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-4-120-60px.png);} #pic_show_preview_arbeitsinseln_five {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-5-120-60px.png);} #pic_show_preview_arbeitsinseln_six {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-6-120-60px.png);} #pic_show_preview_arbeitsinseln_seven {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-7-120-60px.png);} #pic_show_preview_arbeitsinseln_eight {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-8-120-60px.png);} #pic_show_preview_arbeitsinseln_nine {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-9-120-60px.png);} #pic_show_preview_arbeitsinseln_teen {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-10-120-60px.png);} #pic_show_preview_arbeitsinseln_eleven {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-11-120-60px.png);} #pic_show_preview_arbeitsinseln_twelve {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-12-120-60px.png);} #pic_show_preview_arbeitsinseln_thirteen {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-13-120-60px.png);} #pic_show_preview_arbeitsinseln_fourteen {background:url(../images/gray/master/arbeitsinseln/arbeitsinseln-14-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_one {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-1-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_two {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-2-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_three {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-3-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_four {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-4-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_five {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-5-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_six {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-6-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_seven {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-7-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_eight {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-8-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_nine {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-9-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_teen {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-10-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_eleven {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-11-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_twelve {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-12-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_thirteen {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-13-120-60px.png);} #pic_show_preview_kultur_und_kongresszentrum_fourteen {background:url(../images/gray/master/kultur-und-kongresszentrum/kultur-und-kongresszentrum-14-120-60px.png);} #pic_show_preview_der_medienknoten_one {background:url(../images/gray/master/der-medienknoten/der-medienknoten-1-120-60px.png);} #pic_show_preview_der_medienknoten_two {background:url(../images/gray/master/der-medienknoten/der-medienknoten-2-120-60px.png);} #pic_show_preview_der_medienknoten_three {background:url(../images/gray/master/der-medienknoten/der-medienknoten-3-120-60px.png);} #pic_show_preview_der_medienknoten_four {background:url(../images/gray/master/der-medienknoten/der-medienknoten-4-120-60px.png);} #pic_show_preview_der_medienknoten_five {background:url(../images/gray/master/der-medienknoten/der-medienknoten-5-120-60px.png);} #pic_show_preview_der_medienknoten_six {background:url(../images/gray/master/der-medienknoten/der-medienknoten-6-120-60px.png);} #pic_show_preview_der_medienknoten_seven {background:url(../images/gray/master/der-medienknoten/der-medienknoten-7-120-60px.png);} #pic_show_preview_der_medienknoten_eight {background:url(../images/gray/master/der-medienknoten/der-medienknoten-8-120-60px.png);} #pic_show_preview_der_medienknoten_nine {background:url(../images/gray/master/der-medienknoten/der-medienknoten-9-120-60px.png);} #pic_show_preview_der_medienknoten_teen {background:url(../images/gray/master/der-medienknoten/der-medienknoten-10-120-60px.png);} #pic_show_preview_der_medienknoten_eleven {background:url(../images/gray/master/der-medienknoten/der-medienknoten-11-120-60px.png);} #pic_show_preview_der_medienknoten_twelve {background:url(../images/gray/master/der-medienknoten/der-medienknoten-12-120-60px.png);} #pic_show_preview_der_medienknoten_thirteen {background:url(../images/gray/master/der-medienknoten/der-medienknoten-13-120-60px.png);} #pic_show_preview_der_medienknoten_fourteen {background:url(../images/gray/master/der-medienknoten/der-medienknoten-14-120-60px.png);} #preview_hover_one, #preview_hover_two, #preview_hover_three, #preview_hover_four, #preview_hover_five, #preview_hover_six, #preview_hover_seven, #preview_hover_eight, #preview_hover_nine, #preview_hover_teen, #preview_hover_eleven, #preview_hover_twelve, #preview_hover_thirteen, #preview_hover_fourteen { display:flex; padding:8px 3px; justify-content:center; align-items:center; transition: background 1.0s ease-in-out; } .preview_hover { display:flex; width:120px; height:60px; padding:2px; background:rgba(77,77,77,0); cursor:pointer; transition: background 0.2s ease-in-out; } .preview_hover:hover {background:rgb(77,77,77); padding:2px;} /*---------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /*-----------------------------------------Navigation Buttons Sidebar -------------------------------------------*/ #tables_navigation_butons_bottom { justify-content:center; align-content:center; display:flex; height:90px; align-self:flex-end; } #tables_navigation_pages_bottom { display:flex; } #tables_navigation_pages_bottom_color_orange_on, #tables_navigation_pages_bottom_color_gray_on, #tables_navigation_pages_bottom_color_green_on, #tables_navigation_pages_bottom_color_white_on, #tables_navigation_pages_bottom_color_orange_off, #tables_navigation_pages_bottom_color_gray_off, #tables_navigation_pages_bottom_color_green_off, #tables_navigation_pages_bottom_color_white_off { height:40px; justify-content:flex-end; align-items:center; align-self:flex-end; display:flex; padding: 0 50px 0 50px; } #tables_navigation_pages_bottom_color_orange_off, #tables_navigation_pages_bottom_color_gray_off, #tables_navigation_pages_bottom_color_green_off, #tables_navigation_pages_bottom_color_white_off {display:none;} #tables_navigation_pages_bottom_color_orange_on {background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #tables_navigation_pages_bottom_color_gray_on {background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #tables_navigation_pages_bottom_color_green_on {background:rgb(140,198,63); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} #tables_navigation_pages_bottom_color_white_on { background:rgb(242,242,242); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #tables_description_pages_window { height:40px; justify-content:flex-end; align-items:center; align-self:flex-end; display:flex; } /*-----------------------------------------Orange-------------------------------------------*/ .tables_navigation_pages_orange_one_on, .tables_navigation_pages_orange_two_on, .tables_navigation_pages_orange_tree_on, .tables_navigation_pages_orange_one_off, .tables_navigation_pages_orange_two_off, .tables_navigation_pages_orange_tree_off { padding:0 2px; display:flex; height:100%; align-items:center; background:rgba(255,180,60,1); color:rgb(77,77,77); cursor:pointer; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .tables_navigation_pages_orange_one_off, .tables_navigation_pages_orange_two_off, .tables_navigation_pages_orange_tree_off {display:none;} .tables_navigation_pages_orange_one_on:hover, .tables_navigation_pages_orange_two_on:hover, .tables_navigation_pages_orange_tree_on:hover { background:rgb(77,77,77); color:rgba(255,180,60,1); } .tables_navigation_pages_orange_one_on_selected, .tables_navigation_pages_orange_two_on_selected, .tables_navigation_pages_orange_tree_on_selected { padding:0 2px; display:flex; height:100%; align-items:center; background:rgb(77,77,77); color:rgba(255,180,60,1); cursor:pointer; } /*-----------------------------------------Gray-------------------------------------------*/ .tables_navigation_pages_gray_one_on, .tables_navigation_pages_gray_two_on, .tables_navigation_pages_gray_tree_on, .tables_navigation_pages_gray_four_on, .tables_navigation_pages_gray_five_on, .tables_navigation_pages_gray_one_off, .tables_navigation_pages_gray_two_off, .tables_navigation_pages_gray_tree_off, .tables_navigation_pages_gray_four_off, .tables_navigation_pages_gray_five_off { padding:0 2px; display:flex; height:100%; align-items:center; background:rgba(209,209,209,1); color:rgb(77,77,77); cursor:pointer; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .tables_navigation_pages_gray_one_off, .tables_navigation_pages_gray_two_off, .tables_navigation_pages_gray_tree_off, .tables_navigation_pages_gray_four_off, .tables_navigation_pages_gray_five_off {display:none;} .tables_navigation_pages_gray_one_on:hover, .tables_navigation_pages_gray_two_on:hover, .tables_navigation_pages_gray_tree_on:hover, .tables_navigation_pages_gray_four_on:hover, .tables_navigation_pages_gray_five_on:hover { background:rgb(77,77,77); color:rgba(209,209,209,1);} .tables_navigation_pages_gray_one_on_selected, .tables_navigation_pages_gray_two_on_selected, .tables_navigation_pages_gray_tree_on_selected, .tables_navigation_pages_gray_four_on_selected, .tables_navigation_pages_gray_five_on_selected { padding:0 2px; display:flex; height:100%; align-items:center; background:rgb(77,77,77); cursor:pointer; color:rgba(209,209,209,1); } /*-----------------------------------------Green------------------------------------------*/ .tables_navigation_pages_green_one_on, .tables_navigation_pages_green_two_on, .tables_navigation_pages_green_tree_on, .tables_navigation_pages_green_four_on, .tables_navigation_pages_green_five_on, .tables_navigation_pages_green_one_off, .tables_navigation_pages_green_two_off, .tables_navigation_pages_green_tree_off, .tables_navigation_pages_green_four_off, .tables_navigation_pages_green_five_off { padding:0 2px; display:flex; height:100%; align-items:center; background:rgba(242,242,242,1); color:rgb(77,77,77); cursor:pointer; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .tables_navigation_pages_green_one_off, .tables_navigation_pages_green_two_off, .tables_navigation_pages_green_tree_off, .tables_navigation_pages_green_four_off, .tables_navigation_pages_green_five_off {display:none;} .tables_navigation_pages_green_one_on:hover, .tables_navigation_pages_green_two_on:hover, .tables_navigation_pages_green_tree_on:hover, .tables_navigation_pages_green_four_on:hover, .tables_navigation_pages_green_five_on:hover { background:rgb(77,77,77); color:rgba(140,180,0,1);} .tables_navigation_pages_green_one_on_selected, .tables_navigation_pages_green_two_on_selected, .tables_navigation_pages_greentree_on_selected, .tables_navigation_pages_green_four_on_selected, .tables_navigation_pages_green_five_on_selected { padding:0 2px; display:flex; height:100%; align-items:center; background:rgb(77,77,77); cursor:pointer; color:rgba(140,180,0,1); } /*-----------------------------------------White-------------------------------------------*/ .tables_navigation_pages_white_one_on, .tables_navigation_pages_white_two_on, .tables_navigation_pages_white_tree_on, .tables_navigation_pages_white_four_on, .tables_navigation_pages_white_five_on, .tables_navigation_pages_white_one_off, .tables_navigation_pages_white_two_off, .tables_navigation_pages_white_tree_off, .tables_navigation_pages_white_four_off, .tables_navigation_pages_white_five_off { padding:0 2px; display:flex; height:100%; align-items:center; background:rgba(242,242,242,1); color:rgb(77,77,77); cursor:pointer; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .tables_navigation_pages_white_one_off, .tables_navigation_pages_white_two_off, .tables_navigation_pages_white_tree_off, .tables_navigation_pages_white_four_off, .tables_navigation_pages_white_five_off {display:none;} .tables_navigation_pages_white_one_on:hover, .tables_navigation_pages_white_two_on:hover, .tables_navigation_pages_white_tree_on:hover, .tables_navigation_pages_white_four_on:hover, .tables_navigation_pages_white_five_on:hover { background:rgb(77,77,77); color:rgba(242,242,242,1);} .tables_navigation_pages_white_one_on_selected, .tables_navigation_pages_white_two_on_selected, .tables_navigation_pages_white_tree_on_selected, .tables_navigation_pages_white_four_on_selected, .tables_navigation_pages_white_five_on_selected { padding:0 2px; display:flex; height:100%; align-items:center; background:rgb(77,77,77); cursor:pointer; color:rgba(242,242,242,1); } /*---------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /* ------------------------------------------Site-Map Start ------------------------------------- Start */ #body_white_sidemap { background-color:rgba(242,242,242,1); min-width: 1675px; } #site_map_container { display:flex; padding: 0px 0px 50px 0px; margin: 0px -390px; flex-direction:column; justify-content:center; } #site_map_title { display:flex; height:150px; margin:25px 0px 25px 0px; width:100%; justify-content:center; align-items:center; } #site_map_body { display:flex; height:100%; width:100%; justify-content:center; } .site_map_sub_body_row { display:flex; height:auto; width:auto; justify-content:center; } .site_map_sub_body_column { margin:20px 0px 0px 0px; display:flex; flex-direction:column; height:auto; width:auto; } .site_map_column { display:flex; flex-direction:column; height:auto; width:auto; align-items:center; } .site_map_box_orange, .site_map_box_gray, .site_map_box_green, .site_map_box_withe { display:flex; padding:10px 10px 30px 10px; width:225px; flex-direction:column; min-height:50px; margin:15px 15px; justify-content:center; } .site_map_box_orange_no_menu, .site_map_box_gray_no_menu, .site_map_box_green_no_menu, .site_map_box_withe_no_menu { display:flex; align-self:stretch; min-width:240px; flex-direction:column; height:65px; margin:15px 15px; justify-content:center; } .site_map_box_orange, .site_map_box_orange_no_menu {background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} .site_map_box_gray, .site_map_box_gray_no_menu {background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} .site_map_box_green, .site_map_box_green_no_menu {background:rgba(140,180,0,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} .site_map_box_withe, .site_map_box_withe_no_menu {background:rgba(242,242,242,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} /* Main Title ------------------------------------ */ .site_map_title_text_container { display:flex; width:100%; height:100%; } .site_map_title_centered_text_link_orange, .site_map_title_centered_text_link_gray, .site_map_title_centered_text_link_green, .site_map_title_centered_text_link_withe, .site_map_title_centered_text { height:100%; width:100%; display:flex; justify-content:center; align-items:center; font-size:14pt; font-weight:bold; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .site_map_title_centered_text_link_orange {background:rgba(255,180,60,1);} .site_map_title_centered_text_link_gray {background:rgba(209,209,209,1);} .site_map_title_centered_text_link_green {background:rgba(140,180,0,1);} .site_map_title_centered_text_link_withe {background:rgba(242,242,242,1);} .site_map_title_centered_text {background:rgba(0,0,0,0);} .site_map_title_centered_text_link_orange:hover, .site_map_title_centered_text_link_gray:hover, .site_map_title_centered_text_link_green:hover, .site_map_title_centered_text_link_withe:hover { cursor:pointer; background:rgba(77,77,77,1); } .site_map_title_centered_text_link_orange:hover {color:rgba(255,180,60,1);} .site_map_title_centered_text_link_gray:hover {color:rgba(209,209,209,1);} .site_map_title_centered_text_link_green:hover {color:rgba(140,180,0,1);} .site_map_title_centered_text_link_withe:hover {color:rgba(242,242,242,1);} /* List Title ------------------------------------ */ .site_map_title_left_text_link_orange, .site_map_title_left_text_link_gray, .site_map_title_left_text_link_green, .site_map_title_left_text_link_withe, .site_map_title_left_text { height:100%; width:100%; display:flex; align-items:center; padding:0px 0px 0px 10px; font-size:14pt; font-weight:bold; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .site_map_title_left_text_link_orange {background:rgba(255,180,60,1);} .site_map_title_left_text_link_gray {background:rgba(209,209,209,1);} .site_map_title_left_text_link_green {background:rgba(140,180,0,1);} .site_map_title_left_text_link_withe {background:rgba(242,242,242,1);} .site_map_title_left_text {background:rgba(0,0,0,0);} .site_map_title_left_text_link_orange:hover, .site_map_title_left_text_link_gray:hover, .site_map_title_left_text_link_green:hover, .site_map_title_left_text_link_withe:hover { cursor:pointer; background:rgba(77,77,77,1); } .site_map_title_left_text_link_orange:hover {color:rgba(255,180,60,1);} .site_map_title_left_text_link_gray:hover {color:rgba(209,209,209,1);} .site_map_title_left_text_link_green:hover {color:rgba(140,180,0,1);} .site_map_title_left_text_link_withe:hover {color:rgba(242,242,242,1);} .site_map_title_text_container_menu {background:rgba(77,77,77,1);} .site_map_title_text_link_orange, .site_map_title_text_link_gray, .site_map_title_text_link_green, .site_map_title_text_link_white, .site_map_title_text_orange, .site_map_title_text_gray, .site_map_title_text_green, .site_map_title_text_white { display:flex; margin:0px 0px 2px 0px; padding:10px 10px 5px 10px; font-size:14pt; font-weight:bold; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .site_map_title_text_orange {background:rgba(255,180,60,1);} .site_map_title_text_gray {background:rgba(209,209,209,1);} .site_map_title_text_green {background:rgba(140,180,0,1);} .site_map_title_text_withe {background:rgba(242,242,242,1);} .site_map_title_text_link_orange {background:rgba(255,180,60,1);} .site_map_title_text_link_gray {background:rgba(209,209,209,1);} .site_map_title_text_link_green {background:rgba(140,180,0,1);} .site_map_title_text_link_withe {background:rgba(242,242,242,1);} .site_map_title_text_link_orange:hover, .site_map_title_text_link_gray:hover, .site_map_title_text_link_green:hover, .site_map_title_text_link_withe:hover { background:rgba(77,77,77,1); cursor:pointer; } .site_map_title_text_link_orange:hover {color:rgba(255,180,60,1);} .site_map_title_text_link_gray:hover {color:rgba(209,209,209,1);} .site_map_title_text_link_green:hover {color:rgba(140,180,0,1);} .site_map_title_text_link_withe:hover {color:rgba(242,242,242,1);} /* List Items ------------------------------------ */ .site_map_normal_text_link_container { margin:10px 0px 0px 0px; display:flex; flex-direction:column; } .site_map_normal_text_link_orange, .site_map_normal_text_link_gray, .site_map_normal_text_link_green, .site_map_normal_text_link_withe, .site_map_normal_text { font-weight:bold; padding:5px 10px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .site_map_normal_text_link_orange {background:rgba(255,180,60,1);} .site_map_normal_text_link_gray {background:rgba(209,209,209,1);} .site_map_normal_text_link_green {background:rgba(140,180,0,1);} .site_map_normal_text_link_withe {background:rgba(242,242,242,1);} .site_map_normal_text {background:rgba(0,0,0,0);} .site_map_normal_text_link_orange:hover, .site_map_normal_text_link_gray:hover, .site_map_normal_text_link_green:hover, .site_map_normal_text_link_withe:hover { cursor:pointer; background:rgba(77,77,77,1); } .site_map_normal_text_link_orange:hover {color:rgba(255,180,60,1);} .site_map_normal_text_link_gray:hover {color:rgba(209,209,209,1);} .site_map_normal_text_link_green:hover {color:rgba(140,180,0,1);} .site_map_normal_text_link_withe:hover {color:rgba(242,242,242,1);} .unordered_list_side_map { list-style-type:square; margin:0px 0px 0px 15px; } .unordered_list_side_map_container {margin:0px 0px 3px 0px;} /* ------------------------------------------Site-Map End ------------------------------------- Start */ /* ------------------------------------------Footer area div"footer" ------------------------------------- Start */ footer { order:3; height:60px; min-height:60px; min-width:1100px; display:flex; flex-direction:row; justify-content:center; align-items:center; z-index:2; transition: background-color 0.6s ease-in-out; } #footer_orange { background:rgba(255,180,60,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #footer_gray { background:rgba(209,209,209,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);} #footer_green { background:rgba(140,180,0,1); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #footer_white { background:rgb(242,242,242); box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);} #footer_text_area { text-align:center; margin:12px 0 0 0; } #footer_title {padding:0px 0px 7px 0px;} #footer_writing { display:flex; flex-direction:row; justify-content:center; } .text_brick { padding:0px 3px; height:16px; } .bold_hover_gost { font-size:9pt; font-weight:bold; margin:-15px 0 0 0; color:rgba(0,0,0,0); } /* Footer area div"footer"-------------------------------------------------------------------- End */