@charset "UTF-8";
/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}
html,body{
	padding: 0;
	margin: 0;
	width:100%;
}
body{
	height:100%;
	background:#9966FF;
}
/*------------------SCHRIFT / GR SSE ----------------
---------------------------------------------------*/

h1,
h2,
h3 {
font-weight: bold;
margin-bottom: 0.7em;
}

h1,
h2,
.subcol h3 {
font-family: 'Times New Roman','Trebuchet MS', 'serif';
color:#fff; /*#ad1910;*/
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 2.0em;
}

h3 {
font-size: 1.2em;
color: #505862;
}

h3.datum {
color: #505862;
font-size: 0.95em;
}

blockquote {
color: #f18110;
}

a:link,
a:visited {
color:white;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #ad1910;
text-decoration: underline;
}


/*------------------- ALLGEMEIN --------------------
---------------------------------------------------*/
input,select{
	font-family: Helvetica;
	font-weight: normal;
	font-size: 17px;
	-webkit-appearance:none;
	border: 0;
	background-color:#D4D0C8;/*#0044cc;*/
	color: #333;
	border-radius: 9px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 2px rgba(0,0,0,0.3);
	background-image: -webkit-linear-gradient(top,
		rgba(255,255,255,0.6) 0%,
		rgba(255,255,255,0.3) 50%,
		rgba(255,255,255,0) 51%,
		rgba(255,255,255,0.2) 100%);
		);
}

