﻿/* Website Framework www.ubkw-onine.de */

/* Reset */

/* Global  Website Config */


html, body	{ margin:0px; padding:0px; border:0px; background:#fff; }
	
a			{ font-style:normal; font-family:Calibri; text-decoration:none }

p			{ font-family:Calibri; color:#666; font-size:14px; margin:0px; margin:15px 0px 0px 0px; }

img 		{ margin:0px; padding:0px; border:0px; }

div 		{ font-family:Calibri; background-color:transparent; background-position:100%; }

/* Headings  */

h1			{ font-size:28px; font-weight:normal; border-bottom:1px #eee solid; padding:0px 0px 10px 10px; margin:10px 0px 10px 0px; letter-spacing:1px; }
h2			{ font-size:16px; font-weight:bold; color:orange; } /* Press Release Heading */
h3			{ font-size:20px; font-weight:bold; color:#666; padding:0px 20px; margin:20px 0px 0px 0px; } /* general heading subtopic, e. g. vacancies */ 
h4			{ font-size:12px; font-weight:lighter; color:#000; padding:0px 20px; font-style:italic; } /* NavDisplay */
h5			{ font-size:11px; font-weight:100; color:#666; font-style:italic; padding:0px 20px; margin:5px 0px 0px 0px; } /* Date & Time */

/* Lists */

ol, ul		{ list-style:none }
	
/* containers top */	

#topFrame			{ width:100%; height:10px; background-color:blue; border-bottom:1px #fff solid; }

#top				{ width:auto; height:50px; background:#39B6F9; margin:0px; padding:0px; overflow:hidden; border-bottom:1px #fff solid; }

#socialMedia 		{ float:right; margin:0px 20px 0px 0px; }

#socialMedia img 	{ width:25px; height:25px; padding:0px 5px; }

#socialMedia ul li 	{ display:inline; }

/* containers main */

#wrapper 			{ background-color:#FFF; width:1000px; height:950px; padding:0px; margin:0px auto; }

#header  			{ background-color:#FFF; overflow:hidden; }
#header img			{ }

#topNav				{ width:1000px; height:41px; background-color:#3399FF; text-transform:uppercase; }
#topNav ul			{ width:100%; float:left; margin:0px; padding:0px; background-color:#3399FF; border-bottom:2px #ddd solid; border-top:2px #ddd solid; }
#topNav ul li		{ display:inline; }
#topNav ul li a		{ padding:10px 20px; float :left; }
#topNav a:link		{ color:#FFF; }
#topNav a:visited	{ color:#FFF; }
#topNav a:active 	{ color:#FFF; background-color:#ddd; }
#topNav a:hover		{ color:#000; background-color:#ddd; }
#topNav a:focus		{ color:#FFF; }

#leftNav			{ background-color:#fff; width:144px; height:690px; float:left; padding:0px; margin:0px; line-height:180%; }
#leftNav ul 		{ background-color:#fBfBfB; width:100%; height:690px; margin:5px 0px 0px 0px; padding:0px; border-top:1px #eee solid; border-bottom:1px #eee solid; border-left:1px #eee solid; border-right:1px #eee solid; }
#leftNav ul li 		{ display:table; padding: 0px; margin:0px; background-color:transparent; width:125px; }
#leftNav ul li a 	{ float:left; font-size:16px; width:134px; padding:5px; }
#leftNav a:link		{ color:#666; }
#leftNav a:visited	{ color:#666; }
#leftNav a:active 	{ color:#666; background-color:#eee; }
#leftNav a:hover 	{ color:#000; background-color:#eee; }
#leftNav a:focus	{ color:#666; }

#tuevSign			{ clear:left; background-color:#FBFBFB; width:100%; height:125px; margin:0px 0px 5px 0px; padding:0px; border-bottom:1px #eee solid; border-left:1px #eee solid; border-right:1px #eee solid;}
#tuevSign img		{ margin:0px 0px 20px 12px; padding:0px; }

#NavDisplay 		{ width:810px; height:10px; padding:0px; margin:0px; }

#MainHead 			{ width:800px; height:50px; padding:0px; margin:0px 0px 0px 10px; }

#content 			{ width:810px; height:740px; clear:right; margin-left:150px; padding:0px; }
#content p 			{ color:#666; padding:0px 20px; letter-spacing:0,5px; line-height:180%; text-align:left; font-size:14px; }
#content a:link		{ color:#666; text-decoration:underline; }
#content a:visited	{ color:#666; }
#content a:active	{ color:#666; }
#content a:hover	{ color:#000; }
#content a:focus	{ color:#666; }
#content ul			{ list-style:disc; font-family:Calibri; color:#666; font-size:14px; margin:0px; margin:15px 0px 0px 30px; }
#content ul li		{ margin:5px 0px; list-style:none; }


/* containers footer */

#footer				{ border-top:1px #fff solid; border-bottom:0px; background-color:#39B6F9; text-align:center; color:#FFF; margin:0px; padding:0px; width:100%; height:30px; }
#footer p			{ color:#fff; padding:5px 0px; margin:0px; }
#footer a:link		{ color:#FFF; padding:0px 40px; }
#footer a:visited	{ color:#FFF; }
#footer a:active	{ color:#FFF; }
#footer a:hover		{ color:#000; text-decoration:underline; }
#footer a:focus		{ color:#FFF; }

#copy				{ width:100%; height:20px; margin:0px; padding:0px; background-color:blue; text-align:center; border-top:1px #fff solid; }
#copy p 			{ font-size:12px; color:#fff; padding:2px 0px; margin:0px; border:0px; }



/* Boxes */	

#box1				{ 
					width:250px;
					height:220px;
					position:fixed;
					bottom:55px;
					right:0px;
					background: rgba(200, 54, 54, 0.5);
					border-radius:5px;
					padding:10px;
					display:block;
					}

#box1 h2			{ font-size:26px; color:#FFF; font-weight:normal; padding:0px; margin::0px; letter-spacing:normal; line-height:normal; }
#box1 h3			{ font-size:14px; color:#FFF; font-weight:normal; padding:0px; margin::0px; letter-spacing:normal; line-height:normal; }
#box1 p				{ font-size:14px; color:#FFF; padding:0px; margin::0px; letter-spacing:normal; line-height:normal; }
#box1 a				{ color:#FFF; padding:0px; margin::0px; letter-spacing:normal; line-height:normal; }
#box1 a:link		{ color:#FFF; text-decoration:underline; }
#box1 a:visited		{ color:#FFF; }
#box1 a:active		{ color:#FFF; }
#box1 a:hover		{ color:#FFF; text-decoration:underline; }
#box1 a:focus		{ color:#FFF; }


/* Tables */

table			{ width:800px; background:#fff; border:0px; font-size:14px; margin:15px 0px 0px 15px; }

tr				{  }

.gray			{ background-color:#fBfBfB; }

th          	{ background-color:#808080; font-family:Candara; text-align:left; color:#FFFFFF; text-align:left; font-size:14px; font-weight:normal; height:25px; padding:0px 0px 0px 5px; }

td				{ font-family:Candara; color:#666; font-size:14px; font-style:normal; font-weight:normal; height:20px; padding:0px 0px 0px 5px; }

tbody			{   }

caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }


/* images */

#seasons_greatings { position:absolute; top:80px; right:60px; }

/* Classes */

.foto			{ padding:3px; border:1px solid #CCCCCC; -webkit-box-shadow: 0px 10px 7px rgba(0,0,0,0.4), 0px 20px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 7px rgba(0,0,0,0.4), 0px 20px 10px rgba(0,0,0,0.2); box-shadow: 0px 10px 7px rgba(0,0,0,0.4), 0px 20px 10px rgba(0,0,0,0.2); }
