@charset 'utf-8';

/*  
Theme Name: UnityRealtimeGroup
Theme URL: 
Description: Corporate Theme - zentriert
Version: 2.0
Author: Christoph Schäfer
Author URI: http://schaeferravensberger.de 
*/

div.wpcf7 {
	margin: 0;
	padding: 0;
}

.wpcf7-quiz-label {display: none;}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 0px solid #f7e700;
	background: #2276fc;
 color: #fff;
 display: none;
 font-size: 10px;
 margin-top: 0px;
 padding-top: 0px;
}

div.wpcf7-mail-sent-ng {
	border: 0px solid #f7e700;
	background: #2276fc;
 color: #fff;
 display: none;
 font-size: 10px;
 margin-top: 0px;
 padding-top: 0px;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 0px solid #f7e700;
	background: #2276fc;
 color: #fff;
 display: none;
 font-size: 10px;
 margin-top: 0px;
 padding-top: 0px;

}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	z-index: 100;
	background: #2276fc;
	border: 0px solid #ff0000;
	font-size: 10px;
	width: 280px;
	padding: 2px 2px 2px 10px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}

.wpcf7-quiz {width: 50px; float: left;}
/* ---------------------------------------------------------------------*/
/* -------------- Allgemein --------------------------------------------*/
/* ---------------------------------------------------------------------*/


body 
{
background-color: #333;
margin:0;
background-image: url(http://www.unitylivestream.de/cms/unitylivestream-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;

}
     
#container
{

padding: 0px 0 0px 0;
font-family:  Helvetica, Arial, sans-serif;
background-color: #fff;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;

position: absolute;
width: 920px;
height: 560px;
left: 50%;
margin-left: -460px;  /* Um die Hälfte der Breite nach links schieben */
top: 50%;
margin-top: -280px;   /* Um die Hälfte der Höhe nach oben schieben */
text-align: left;



}

/* ---------------------------------------------------------------------*/
/* -------------- Kopf -------------------------------------------------*/
/* ---------------------------------------------------------------------*/


#header
{
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 25px;
padding-top: 15px;
border-bottom: 0px solid #f0f0f0;
}
#logo {width: 270px; float: left;}
#adresse {width: 340px; float: right; font-size: 12px; color: #333; line-height: 140%; 
padding: 11px 0 8px 20px; background: #f0f0f0; 

border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;

border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;


}
#adresse a {color: #2276fc; }
#adresse img {margin: 0 20px 0 0;}


#icons {float: right; width: 200px; text-align: right; margin-right: 30px;padding-top: 5px; display: none; }


/* ---------------------------------------------------------------------*/
/* -------------- Content ----------------------------------------------*/
/* ---------------------------------------------------------------------*/


#ruler {height: 5px; border-bottom: 1px dotted #ccc; margin:13px 0 8px 0;}
#content
{
width:650px;
height: 425px;
float: right;
margin-right: 20px;
margin-top: 20px;
overflow: auto;padding-right: 20px;
}

#content a,
#content a:link,
#content a:visited
{
 /* color: #333;
 text-decoration: underline; */
 color: #2276fc;
 text-decoration: none;
}

#content a:hover
{
 color: #2276fc; text-decoration: none;
}


#contentstart
{
padding-left: 25px;
}

#singlepost img {}

.alignleft  {margin-right: 10px; float: left;}

#content .bigger {
  font-size: 14px;
  line-height: 20px;
  padding-top:20px;
}

#content h1 a
{
font-size: 24px; font-weight: lighter; color: #000; margin-bottom: 15px; display: block; overflow: hidden;
}

#content h3 a
{
font-size: 18px; font-weight: bold; color: #000; margin-bottom: 5px; display: block; text-decoration: none; 
}

#content h3
{
font-size: 16px; font-weight: bold; color: #000; margin-bottom: 15px; display: block; text-decoration: none; 
}

#content h4
{
font-size: 20px; font-weight: lighter; color: #999; margin-bottom: 10px; display: block; text-decoration: none;  
}