a{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 20px;
	-webkit-appearance:none;
	border: 0;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-top: 8px;
	margin: 10px;
	background-color:#0044cc;
	color: #fff;
	border-radius: 9px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 2px rgba(0,0,0,0.3);
	background-image: -webkit-linear-gradient(top,
		rgba(255,255,255,0.6) 0%,
		rgba(255,255,255,0.3) 50%,
		rgba(255,255,255,0) 51%,
		rgba(255,255,255,0.2) 100%);
		);
}
.fl { float: left; padding-left:5px; text-transform: uppercase; color:#fff;text-decoration: none;}
.fr { float: right; padding-right: 1.2em; text-transform: uppercase; color:#fff;text-decoration: none;}
.clearfloat {clear: both;}

.link_cls{float: left;text-transform:lowercase; color:#FFFFFF;}
.link_cls ul li {display: inline;font-size: 0.9em; margin-left: 2px; padding-left: 1px;}
.link_cls ul li a,
.link_cls ul li a:link,
.link_cls ul li a:visited{text-decoration: none;padding: 3px 5px;color: #fff;}
.link_cls ul li a:hover,
.link_cls ul li a:active,
.link_cls ul li a:focus{color: #418789;}

.copy{ padding-right:7px; margin-right:6px; text-transform:none; text-align:left; color:#fff; font-weight: lighter; font-size: 0.9em;}


.copyright{
	float: none;
	font-style:italic;
	font-size: small;	
	}
	
a.copyright:link,
a.copyright:visited {
color:#000;
text-decoration: none;
}

a.copyright:hover,
a.copyright:focus,
a.copyright:active {
color: #ad1910;
text-decoration: underline;
}
.link_class{
	float: none;
	font-style:italic;
	font-size: small;
	color:#000;	
}
a.link_class:link,
a.link_class:visited {
color:#000;
text-decoration: none;
}

a.link_class:hover,
a.link_class:focus,
a.link_class:active {
color: #ad1910;
text-decoration: underline;
}


body{
width: 100%;
height:100%;
font-family: Arial,Helvetica,sans-serif;
font-size: 76%;
color: #fff;
background-color: #5a5a5a;
line-height: 1.5em;
text-align: left;
}
page_{
	width: 95%;
	height:95%;
	padding: 0px;
	margin:auto;
	top:0px;
	border: 0px solid #fff;
	-webkit-text-size-adjust: 100%;
	background-color:#091a46;
	color:#fff;

}
.gtypestern{
	color:red;
}
.fnstern{
	color:red;
}
.lnstern{
	color:red;
}
.emstern{
	color:red;
}
.pwstern{
	color:red;
}
.lngstern{
	color:red;
}

.acntstern{
	color:red;
}
.tips{
	color:red;
}

#validateTips{
	color:red;
	text-align:center;
}


#writeMenu {
position: relative;
background-color: #4068B0;
width: 99%;
float: right;
padding:1px;
margin:1px; 
text-transform: capitalize; 
text-align:right; 
color:#fff; 
font-weight: bolder;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.4em;

}
.thema{
position: relative;
background-color:#F0F0F0; 
border: 1px #1468A2 dotted;
width: 99%;
float: right;
padding:1px;
margin:1px; 
text-transform: capitalize; 
text-align:center; 
color:#000; 
font-weight: bolder;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.4em;
}
#appMenu {
position: relative;
background-color:#5a5a5a;
width: 99%;
float: right;
padding:1px;
margin:1px; 
text-transform: capitalize; 
text-align:right; 
color:#fff; 
font-weight: bolder;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.4em;

}
#optionMenu {
position: relative;
background-color: #468F42;
width: 99%;
float: right;
padding:1px;
margin:1px; 
text-transform: capitalize; 
text-align:right; 
color:#fff; 
font-weight: bolder;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.4em;

}

.right_text{
font-size:1.5em;
margin:8px;
padding:8px;
display: block;
text-align: right;
float: right;
font-weight: bolder;
font-family: Arial,Helvetica,sans-serif;
}
.left_text{
font-size:0.9em;
margin-top: 1px;
padding:0.1px;
display: block;
text-align: left;
}
#head_titel { width: 896px; height: 41px; border: 5px solid maroon; background:#091a46; padding: 1px; position:relative;}
#head_titel p {text-align:left;color:#fff; font-weight:bold;}
/*******************************************************/ 
 #header { width: 80%; height: 115px; border: 2px solid lime; background:#146146; padding: 1px; position:relative;}
 
 #header_menu { width:15%;  height: 105px;  position: absolute; top:2px; left:2px; border: 1px solid red;
          background: #1468A2; background-position: left top; background-repeat: repeat-x;}
 
 #header_right {width: 83%;  height: 105px; background:#1468A2; position: absolute; top:2px; left:16%; border: 1px solid #000;}
/************************** Raum 1 **********************/ 
 .raum1  { width: 80%; height: 3px; border: 2px solid #000; background:#091a46; padding: 1px; position:relative;}
 
/************************** raum2 **********************/ 
 .raum2  { width: 80%; height: 510px; border: 2px solid #eef; background:#fff; padding: 1px; position:relative;}

.raum2_left  { width: 25%;  height: 500px;  position: absolute; top:2px; left:2px; border: 4px solid #000;
               background:#091a46; background-position: left top; background-repeat: repeat-x;}

.raum2_mid{ width: 47%;  height: 500px;  position: absolute; top:1px; left:27%; border: 1px solid #000; background:#091a46;}  
/*#dataShow { float: left; padding: 1px; margin:2px; text-transform:none; text-align:left; color:blue; font-weight: normal;font-size: 1.1em; }            
#output { float: left; padding: 1px; margin:2px; text-transform:none; text-align:left; color:#000; font-weight: normal;font-size: 1.1em; } 
*/
.raum2_right{ width: 24%;  height: 500px;  position: absolute; top:2px; left:75%; border: 1px solid #5A5A5A; background:#091a46;}
/************************** footer **********************/  
 .footer { width: 80%; height: 45px; border: 2px solid #fff; background:#1468A2; padding: 1px; position:relative;}
 
 .footer_left  { width: 20%;  height: 35px;  position: absolute; top:2px; left:2px; border: 1px solid #000;
          background:#1468A2; background-position: left top; background-repeat: repeat-x;}

 .footer_mid{ width: 58%;  height: 35px;  position: absolute; top:2px; left:21%; border: 1px solid #000;
         background:#1468A2;
         }               
 .footer_right{ width: 19%;  height: 35px;  position: absolute; top:2px; left:80%; border: 1px solid #000;
         background:#1468A2;
         }           
/*********************************************************/
@media only screen and (min-width: 770px) and (max-width: 991px) {

 .art_title{ width: 85%; height:472px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}


/*******************************************************/ 
#head_titel{width:90%; height: 41px; border: 0px solid #091a46; background:#091a46; padding: 1px;}
/************************** navUP **********************/
#navUp{position: absolute; top: 20px; right: 20px; text-transform: uppercase;}
#navUp ul li {display: inline;font-size: 0.9em; margin-left: 20px; padding-left: 18px;}
#navUp ul li a,
#navUp ul li a:link,
#navUp ul li a:visited{text-decoration: none;padding: 3px 5px;color: #fff;}
#navUp ul li a:hover,
#navUp ul li a:active,
#navUp ul li a:focus{color: #418789;}
/************************ Ende navUP *******************/
 #head_titel p {text-align:left;color:#fff; font-weight:bold;} 
/************************** head **********************/ 
 #head  {width:90%;height: 270px; border: 0px solid #091a46; background:#091a46; padding: 1px;}
 
 #idee  {width:25%; height: 268px; border: 0px solid #091a46; background:#0176c9; padding: 1px;}
          
 #txt{width:74%; height: 268px; top:2px; left:26%; border: 0px solid #091a46; background:#091a46;
         }
/************************** plan **********************/           
 #plan_ {width:90%;height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
 
 #plan_left { width:25%;  height:180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#db542d; background-position: left top; background-repeat: repeat-x;}

 #risikoerfassung{ width:45%; height: 180px; border: 0px solid #091a46; background:#666; position: absolute; 
                top:0px; left:26%;}
 
 #youtube_channel {width:27%;  height: 180px; background:#ed463e; position: absolute; top:2px; 
                left:72%;border: 0px solid #091a46;}
/************************** soll **********************/ 
 #soll {width:90%;height: 242px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
  
 #analyse { width:25%;  height: 240px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#008f03; background-position: left top;}

 #sollerfassung{ width:54%; height: 240px; border: 0px solid #091a46; background:#85c068; position: absolute; 
                top:0px; left:26%;}
 
 #eshop {width:18%;  height: 340px; background:f5ae02; position: absolute; top:2px; 
                left:81%; border: 0px solid #091a46;}
/************************** model **********************/           
 #model {width:90%;height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
 
 #design { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#bd193f; background-position: left top; background-repeat: repeat-x;}

 #modelerfassung{ width:45%; height: 180px; border: 0px solid #091a46; background:#f38541; position: absolute; 
                top:0px; left:26%;}
 
 #fb {width:27%;  height: 180px; background:#3359a2; position: absolute; top:2px; 
                left:72%;border: 0px solid #091a46;}
/************************** realisierung **********************/ 
 #realisierung {width:90%;height: 242px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
  
 #realisierung_und_test { width:64%;  height: 240px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#69367f; background-position: left top; background-repeat: repeat-x;}
 
 #target {width:34%;  height: 240px; background:e06060; position: absolute; top:2px; 
                left:65%; border: 0px solid #091a46;}
/************************** GAP **********************/           
 #gap { width:90%; height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}

 
 #instg { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#C4332B; background-position: left top; background-repeat: repeat-x;}

 #gap_analyse{ width: 45%;  height: 180px; border: 0px solid #091a46; background:#666; position: absolute; 
                top:0px; left:25%; background-position: left top; background-repeat: repeat-x;}
 
 #twt {width:27%;  height: 180px; background:#46dfe1; position: absolute; top:2px; left:71%; border: 0px solid #091a46;}                
/************************** beratung **********************/ 
 #beratung { width:90%; height: 769px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}
 
 #beratung_left { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background: #091a46; background-position: left top; background-repeat: repeat-x;}

 #beratung_txt{ width: 45%;  height: 180px; border: 0px solid #091a46; background:#091a46; position: absolute; 
                top:0px; left:26%; background-position: left top; background-repeat: repeat-x;}
 
 #beratung_right {width:27%;  height: 180px; background:#091a46; position: absolute; top:2px; left:72%; border: 0px solid #091a46;}

 /*********************************************************/
}
@media only screen and (min-width: 480px) and (max-width: 769px) {
 .art_title{ width: 85%; height:672px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}

/*******************************************************/ 
#head_titel{width:90%; height: 41px; border: 0px solid #091a46; background:#091a46; padding: 1px;}
/************************** navUP **********************/
#navUp{position: absolute; top: 20px; right: 20px; text-transform: uppercase;}
#navUp ul li {display: inline;font-size: 0.9em; margin-left: 20px; padding-left: 18px;}
#navUp ul li a,
#navUp ul li a:link,
#navUp ul li a:visited{text-decoration: none;padding: 3px 5px;color: #fff;}
#navUp ul li a:hover,
#navUp ul li a:active,
#navUp ul li a:focus{color: #418789;}
/************************ Ende navUP *******************/
 #head_titel p {text-align:left;color:#fff; font-weight:bold;} 
/************************** head **********************/ 
 #head  {width:90%;height: 270px; border: 0px solid #091a46; background:#091a46; padding: 1px;}
 
 #idee  {width:25%; height: 268px; border: 0px solid #091a46; background:#0176c9; padding: 1px;}
          
 #txt{width:74%; height: 268px; top:2px; left:26%; border: 0px solid #091a46; background:#091a46;
         }
/************************** plan **********************/           
 #plan_ {width:90%;height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
 
 #plan_left { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#db542d; background-position: left top; background-repeat: repeat-x;}

 #risikoerfassung{ width:45%; height: 180px; border: 0px solid #091a46; background:#666; position: absolute; 
                top:0px; left:26%;}
 
 #youtube_channel {width:27%;  height: 180px; background:#ed463e; position: absolute; top:2px; 
                left:72%; border: 0px solid #091a46;}
/************************** soll **********************/ 
 #soll {width:90%;height: 242px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
  
 #analyse { width:25%;  height: 240px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#008f03; background-position: left top; background-repeat: repeat-x;}

 #sollerfassung{ width:54%; height: 240px; border: 0px solid #091a46; background:#85c068; position: absolute; 
                top:0px; left:26%;}
 
 #eshop {width:18%;  height: 340px; background:#f5ae02; position: absolute; top:2px; 
                left:81%; border: 0px solid #091a46;}
/************************** model **********************/           
 #model {width:90%;height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
 
 #design { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#bd193f; background-position: left top; background-repeat: repeat-x;}

 #modelerfassung { width:45%; height: 180px; border: 0px solid #091a46; background:#f38541; position: absolute; 
                top:0px; left:26%;}
 
 #fb {width:27%;  height: 180px; background:#3359a2; position: absolute; top:2px; 
                left:72%; border: 0px solid #091a46;}
