body
{
margin-left: auto;
margin-right: auto;
background-color:  	#EBEDEC;
width: 100%;
font-family:arial, verdana;
color: #444444;
}

#wrapper2{
	margin-left: auto;
	margin-right: auto;

	width: 100%;
	}


#header {
	width: 100%;
	padding:10px;
	min-height: 70px;
	height:auto !important;
	background-color: #fff;
	margin-top:20px;

	}
	#logo {
	margin-left: auto;
	margin-right: auto;
	width: 60%;

	}
	
#naviblau {
	width: 100%;
	padding-top:10px;
	min-height: 70px;
	height:auto !important;
	background-color:#2C9FE2;//farbe wbs
	margin-top:20px;

	}	
	
#naviblau_out {
	width: 100%;
	padding-top:10px;
	min-height: 600px;
	height:auto !important;
	background-color:#2C9FE2;//farbe wbs


	}		
	

#stelle {
	width: 70%;
	letter-spacing:1px;
	word-spacing:-1px;
	font-size:40px;
	color:#C53000;
	font-family:'Oswald', verdana, arial;
	float: left;

}

#navo {

	width: 62%;
	min-height: 50px;
	height:auto !important;
	margin-left: auto;
	margin-right: auto;
	
}

.na {

	width: 30%;
	color:#C53000;
	float: left;
	text-align: right;
	vertical-align:top;
	font-size:10px;

	}



.na ul

{	vertical-align:top;
         list-style-type: none;
         background-color:#efefef;
}

.na li
{

	margin-bottom: 5px;

	padding: 5px;
}


.na a {	float: left;
	width:130px;
	height:20px;
	margin-bottom: 2px;
	text-align:center;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background:-moz-linear-gradient( bottom, #ffffff, #efefef);
	background: gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	border: 1px solid #efefef;

	color:#C53000;
	font-family:arial, verdana;
         text-decoration: none;
}



.na a:hover
{
	float: left;
	display: block;
	width:130px;
	height:20px;
	border: 1px solid #800000;
	margin-bottom: 2px;

	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background:-moz-linear-gradient( bottom, #ffffff, #efefef);
	background: gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));

}

#navo a {
	float: left;
	
	height:20px;
	margin-bottom: 2px;
	margin-right: 25px;
	
	


	color:#ffffff;
	font-family:arial, verdana;
         text-decoration: none;
}



#navo a:hover
{
	float: left;


	height:20px;

	margin-bottom: 2px;


}

#nava a {
float: left;
	width:90px;
	height:20px;
	margin-bottom: 12px;
	margin-right: 12px;
	text-align:center;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background:-moz-linear-gradient( bottom, #ffffff, #efefef);
	background: gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	border: 1px solid #aaaaaa;

	color:#C53000;
	font-family:arial, verdana;
         text-decoration: none;
}



#nava a:hover
{
float: left;

	width:90px;
	height:20px;
	border: 1px solid #800000;
	margin-bottom: 12px;
	margin-right: 12px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background:-moz-linear-gradient( bottom, #ffffff, #efefef);
	background: gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));

}

#text2{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	background-color:#ffffff;
	padding: 20px;
	}
	
input[type="text"] {
   padding: 2px 16px; 
   height: 30px; 
   
 
   outline: none // keine blaue Umrandung beim Fokus
}

input, textarea { font: 1em/120% Tahoma, Arial, sans-serif; color:#5B647C; }	
	
table, th, td {
    border: 0px solid blue;
	padding: 15px;
   
}
a:link {color:#4A82BF;text-decoration:none;}
a:visited {color:#4A82BF;text-decoration:none;}
a:hover {color:#184A80;text-decoration:underline;}


.weiss{
color:#ffffff;
font-family:arial, verdana;	
font-size: 1.8em;
	
}

h1{

font-family: Arial, serif;
  font-size:22px;
  font-weight: bold;
  margin:0;
  padding:0;
  padding-top:18px;
  padding-right:18px;
  padding-bottom:18px;
  color: #2EA3D1;
  text-align:left;
  line-height: 1.1;
}

h2{

font-family: Arial, serif;
  font-size:18px;
  font-weight: bold;
  margin:0;
  padding:0;
  padding-top:18px;
  padding-right:18px;
  padding-bottom:18px;
  color: #2EA3D1;
  text-align:left;
  line-height: 1.1;
}


.profiluebersicht {


margin-left:20px;
min-width: 230px;
margin-top:20px;
padding-left: 2%;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px,
font-family:Verdana,Arial,sans-serif;
font-size:12px;	
vertical-align:middle;
	
}
div.polaroidixgross {

  	background: #fff; /* Randfarbe */
  	padding: 2px; /* Randdicke */
  	width: 63px; /* Breite des Bildes */

  	-webkit-box-shadow: 2px 2px 5px #999; /* Schatten für Webkit-Browser */
  	-moz-box-shadow: 2px 2px 5px #999; /* Schatten für Mozilla-Browser */
  	box-shadow: 2px 2px 5px #999; /* Schatten für moderne Browser */
  	-moz-transform: rotate(-2deg); /* Drehung um 5 Grad für Mozilla-Browser */
  	-o-transform: rotate(-2deg); /* Drehung um 5 Grad für Opera */
  	transform: rotate(-2deg); /* Drehung um 5 Grad für moderne Browser */
	float:left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -20px;
  	}

	div.polaroidixgross img {
  	border: 1px solid #999; /* grauer Rahmen für das Bild */
  	margin: 0 0 0 0; /* Abstand zum Text */
  	}
	.pdiv
	{
	display: flex;
	align-items: center;		
	}
	.uemi
	{
		padding-left:13px;
		margin-left:63px;
		margin-top:40px;
		vertical-align:middle;
		}
		
	#abstandklein{
	
	padding-top: 15px;
}


#abstandmittel{
	padding-top: 30px;
}
.schrift_test{
font-size:9px;
color: red;
}	
	
	.ptext
	{
	text-align: left;
	margin-left:33px;
	
	}
	div.polaroid p { /* Formatierung für den Text */

  	text-align: center;
  	}
	
	#container {
width:90%;
 margin: auto;
 margin-top:2px;
font-family: Arial;
font-family:Verdana,Arial,sans-serif;
font-size:12px;	
  }
#left {
float: left;

 padding: 5px;
 }
