first git

css/edit_main.css

@@ -0,0 +1,486 @@
+/* 
+    Document   : edit_main
+    Created on : 08.02.2013, 15:02:29
+    Author     : Main
+    Description:
+        Purpose of the stylesheet follows.
+*/
+
+body{
+    background-color: #ffffff;
+    width: 850px;
+    height: 100%;
+}
+
+ #art-banner{
+     
+    background-color: #e8e8ea;
+   /* background-image: url("../images/banner_top_ohneLogo.jpg");*/
+   background-color:#0066aa;
+    
+    background-image: none;
+    margin:0px; 
+    padding:0px;
+    width: 100%;
+    height: 70px;
+    background-repeat: no-repeat;
+        background-size: 100% 100%;
+    
+  
+    position: absolute;
+    top:0px;
+    left: 0px;
+    z-index: 1;
+    border-bottom: 3px solid black;
+
+  
+ }
+ 
+
+#art-logo{
+    background-image:url("../images/verag_logo_white.png"); 
+    margin:0px; 
+    padding:0px;
+    width: 330px;
+    height: 165px;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    position: absolute;
+    top:15px;
+    left: 15px;
+    z-index: 2; 
+    width:12em;
+	
+  
+}
+#page-title{
+    margin:0px; 
+    padding:0px;
+    width: 330px;
+    height: 165px;
+    color:#fff;
+    font-size: 24px;
+    position: absolute;
+    top:20px;
+    z-index: 2;
+    left:300px;
+  
+}
+#update-title{ position: absolute; top:85px; left:15px; color:black; font-style:italic; font-size: 0.8em;}
+
+/*********************Hauptmenü**********************************/
+
+
+.update_navigation {
+    position: absolute; top:100px; left: 15px; right:15px;
+    height: 35px; 
+    margin: 0px; padding: 0px;
+    z-index:3;
+    border-bottom:2px solid #333;
+}
+
+.update_navigation ul {
+    list-style-type: none;
+    width: 100%;
+    margin: 0px;
+    padding: 0px;
+    
+}
+
+.update_navigation li {
+    float: left;
+    padding: 0px;
+    margin:0px;
+}
+
+.update_navigation ul a {
+    padding-right: 40px;
+    padding-left: 0px;
+    margin:0px;
+    display: block;
+    line-height: 40px;
+    text-decoration: none;
+    font-family: Helvetica,  serif;
+    font-size: 16px;
+    color: #0066aa;
+    font-weight: normal ;
+    
+   /* font-weight: bold;*/
+    /*text-shadow: 2px 2px 2px black;*/
+  
+}
+
+.update_navigation ul a:hover {
+    text-decoration: underline;
+    
+    text-shadow: 1px 1px 1px gray;
+    transition: text-shadow 0.3s;
+    -webkit-transition: text-shadow 0.3s;
+    -moz-transition: text-shadow 0.3s;
+    -o-transition: text-shadow 0.3s;
+   
+}
+
+
+/*******************************************************/
+
+/*******************Navigation-left************************************/
+
+#art-flags{
+    position:absolute; top:85px;left:50px;z-index:99;
+}
+    
+.update_menu_01 {
+    position: absolute; top:130px; left: 5px;
+    height: 35px; width:245px;
+    margin: 0px; padding: 0px;
+    z-index:30; 
+}
+
+.update_menu_01 ul {
+    list-style-type: none;   width: 100%;
+    margin: 0px;  padding: 5px;
+    border:2px outset #333;   background-color: white;
+}
+
+.update_menu_01 li {
+    padding: 1px;
+    
+}
+
+.update_menu_01 ul a {
+    padding: 0px;
+    
+    margin:0px;
+    display: inline;
+    line-height: 1.0em;
+    text-decoration: none;
+    font-family: Helvetica,  serif;
+    font-size: 0.9em;
+    color: black;
+    font-weight: normal ;
+}
+
+.update_menu_01 ul a:hover {
+    text-decoration: none;
+    background-color: #0066aa;
+    color: white;
+    text-shadow: 1px 1px 1px gray;
+    transition: text-shadow 0.3s;
+    -webkit-transition: text-shadow 0.3s;
+    -moz-transition: text-shadow 0.3s;
+    -o-transition: text-shadow 0.3s;
+   
+}
+
+.update_menu_02{
+    margin-left: 10px; 
+    
+    font-size: 0.8em;
+}
+.update_menu_02 ul {
+    border:0px;
+    width:80%;
+}
+
+.inst0{
+    margin-top:10px;
+    background-color: lightgrey;
+    font-style: italic;
+}
+
+.inst1{
+    background-color: lightblue;
+}
+.inst2{
+    margin-left:10px;
+}
+
+
+/*******************************************************/
+
+
+#main-page{
+    margin:0px; padding: 0px;
+     position: absolute;  top: 135px;  left:265px;  right:15px;
+    width:800px;
+    border:1px solid black;
+}
+
+#main-page2{
+    margin:0px; padding: 0px;
+     position: absolute;  top: 135px;  left:1100px;  right:15px;
+    width:800px;
+    border:1px solid black;
+}
+
+#main-edit{ 
+  position: absolute;  top: 135px;  left:15px;  right:15px;
+  overflow: auto; min-height: 85%;
+  background-color: #eee;  border: 1px solid black;
+  font-family: arial;  font-size: 11px;
+  /*height:95%;*/
+  /*position: absolute;
+
+  top: 12.5%;*/
+}
+#inner-edit{
+  margin-left:250px;
+    
+}
+.edittable{
+    /*width:900px;*/
+  /*background-color: gray;*/
+    margin-left: 2%;
+    margin-right: 2%;
+    padding:20px;
+}
+
+.tr td{
+    border-bottom: 1px solid black;
+    padding-bottom: 10px;
+    padding-top: 10px;
+}
+
+.edittextarea{
+    width:90%;
+    /*margin-left: 2%;
+    margin-right: 2%;*/
+    height: 150px;
+    
+}
+
+
+h1{
+    color: #525252;
+    font-size: 30px;
+    font-weight: bold;
+    line-height: 30px;
+    padding: 0px;
+    margin: 0px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+h2{
+    color: #525252;
+    font-size: 20px;
+    font-weight: bold;
+    line-height: 30px;
+    padding: 0px;
+    margin: 0px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.edit_add_contend{
+    /*display:none;*/
+}
+
+.edit_add_contend img{
+    width:40px;
+}
+
+.info img:hover{
+    opacity: 0.5;
+    cursor: pointer; 
+    
+}
+.edit_add_contend img:hover{
+    opacity: 0.5;
+    cursor: pointer;
+}
+
+a.info{
+    position:relative;
+    z-index:1;
+}
+
+a.info:hover{
+    z-index:2;
+}
+
+a.info span{
+    display: none;
+}
+
+a.info:hover span{
+    display:block;
+    position:absolute;
+    top:2em;
+    left:2em;
+    width:15em;
+    border:1px solid #003680;
+    background-color:#add8e6;
+    color:#000;
+    text-align: center;
+    padding: 5px;
+    font-size: 0.8em;
+} 
+
+
+.edittable select{
+    width:150px;
+    height:25px;
+}
+
+
+
+.edittable_main{
+    width:900px;
+    padding:0px;
+    margin:0px;
+}
+
+
+.edittable:hover{
+    background-color: #eeeeee;
+}
+.smallicon{
+    height:15px;
+    width:15px;
+}
+
+.edit_textarea{
+ width:90%;   
+}
+
+
+
+
+
+
+
+
+
+
+
+
+p{
+   
+    padding:0px;
+    margin:0px;
+    color: #525252;
+    font-size: 0.9em;
+     padding-right:15px;
+     padding-left:15px;
+     text-align: justify;
+    font-family: Helvetica;
+   /* font-weight: bold;*/
+   
+}
+
+.content_all, .content_b_left, .content_b_right, .content_m_left, .content_m_right, .content_s_left, .content_s_right, .content_img, .content_img_b, .content_img_m, .content_img_s{
+   /* padding: 15px;*/
+    padding:0px;
+    padding-top: 15px;
+    margin:0px;
+    float:left;
+   
+}
+
+.content_all img, .content_b_left img, .content_b_right img, .content_m_left img, .content_m_right img, .content_s_left img, .content_s_right img, .content_img img , .content_img_b img, .content_img_m img, .content_img_s img{
+   /* padding: 15px;*/
+   padding:0px;
+   margin:0px;
+   float:left;
+   
+}
+ .content_33{
+    width:33.33%;
+    padding:0px;
+    margin:0px;
+    display:inline-block;
+    float: left; 
+}
+ .content_66{
+    width:66.66%;
+    padding:0px;
+    margin:0px;
+    display:inline-block;
+    float: left; 
+}
+.content_all{
+    width:100%;
+    display:block;
+    float: left; 
+}
+.content_b{
+    width:75%;
+    padding:0px;
+    margin:0px;
+    display:inline-block;
+    float: left; 
+}
+.content_m{
+    width:50%;
+    padding:0px;
+    margin:0px;
+    display:inline-block;
+    float: left; 
+}
+.content_s{
+    width:25%;
+    padding:0px;
+    margin:0px;
+    display:inline-block;
+    float: left; 
+}
+
+
+
+
+.content_b_left{
+    width:50%;
+     padding:0px;
+   margin:0px;
+    display:inline-block;
+    float: left; 
+   
+    /*background-color: #ffffff;*/
+   
+}
+.content_b_right{
+    width:50%;
+    display:inline-block;
+    float: right; 
+     padding:0px;
+   margin:0px;
+}
+.content_m_left{
+    width:19em;
+    display:inline-block;
+    float: left; 
+}
+.content_m_right{
+    width:19em;
+    display:inline-block;
+    float: right; 
+}
+.content_s_left{
+    width:9em;
+    display:inline-block;
+    float: left; 
+}
+.content_s_right{
+    width:9em;
+    display:inline-block;
+    float: right; 
+}
+.content_img{
+     width:100%;
+     padding:0px;
+     margin:0px;
+}
+
+ 
+    option[value="full"]:before { content:url("../images/Icons/main/edit_types/add_contend_full.gif"); }
+    option[value="pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic.gif"); }
+    option[value="50-50"]:before { content:url("../images/Icons/main/edit_types/add_contend_50-50.gif"); }
+    option[value="50-pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_50-pic.gif"); }
+    option[value="pic-50"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic-50.gif"); }
+    option[value="75-25"]:before { content:url("../images/Icons/main/edit_types/add_contend_75-25.gif"); }
+    option[value="75-pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_75-pic.gif"); }
+    option[value="25-75"]:before { content:url("../images/Icons/main/edit_types/add_contend_25-75.gif"); }
+    option[value="pic-75"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic-75.gif"); }
+    option[value="title"]:before { content:url("../images/Icons/main/edit_types/title.gif"); }
+    option[value="line"]:before { content:url("../images/Icons/main/edit_types/line.gif"); }

css/highway_main.css

@@ -0,0 +1,25 @@
+
+ #art-banner{
+     
+   background-color:#aa0000;
+ }
+ 
+ 
+#art-logo_highway{
+    background-image:url("../images/highway118.gif"); 
+    margin:0px; 
+    padding:0px;
+    width: 330px;
+    height: 165px;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    position: absolute;
+    top:00px;
+    
+    z-index: 2;
+     left:47%;
+    width:20em;
+    margin-left:-10em;
+	
+  
+}

