/* ---------------------------------

wwtec.css 

03.12.2013 (MG)

-----------------------------------*/

@media screen and (max-width: 999px) {
   body { background-color:#FFFFFF;}
   .mast,
   .intro,
   .main,
   .footer {
     float: none;
     width: auto;
   }


}


body {   

    background-color:#FFFFFF;

}

.sprache1{
    z-index: 11;
	  position: fixed;
    top: 80px;
    height: 32px;
    left: 50%;
    width:24px;
    margin-left: 466px;
		visibility: hidden;
}

.sprache2{
    z-index: 11;
	  position: fixed;
    top: 80px;
    height: 32px;
    left: 50%;
    width:24px;
    margin-left: 440px;
		visibility: hidden;
}


a, h1, h2, h3, h4, ul, p{

	font-family: Verdana, Helvetica, sans-serif;

}



a {
	font-size : 12px;
	font-weight: 500;
	color: #000060;

}


h1 {
	font-size : 20px;
	font-weight: 600;
	color: #000060;
	text-align: left;
}

h2 {
	font-size : 18px;
	font-weight: 600;
	color: #000060;
	text-align: left;
}



h3 {
	font-size : 16px;
	font-weight: 600;
	color: #000060;
	text-align: left;
}



h4 {
	font-size : 14px;
	font-weight: 600;
	color: #000060;
	text-align: left;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: 400;
	color: #000060;
	text-align: left;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight: 400;
	color: #000060;
	vertical-align:left;
	text-align: left;
	margin:0;
	padding:0.0em 1.8em 0.0em 1.0em;
}

img { border:none }

#inhalt {
    position:absolute;
    
    width:990px;
    top:165px;
    z-index:1;
    visibility: visible;
    background-color: #FFFFFF; 
    layer-background-color: #999999;
    border: 1px none #000000;
}


#mm {
z-index:10;
visibility: hidden; 
position: fixed;
top: 100px;
width: 990px;
height: 35px;
left: 50%;
margin-left: -495px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}



A.mainmenu {
display: block;
width: 203px;
height:35px;
line-height:35px;
font-size: 12px;
letter-spacing : 0px;
font-weight: 600;
font-family: Verdana, Geneva, sans-serif;
font-variant:small-caps;
text-decoration: none; 
color: #000060;
vertical-align:middle;
text-align: center;
background-color:#ffffff;
border: none;
border-left:1px dashed #000060;
}

A.mainmenu:hover {
color:#e1e1e1;
background-color:#000060;
}

A.mainmenu_active {
display: block;
width: 203px;
height:35px;
line-height:35px;
color:#e1e1e1;
background-color:#000060;
font-size: 12px;
letter-spacing : 0px;
font-weight: 600;
font-family: Verdana, Geneva, sans-serif;
font-variant:small-caps;
text-decoration: none; 
vertical-align:middle;
text-align: center;
border: none;
}

A.mainmenu_left {
display: block;
width: 189px;
height:35px;
line-height:35px;
font-size: 12px;
letter-spacing : 0px;
font-weight: 600;
font-family: Verdana, Geneva, sans-serif;
font-variant:small-caps;
text-decoration: none; 
color: #000060;
vertical-align:middle;
text-align: center;
background-color:#ffffff;
border: none;
border-left:0px ;
}

A.mainmenu_left:hover {
color:#e1e1e1;
background-color:#000060;
}

A.mainmenu_left_active {
display: block;
width: 189px;
height:35px;
line-height:35px;
font-size: 12px;
letter-spacing : 0px;
font-weight: 600;
font-family: Verdana, Geneva, sans-serif;
font-variant:small-caps;
text-decoration: none; 
color: #e1e1e1;
vertical-align:middle;
text-align: center;
background-color:#000060;
border: none;
border-left:0px ;
}

A.mainmenu_right {
display: block;
width: 189px;
height:35px;
line-height:35px;
font-size: 12px;
letter-spacing : 0px;
font-weight: 600;
font-family: Verdana, Geneva, sans-serif;
font-variant:small-caps;
text-decoration: none; 
color: #000060;
vertical-align:middle;
text-align: center;
background-color:#ffffff;
border: none;
border-left:1px dashed #000060;
}