#content {
 float: left;
background:#ffffff;
width:40%;
margin-left:20px;
min-width: 230px;
margin-top:20px;
padding-left: 2%;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-color:#800000;

font-family:Verdana,Arial,sans-serif;
font-size:12px;	
}
div.polaroid {

  	background: #fff; /* Randfarbe */
  	padding: 10px; /* Randdicke */
  	width: 200px; /* Breite des Bildes */

  	-webkit-box-shadow: 2px 2px 5px #999; /* Schatten für Webkit-Browser */
  	-moz-box-shadow: 2px 2px 5px #999; /* Schatten für Mozilla-Browser */
  	box-shadow: 2px 2px 5px #999; /* Schatten für moderne Browser */
  	-moz-transform: rotate(-2deg); /* Drehung um 5 Grad für Mozilla-Browser */
  	-o-transform: rotate(-2deg); /* Drehung um 5 Grad für Opera */
  	transform: rotate(-2deg); /* Drehung um 5 Grad für moderne Browser */
	float:left;
	margin-top: 15px;
	margin-bottom: 15px;

  	}

	div.polaroid img {
  	border: 1px solid #999; /* grauer Rahmen für das Bild */
  	margin: 0 0 20px 0; /* Abstand zum Text */
  	}
	div.polaroid p { /* Formatierung für den Text */

  	text-align: center;
  	}
#mainleftcontent{
font-family: Arial;
min-height:50px;
padding-left: 35px;
padding-right: 20px;
padding-bottom: 20px;
padding-top:20px;
margin-left:20px;
margin-right:20px;
margin-top:20px;
background:#ffffff;//weiss
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
 border: 1px solid #a1a1a1;
font-size: 13px;
font-family:Verdana,Arial,sans-serif;
font-size:12px;	

}
div.polaroidklein {

  	background: #fff; /* Randfarbe */
  	padding: 2px; /* Randdicke */
  	width: 35px; /* Breite des Bildes */

  	-webkit-box-shadow: 2px 2px 5px #999; /* Schatten für Webkit-Browser */
  	-moz-box-shadow: 2px 2px 5px #999; /* Schatten für Mozilla-Browser */
  	box-shadow: 2px 2px 5px #999; /* Schatten für moderne Browser */
  	-moz-transform: rotate(-2deg); /* Drehung um 5 Grad für Mozilla-Browser */
  	-o-transform: rotate(-2deg); /* Drehung um 5 Grad für Opera */
  	transform: rotate(-2deg); /* Drehung um 5 Grad für moderne Browser */
	float:left;
	margin-top: 5px;
	margin-bottom: 5px;

  	}

	div.polaroidklein img {
  	border: 1px solid #999; /* grauer Rahmen für das Bild */
  	margin: 0 0 0px 0; /* Abstand zum Text */
  	}
	div.polaroid p { /* Formatierung für den Text */

  	
  	}


.rotinput {
color: 	#800000;
font-family:Verdana,Arial,sans-serif;
font-size:12px;

border: 1px solid  #2C9FE2;
background-color: #fffff0;
padding:5px;
width:55%;
height:26px;
font-weight:bold;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin:5px;
}

.rotinputarea {
color:#4F5714;
font-family:Verdana,Arial,sans-serif;
font-size:11px;

border: 1px solid #2C9FE2;
background-color: #fffff0;
padding:5px;
width:95%;

margin:5px;

-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;


}

.rotinput4 {
color:#4F5714;
font-family:Verdana,Arial,sans-serif;
font-size:12px;

border: 1px solid #2C9FE2;
background-color: #fffff0;
padding:5px;

height:26px;
margin:5px;

-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;

}

}