css/main_ie.css

@@ -0,0 +1,33 @@
+
+ #art-banner{
+ 
+  
+    background-color:#012b64;
+    
+    background-color:#0066aa;
+    
+    height:100%;
+    width: 100%;
+
+    margin:0px; 
+    padding:0px;
+    height: 200px;
+    background-size: 100% 100%;
+    
+  
+    position: absolute;
+    top:0px;
+    left: 0px;
+    z-index: 1;
+    border-bottom: 3px solid black;
+  
+ }
+ 
+ body{
+    background: none;
+    background-image: none;
+    background-size: 0,0;
+    background-color: #e8e8ea;
+    background-color:white;
+       
+}

css/status.css

@@ -0,0 +1,129 @@
+
+
+.tableStatus {
+    font-size: 14px;
+    width: 100%;
+    background-color: #fefefe;
+    padding: 0px;
+    border:3px solid gray;
+}
+
+
+    .tableStatus td {
+        padding: 5px;
+        text-align: left;
+        border: 1px solid lightgray;
+    }
+
+
+    .tableStatus tr {
+        padding: 5px;
+        border: 1px solid black;
+        background-color: #ecfaff;
+    }
+    .tableStatus th, .tableStatus th td {
+        font-size: 14px;
+        background-color: #003680;
+        color: white;
+        padding: 5px;
+        border: 1px solid lightgray;
+    }
+
+
+    .tableStatus .tableStatusVermerke {
+        /*background-color: #ffe;*/
+        background-color: #fefefe;
+    }
+
+        .tableStatus .tableStatusVermerke td {
+            border: 0px solid white;
+                /*background-color: #ffe;*/
+        }
+
+
+        .tableStatus .tableStatusVermerke .vermerkHeader {
+            text-align: right;
+        }
+
+    .tableStatus   .fremdspedition   {
+        background-color: #eee;
+        /*font-style:italic;*/
+    }
+
+
+    .tableStatus .statusOK {
+        background-color: #0a0;
+        color: #fff;
+        text-align: center ;
+            font-size: 18px;
+    }
+
+    .tableStatus .statusNONE {
+        background-color: #ffdb00;
+        color: #000;
+        text-align: center;
+        font-size: 18px;
+    }
+
+
+    .tableStatus .statusPROBLEM {
+        background-color: #e10000;
+        color: #fff;
+        text-align: center;
+        font-size: 12px;
+    }
+
+    .tableStatus .statusUNDEF {
+        background-color: #eee;
+        color: #000;
+        text-align: center;
+        font-size: 18px;
+    }
+
+
+
+
+.statusLKW_Ankunft {
+    font-size: 20px;
+    font-weight: bold;
+    background-color: #003680;
+    color: #fff;
+    height: 30px;
+    margin: auto;
+    vertical-align: middle;
+    text-align: center;
+    line-height: 30px;
+}
+.statusLKW_Freigegeben {
+    font-size: 20px;
+    font-weight: bold;
+    background-color: green;
+    color: #fff;
+    height: 30px;
+    margin: auto;
+    vertical-align: middle;
+    text-align: center;
+    line-height: 30px;
+}
+
+.statusLKW_Erfasst {
+    font-size: 20px;
+    font-weight: bold;
+    background-color: gray;
+    color: #fff;
+    height: 30px;
+    margin: auto;
+    vertical-align: middle;
+    text-align: center;
+    line-height: 30px;
+}
+
+
+.statusLKW_OK {
+    vertical-align: middle;
+    height: 50px;
+    top: 20px;
+    color: green;
+    line-height: 50px;
+}
+ 