/************************** realisierung **********************/ 
 #realisierung {width:90%;height: 242px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
  
 #realisierung_und_test { width:64%;  height: 240px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#69367f; background-position: left top; background-repeat: repeat-x;}
 
 #target {width:34%;  height: 240px; background:#e06060; position: absolute; top:2px; 
                left:65%; border: 0px solid #091a46;}
/************************** GAP **********************/           
 #gap { width:90%; height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}

 
 #instg { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#C4332B; background-position: left top; background-repeat: repeat-x;}

 #gap_analyse{ width: 45%;  height: 180px; border: 0px solid #091a46; background:#666; position: absolute; 
                top:0px; left:25%; background-position: left top; background-repeat: repeat-x;}
 
 #twt {width:27%;  height: 180px; background:#46dfe1; position: absolute; top:2px; left:71%; border: 0px solid #091a46;}                
/************************** beratung **********************/ 
 #beratung { width:90%; height: 769px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}
 
 #beratung_left { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background: #091a46; background-position: left top; background-repeat: repeat-x;}

 #beratung_txt{ width: 45%;  height: 180px; border: 0px solid #091a46; background:#091a46; position: absolute; 
                top:0px; left:26%; background-position: left top; background-repeat: repeat-x;}
 
 #beratung_right {width:27%;  height: 180px; background:#091a46; position: absolute; top:2px; left:72%; border: 0px solid #091a46;}
 /*********************************************************/
}
@media only screen and (min-width: 1px) and (max-width: 479px) {
 .art_title{ width: 85%; height:872px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}

/*******************************************************/ 
#head_titel{width:90%; height: 41px; border: 0px solid #091a46; background:#091a46; padding: 1px;}
/************************** navUP **********************/
#navUp{position: absolute; top: 20px; right: 20px; text-transform: uppercase;}
#navUp ul li {display: inline;font-size: 0.9em; margin-left: 20px; padding-left: 18px;}
#navUp ul li a,
#navUp ul li a:link,
#navUp ul li a:visited{text-decoration: none;padding: 3px 5px;color: #fff;}
#navUp ul li a:hover,
#navUp ul li a:active,
#navUp ul li a:focus{color: #418789;}
/************************ Ende navUP *******************/
 #head_titel p {text-align:left;color:#fff; font-weight:bold;} 
/************************** head **********************/ 
 #head  {width:90%;height: 270px; border: 0px solid #091a46; background:#091a46; padding: 1px;}
 
 #idee  {width:25%; height: 268px; border: 0px solid #091a46; background:#0176c9; padding: 1px;}
          
 #txt{width:74%; height: 268px; top:2px; left:26%; border: 0px solid #091a46; background:#091a46;
         }