A.mainmenu_right:hover {
color:#e1e1e1;
background-color:#000060;
}

A.mainmenu_right_active {
display: block;
width: 189px;
height:35px;
line-height:35px;
font-size: 12px;
font-weight: 600;
letter-spacing : 0px;
font-family: Verdana, Geneva, sans-serif;
font-variant:small-caps;
text-decoration: none; 
color:#e1e1e1;
vertical-align:middle;
text-align: center;
background-color:#000060;
border: none;
/*padding:1px;*/ }

A.blockmenu {
display: block;
width: 198px;
height:25px;
line-height:25px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none; 
color: #000060;
vertical-align:middle;
text-align: center;
background-color:#DFDFDF;
border: none;
border-top:1px solid white;
/*margin:1px;*/
/*padding:1px;*/ }



A.blockmenu:hover {
color:#DFDFDF;
background-color:#000060;
}

A.blockmenu_activ {
display: block;
width: 198px;
line-height:25px;
font-size: 25px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none; 
color:#DFDFDF;
vertical-align:middle;
text-align: center;
background-color:#000060;
border: none;
border-top:1px solid white;
}

.ib_u2{

	font-family: Tahoma, Geneva, sans-serif;
	/*font-variant:small-caps;*/
	font-size : 15px;
    letter-spacing : 1px;
	font-weight: 700;
	color: #000060;
	text-align : left;
	margin:0;
	padding:0em 1.3em 1.3em 0.8em;
    vertical-align : top;

}

.im_u2{

	font-family: Tahoma, Geneva, sans-serif;
	/*font-variant:small-caps;*/
	font-size : 15px;
    letter-spacing : 1px;
	font-weight: 700;
	color: #000060;
	text-align : center;
	margin:0;
	padding:0em 1.3em 1.3em 0.8em;
    vertical-align : top;

}

.ibt_text12{
	font-family: Tahoma, Geneva, sans-serif;
	font-size : 15px;
	letter-spacing : 1px;
	font-weight: 500;
	text-align : left;
	margin:0;
	padding:0.0em 1.8em 0.0em 1.0em;
    vertical-align : top;
}

.ibm_text12{
font-family: Tahoma, Geneva, sans-serif;
	font-size : 15px;
	letter-spacing : 1px;
	font-weight: 500;
	text-align : center;
	margin:0;
	padding:0.0em 1.8em 0.0em 1.0em;
    vertical-align : top;
}

.ta_990{
	text-align:center;
    table-layout:fixed;
	width:990px;
	border-style:none;
    margin:auto;

}

.ta_990_t{

	text-align:Left;
    table-layout:fixed;
	width:990px;
    border-style:none;
}
.ta_990b{
    text-align:center;
    table-layout:fixed;
	width:990px;
    border-style:none;
    margin-left:auto;
    margin-right:auto;
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:hidden;
	border-left-width:0px;
        border-top-color:#000060;
	border-bottom-color:#000060;
	border-top-width:1px;
	border-bottom-width:1px;
	padding-bottom:0px;
    border-collapse: collapse; 
}

.ta_600{

	text-align:left;
	table-layout: auto;
  width:600px;
  border-style:none;
	margin:auto; 
  vertical-align : top;

}

.ta_u1{
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 22px;
	font-weight: 500;
	color: #000060;
	text-align : center;
	letter-spacing : 1px;
	margin:0;
	padding:0.0em 0.0em 0.0em 0.0em;
    vertical-align : middle;
}

.logo{
    z-index: 10;
		margin:0;
		margin-left: -495px;
	position: relative;
    top: 0px;
    height: 100px;
    left: 50%;
    width:495px;
    
	padding:0px;
	background:url("www.wwtec.de/logo/wwtec_g_ws_495x100.gif") top right no-repeat;
	
 
}

.bild_re{
    z-index: 9;
	position: absolute;
    top: 0px;
    height: 100px;
    left: 50%;
    width:495px;
    margin-left: 0px;
  	
/*	alternative Farbe  #EAEAEA 20%  */
	background:url("backd/100right_ws_hgr.jpg") top right no-repeat;
}