css/style.css

@@ -0,0 +1,111 @@
+@charset "utf-8";
+/* CSS Document */
+
+#eumap {
+ width: 532px;
+ height: 523px;
+ /*width: 1218px;
+ height: 1245px;*/
+ margin:0 auto;
+ background-color: #ffffff;
+ /*border: 1px solid black;*/
+ background: url("../images/Europakarte/Europakarte.jpg") no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+ /*top: 250px;*/
+ right: 0px;
+ display:inline-block;
+ z-index: 19;
+}
+
+.eumap_kreis{
+  width: 8px;
+  height: 8px;
+  border-radius: 4px; 
+  border: 1px solid black;
+  background-color: #003680;
+ z-index:20; 
+ cursor:pointer;
+}
+.eumap_detail{
+    display: none;
+     z-index:25; 
+}
+
+.eumap_kreis:hover + div{
+    display: inline;
+    cursor:pointer;
+   /*  z-index:25; */
+}
+
+.eumap_kreis_klein{
+  width: 5px;
+  height: 5px;
+  border-radius: 3px;
+  border: 1px solid black;
+  background-color: grey;
+ z-index:20; 
+ cursor:pointer;
+}
+
+
+.eumap_kreis_klein:hover + div{
+    display: inline;
+    cursor:pointer;
+   /*  z-index:25; */
+}
+
+
+.eumap_detail {
+   
+    
+    padding:10px;
+    width: 200px;
+   /* height: 50px;*/
+    margin-left:20px;
+    margin-top: -45px;
+    background-color: white;
+    border: 1px solid black;
+    border-radius: 10px;
+     z-index:25;
+     background-color: #eeeeee;
+     
+    box-shadow: 1px 1px 1px black;
+}
+.eumap_detail p{
+     float:left;
+}
+
+
+.eumap_detail img{
+    padding:0px;
+    width: 150px;
+   /* height: 50px;*/
+    margin:5px;
+    margin-left:15px;
+     float:left;
+    box-shadow: 1px 1px 1px gray;
+}
+
+.eumap_detail p .eumap_detail_title{
+     font-family: Arial;
+    text-decoration: none;
+    font-size: 0.9em;
+    color: black;
+    font-weight: bold;
+    text-decoration: underline;
+    line-height: 30px;
+}
+.eumap_detail p .eumap_detail_adress{
+    font-family: Arial;
+    
+    font-size: 0.7em;
+    line-height: 1.3em;
+    text-decoration: none;
+    color: black;
+}
+
+
+.map_Europa_points{ position: absolute;top: 0px;left: 0px; width: 100%; height: 100%; z-index: 29; }
+.map_transparent{ position: absolute;top: 0px;left: 0px; width: 100%; height: 100%; display: none; cursor: pointer; z-index: 30; }
+