/************************** plan **********************/           
 #plan_ {width:90%;height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
 
 #plan_left { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#db542d; background-position: left top; background-repeat: repeat-x;}

 #risikoerfassung{ width:45%; height: 180px; border: 0px solid #091a46;; background:#666; position: absolute; 
                top:0px; left:26%;}
 
 #youtube_channel {width:27%;  height: 180px; background:#ed463e; position: absolute; top:2px; 
                left:72%; border: 0px solid #091a46;}

/************************** soll **********************/ 
 #soll {width:90%;height: 242px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
  
 #analyse { width:25%;  height: 240px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#008f03; background-position: left top; background-repeat: repeat-x;}

 #sollerfassung{ width:54%; height: 240px; border: 0px solid #091a46; background:#85c068; position: absolute; 
                top:0px; left:26%;}
 
 #eshop {width:18%;  height: 340px; background:f5ae02; position: absolute; top:2px; 
                left:81%; border: 0px solid #091a46;}
/************************** model **********************/           
 #model {width:90%;height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
 
 #design { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#bd193f; background-position: left top; background-repeat: repeat-x;}

 #modelerfassung{ width:45%; height: 180px; border: 0px solid #091a46; background:#f38541; position: absolute; 
                top:0px; left:26%;}
 
 #fb {width:27%;  height: 180px; background:#3359a2; position: absolute; top:2px; 
                left:72%; border: 0px solid #091a46;}  