.bereich{
	display: table-cell;
	vertical-align: middle;
    top: 40px;
    z-index: 10;
    height: 60px;
    width:460px;
	font-family: Verdana, Geneva, sans-serif;
	font-family: 'Times New Roman', Times, serif;
    font-variant:small-caps;
	font-size : 24px;
	font-weight: bold;
	color: #000060;
	text-align : right;
	letter-spacing : 2px;
	border-collapse: collapse;
	border-top-style:hidden;
	border-bottom-style:hidden;
	border-left-style:hidden;
	border-left-width:0px;
  border-top-color:#000060;
	border-bottom-color:#000060;
	border-top-width:0px;
	border-bottom-width:0px;
	padding-top:20px;
	/*text-shadow: 2px 2px 20px #555;*/
		
}

.ta_c{
	text-align : left;
    vertical-align : middle;
		padding-left:10px;
}


.intro{
    z-index: 7;
    Position: absolute;
    text-align:center;
    background-color: #000000;
    top:50%;
    height: 300px;
    left: 50%;
    width:500px;
    margin-left: -250px;
    margin-top: -100px;
    padding:0px;
}

.intro_rl{
	Position: absolute;
	z-index:99;
    text-align:center;
	background-color: #FF0000;
    top:50%;
    height: 460px;
    left: 50%;
    width:80px;
    margin-left: -330px;
	margin-top: -180px;
	padding:0px;
}
.intro_rt{
Position: absolute;
	z-index:99;
    text-align:center;
	background-color: #FFFFFF;
    top:50%;
    height: 80px;
    left: 50%;
    width:660px;
    margin-left: -330px;
	margin-top: -180px;
	padding:0px;
}
.intro_rb{
Position: absolute;
	z-index:99;
    text-align:center;
	background-color: #00FF00;
    top:50%;
    height: 80px;
    left: 50%;
    width:660px;
    margin-left: -330px;
	margin-top: 200px;
	padding:0px;
}

.intro_rr{
Position: absolute;
	z-index:99;
    text-align:center;
	background-color: #FFFF00;
    top:50%;
    height: 460px;
    left: 50%;
    width:80px;
    margin-left: 250px;
	margin-top: -180px;
	padding:0px;
}

#sshow {
  position: relative;
}

#sshow img{
  position: absolute;
  z-index: 1;
  left:0;
  top:0;
  width:500px;
  height:300px;
} 

/**************** ANIMATIONEN *****************/

.text_01{
    Position: inherit;
    z-index:10;
    font-family: Verdana, Geneva, sans-serif;

	font-size : 24px;
	font-weight: bold;
	left: 20px; top: -26px;
	border:0px;
	color: #0000FF;
        opacity: 0.8;
	animation: bewegtext-01 10s forwards;
	
}

.blase_01 {
    Position: inherit;
    z-index:7;
	width:26px;height:26px;
	left: 20px; top: -50px;
	border:0px;
	background-color: #FFFFFF;

	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-o-border-radius: 17px;
	border-radius: 17px;
	opacity: 0.8;
	animation: bewegdich-01 15s forwards;
	
}

.blase_02 {
    Position: inherit;
    z-index:7;
    width:26px;height:26px;
	left: 100px; top: -26px;
	border:0px;
	background-color: #FF0000;

	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-o-border-radius: 17px;
	border-radius: 17px;
	opacity: 0.5;
	animation: bewegdich-02 15s ;
}


@keyframes bewegtext-01 {
  0%{
    opacity: 0;
   }
  10%{
  opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform:scaleX(2); 
    transform:translate(100px, 200px);
  }
}


@keyframes bewegdich-01 {
  0%{
    opacity: 0;
   }
  10%{
  opacity: 0.8;
   }
  90%{
    opacity: 0;
   }

  100% {
    transform:scale(2,2) translate(200px, 200px);
  }
}

@keyframes bewegdich-02 {
  100% {
    transform:scale(2,2) translate(200px, 200px);
    opacity: 0;
  }
}