css/toptions/example.css

@@ -0,0 +1 @@
+#page_content h2{padding-bottom:6px;text-indent:0;background:none}#page_content ol{padding-bottom:5px}#demo a{margin-right:5px;border:0}

css/toptions/style.css

@@ -0,0 +1 @@
+*{margin:0;padding:0}html{height:100%}body{height:100%;color:white;font-family:"Lucida Grande", "Arial";font-size:11px;line-height:150%;background:#003343}h1,h2{text-indent:-9999px;background-repeat:no-repeat;background-image:url(../images/sprite-min.png)}h3{margin-top:5px;font-size:12px}a{color:white;outline-style:none;text-decoration:none;border-bottom:1px dotted white}a:hover{border-bottom:1px solid white}ol{margin-top:10px;padding-bottom:12px}ol li{margin-bottom:3px}li{margin-left:30px}div.top_padded{padding-top:3px}.box{margin:4px 0;padding:8px;background-color:#002933 !important;border:1px dashed #529796}.code{font-family:"Courier New", "Courier";font-size:10px}#page_background{height:113px;margin-bottom:-113px;background-image:url(../images/sprite-min.png);background-repeat:repeat-x;background-position:top}#page_wrapper{width:725px;margin:auto;padding-bottom:40px;position:relative}#page_header{height:113px;position:relative;cursor:pointer;background-image:url(../images/sprite-min.png);background-repeat:no-repeat;background-position:left -113px;border-bottom:1px dashed #529796}#page_header h1,#page_header h2{position:absolute}#page_header h2{top:30px;left:84px;width:174px;height:74px;background-image:url(../images/sprite-min.png);background-repeat:no-repeat;background-position:left -226px}#page_header h1{top:70px;left:258px;width:318px;height:12px;background-image:url(../images/sprite-min.png);background-repeat:no-repeat;background-position:left -300px}#page_content{padding:0 15px}#page_content h1,#page_content h2{margin-top:28px}#page_content h1{height:21px;margin-bottom:13px}#page_content h2{height:16px;margin-bottom:10px}#page_content p{margin-top:6px}#page_content p.intro{margin-top:11px;margin-left:12px}#examples{margin-left:15px;padding-top:5px}#examples img{margin:3px 7px 3px 7px}#examples a,#examples img{border:0}h1.thanks_for_download_top_up{background-position:left -1067px !important}h1.some_examples{background-position:left -620px !important}