/************************** realisierung **********************/ 
 #realisierung {width:90%;height: 242px; border: 0px solid #091a46; background:#091a46; padding: 1px;} 
  
 #realisierung_und_test { width:64%;  height: 240px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#69367f; background-position: left top; background-repeat: repeat-x;}
 
 #target {width:34%;  height: 240px; background:e06060; position: absolute; top:2px; 
                left:65%; border: 0px solid #091a46;}
/************************** GAP **********************/           
 #gap { width:90%; height: 182px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}

 
 #instg { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background:#C4332B; background-position: left top; background-repeat: repeat-x;}

 #gap_analyse{ width: 45%;  height: 180px; border: 0px solid #091a46; background:#666; position: absolute; 
                top:0px; left:25%; background-position: left top; background-repeat: repeat-x;}
 
 #twt {width:27%;  height: 180px; background:#46dfe1; position: absolute; top:2px; left:71%; border: 0px solid #091a46;}                
/************************** beratung **********************/ 
 #beratung { width:90%; height: 769px; border: 0px solid #091a46; background:#091a46; padding: 1px; position:relative;}
 
 #beratung_left { width:25%;  height: 180px;  position: absolute; top:2px; left:2px; border: 0px solid #091a46;
          background: #091a46; background-position: left top; background-repeat: repeat-x;}

 #beratung_txt{ width: 45%;  height: 180px; border: 0px solid #091a46; background:#091a46; position: absolute; 
                top:0px; left:26%; background-position: left top; background-repeat: repeat-x;}
 
 #beratung_right {width:27%;  height: 180px; background:#091a46; position: absolute; top:2px; left:72%; border: 0px solid #091a46;}
/*********************************************************/
}