#content .adresse
{
background: #f0f0f0 ; padding: 15px 10px 10px 15px; border: 0px solid #ccc; margin: 0 0 20px 0;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
line-height: 160%;
}




#singleh3
{width: 300px; float: left;}

#singleh3 h3
{
font-size: 22px; font-weight: lighter; color: #000;

}

#singlepost h3 

{
display: block;
width: 450px;
float: left;
color: #2276fc; 
}


#content small
{


}



#content .alignright
{
float: right; margin-left: 10px;
}

#content .ten
{
margin: 10px 0 0 10px;
}


#content p
{
font-size: 13px; font-weight: normal; color: #444; margin-bottom: 10px; line-height: 130%;
}

#content td
{
font-size: 13px; font-weight: normal; color: #444; margin-bottom: 10px; line-height: 130%;
}


#content pre
{
font-size: 11px; font-weight: normal; color: #999; margin-bottom: 10px; line-height: 140%;
}


#content li
{
font-size: 13px; font-weight: normal; color: #444; line-height: 140%; margin-left: 20px;
}

#content ul
{
margin-bottom: 20px;
}


#sidebar ul, li
{
list-style: none;
}

#img ul, li
{
list-style: none;
margin: 0;
padding: 0;
}



#content hr
{
 border: 0px;height: 1px; border-top: solid 1px #ccc;
 border-bottom: solid 1px #FFFFFF; 
}


.more-link {color: #2276fc; text-decoration: none; line-height: 150%;}

#paginierung {font-size: 12px;}
#paginierung  a {color: #2276fc; text-decoration: none;}

.sociable ul li {list-style: none; display: inline; float:right;  width: 10px;}

.sociable img{
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;}


.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}







/* ---------------------------------------------------------------------*/
/* -------------- Startseite -------------------------------------------*/
/* ---------------------------------------------------------------------*/

#block1
{
width: 870px;
height: 310px;
float:left;
margin-right: 20px;
margin-top: 5px;
border-bottom: 0px solid #f0f0f0;
}

#movie, #movie1, #movie2, #movie3 {float: left; margin: 60px 3px 0 0;}



#block3
{
padding-top: 0px;
margin-top: 10px;
width: 870px;
font-size: 12px;
font-weight: normal;
}


#block3 ul
{
width: 170px;
float: left;
height: 100px;
}

#block3 ul.rechts
{
width: 175px;
float: right;
border-left: 0px solid #ccc;
/*background-image: url(http://www.unitylivestream.de/cms/factsheet-bg.jpg);*/
background-repeat: no-repeat;
padding: 0;

 -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;


}

#block3 h2
{
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
color: #2276fc;
}


#block3 ul li a:link, #block3 ul li a:visited {color: #000; text-decoration: none; line-height: 140%;}
#block3 ul li  a:hover {color: #2276fc; text-decoration: none;}

#block3 .current_page_item a:link {color: #2276fc;}
#block3 .current_page_item a:visited {color: #2276fc;}

#block2 a:link, #block2 a:visited {}
#block2 a:hover {color: #fff; text-decoration: none;}



/* ---------------------------------------------------------------------*/
/* -------------- Sidebar ----------------------------------------------*/
/* ---------------------------------------------------------------------*/



#sidebar
{
width: 170px;
float: left;
border-right: 1px solid #f0f0f0;
padding-right: 10px;
padding-left: 25px;
font-size: 12px;
font-weight: normal;
}


#sidebar h2
{
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 20px;
color: #2276fc;
}

#sidebar ul li a:link, #sidebar ul li a:visited {color: #000; text-decoration: none; line-height: 140%;}
#sidebar ul li  a:hover {color: #2276fc; text-decoration: none;}

#sidebar .current_page_item a:link {color: #000; font-weight: bold; }

.current_page_item {font-weight: bold;}

.current_page_item a:before{content:"";color:#ccc; font-size: 22px; }
#sidebar .current_page_item a:visited {color: #000;}




/* ---------------------------------------------------------------------*/
/* -------------- Seiten -----------------------------------------------*/
/* ---------------------------------------------------------------------*/


#blogbox 
{
font-size: 11px;
background: #f0f0f0;
padding: 5px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 20px;
text-align: right;
}

#blogbox2
{
font-size: 11px;
background: #f0f0f0;
padding: 5px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 20px;
text-align: right;
float: right;
width: 170px;
text-align: center;
}

#blogbox2 a
{
color: #000;
font-weight: bold;
text-decoration: none;
}

#blogbox h3
{
font-size: 15px;
color: #333;
font-weight: bold;
display: inline;
float: left;
padding-top: 3px;
}

#blogbox h1
{
font-size: 14px;
color: #333;
}

/* ---------------------------------------------------------------------*/
/* -------------- Callback -----------------------------------------------*/
/* ---------------------------------------------------------------------*/



#content input, select, textarea
{
display: block; margin: 0 0 10px 0;
}

#content input, select, textarea
{
font-size: 12px; font-weight: normal; color: #444; padding: 3px; border: 1px solid #999;}


#content label {width: 160px;
display: block;
float: left;
font-size: 12px; font-weight: bold;
text-align: right; 
padding: 5px 10px 0 0;
line-height: 12px;
}

#content input:focus, textarea:focus{
background-color: lightyellow; color: #333;
}

#button {margin: 5px 0 0 170px;  }
#button input {background: #999; color: #fff; border: 1px solid #666;}




/* ---------------------------------------------------------------------*/
/* -------------- Fuss -------------------------------------------------*/
/* ---------------------------------------------------------------------*/


#footer{
margin-top: 0px;
padding-top: 5px;
padding-left: 25px;
font-size: 10px;
font-weight: normal;
text-align: left;
color: #333;
}

 
#footer a:link, #footer a:visited {color: #000; text-decoration: none; line-height: 150%;}
#footer a:hover {color: #000; text-decoration: underline;}





/* ---------------------------------------------------------------------*/
/* -------------- Reset ------------------------------------------------*/
/* ---------------------------------------------------------------------*/


/* 
CSS Reset by Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
 }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}

td img {margin-bottom: 20px;}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* 
based on Stefan Nitzsche’s work
http://nitzsche.info
*/

html {
height: 99%;
}

body {
height: 101%;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

.hideme {
position: absolute;
left: -9999em;
top: -9999em;
}

label, 
input[type=button],
input[type=submit], 
button {
cursor: pointer;
}

q:lang(de) {
quotes: '„' '“' '‚' '‘';
}

q:lang(en) {
quotes: '“' '”' "‘" "’";
}

abbr[title] {
border-bottom: 1px dotted #888 !important;
cursor: help;
}

a abbr {
cursor: pointer !important;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.ie7 address {
font-style: normal;
}

img { 
-ms-interpolation-mode: bicubic; 
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */





/* ---------------------------------------------------------------------*/
/* -------------- Buttons ------------------------------------------------*/
/* ---------------------------------------------------------------------*/


.awesome, .awesome:visited
{
background: #222 url(http://www.unitylivestream.de/cms/alert-overlay.png) repeat-x; 
display: inline-block; 
padding: 5px 10px 5px; 
color: #fff; 
text-decoration: none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited  { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.blue.awesome, .blue.awesome:visited { background-color: #2276fc; }
.blue.awesome:hover { background-color: #1d68e3; }


/* ---------------------------------------------------------------------*/
/* -------------- Accordion ------------------------------------------------*/
/* ---------------------------------------------------------------------*/


.accordionButton {	
	font-size: 13px;
	color: #2276fc;
	font-weight: bold;
	width: 620px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #f0f0f0;
	border: 0px solid #999;
	cursor: pointer;
	padding: 6px;
	margin: 0 0 5px 0;
	-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
	}
	
.accordionContent {	
	font-size: 13px;
line-height: 18px;
	width: 620px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #fff;
		padding: 5px;
margin-bottom: 10px;
	}
	


.on {
	background: #f0f0f0;
	}
	
.over {
	background: #CCCCCC;
	}