/* @override http://www.ioutbank.de/wp-content/themes/ioutbank/style.css */

/* RESET  ==================================================================== */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

tr,  td  {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  /*list-style: none;*/
    padding:0 0 0 1em;
}

blockquote, q {
  quotes: none;
}

/*blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}*/

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
    border:0px;
}


/* GENERAL DIVS ==================================================================== */

html {
  background:#0A2349 url('images/pattern.png') repeat-x;
  overflow-y: scroll;
     }

body {
  height: 100%;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #1A1A1A;
  padding:0px;
  margin:0px;
  position:relative;
     }


#container {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
}

#container2 {
    width: 950px; 
    margin: 0 auto; 
    text-align: left;
}

#header {
    width: 950px;
    height:100px;
    position:relative;
}

#homelink {
    float:left;
    margin:0 0 0 -16px;
}

.content1 {
    width:100%;
    background:#ffffff;
}

.content2 {
    width:100%;
    background:#ffffff;
}

.content_main {
    width:530px;
    padding:30px 20px 100px 30px;
    float:left;
    line-height:18px;
    /*border:1px solid green;*/
    position:relative;
}

/*.text_main {
    width:500px;
    padding:30px 20px 100px 30px;
    float:left;
    line-height:18px;
}*/

.content_top {
    width: 950px;
    height: 7px;
    background: url('images/top.png') no-repeat;
}

#container #container2 #footer {
    width: 930px;
    height: 36px;
    padding: 20px 10px 0px 10px;
    margin: 0px 0px 30px 0px;
    background: url('images/footer.png') no-repeat;
    color:#ffffff;
    clear:both;
}

#footer a {
    color:#ffffff;
    margin-right: 15px;    
}

#footer a:hover {
    text-decoration: underline !important;  
}

.left {
    float:left;
}

.right {
    float:right;
}

.clearer {
    clear:both;
}

/* MAIN NAVI ==================================================================== */

ul#main_navi {
    float:left;
    padding:44px 0 0 45px;
    list-style: none;
}


ul#main_navi li {
    float:left;
    margin:0 5px 0 0;
    cursor: pointer;
}

ul#main_navi li a {
    display:block;
    height:23px;
    cursor: pointer;
}

ul#main_navi li a i {
    display:none;
    cursor: pointer;
}





ul#main_navi li#home a {
    height:24px;
    width:24px;
    background:url('images/but_home.png') no-repeat 0 0;
}

ul#main_navi li#home a:hover {
    background:url('images/but_home.png') no-repeat 0 -24px;
}

ul#main_navi li.page-item-4 a {
    width:109px;
    background:url('images/but_funktionen.png') no-repeat;
}

ul#main_navi li.page-item-4 a:hover {
    background:url('images/but_funktionen.png') 0 -23px no-repeat;
}

ul#main_navi li.page-item-4.current_page_item a,
ul#main_navi li.page-item-4.current_page_parent a {
    background:url('images/but_funktionen.png') 0 -46px no-repeat;
}



ul#main_navi li.page-item-6 a {
    width:100px;
    background:url('images/but_sicherheit.png') no-repeat;
}

ul#main_navi li.page-item-6 a:hover {
    background:url('images/but_sicherheit.png') 0 -23px no-repeat;
}

ul#main_navi li.page-item-6.current_page_item a,
ul#main_navi li.page-item-6.current_page_parent a {
    background:url('images/but_sicherheit.png') 0 -46px no-repeat;
}



ul#main_navi li.page-item-8 a {
    width:54px;
    background:url('images/but_faq.png') no-repeat;
}

ul#main_navi li.page-item-8 a:hover {
    background:url('images/but_faq.png') 0 -23px no-repeat;
    color:#2BBDFA;
}

ul#main_navi li.page-item-8.current_page_item a,
ul#main_navi li.page-item-8.current_page_parent a {
    background:url('images/but_faq.png') 0 -46px no-repeat;
}



ul#main_navi li.page-item-10 a {
    width:80px;
    background:url('images/but_kontakt.png') no-repeat;
}

ul#main_navi li.page-item-10 a:hover {
    background:url('images/but_kontakt.png') 0 -23px no-repeat;
}

ul#main_navi li.page-item-10.current_page_item a,
ul#main_navi li.page-item-10.current_page_parent a  {
    background:url('images/but_kontakt.png') 0 -46px no-repeat;
}


ul#main_navi li.page-item-1070 a {
    width:56px;
    background:url('images/but_b2b.png') no-repeat;
}

ul#main_navi li.page-item-1070 a:hover {
    background:url('images/but_b2b.png') 0 -23px no-repeat;
}

ul#main_navi li.page-item-1070.current_page_item a,
ul#main_navi li.page-item-1070.current_page_parent a  {
    background:url('images/but_b2b.png') 0 -46px no-repeat;
}

ul#main_navi #home{margin-right:8px !important;}



ul#main_navi li ul, ul#sub_navi {
    display:none;
    list-style: none;
    padding:0;
}

ul#main_navi li.current_page_item ul, ul#main_navi li.current_page_parent ul, ul#sub_navi{
    display:block;
    position:absolute;
    top:237px;
    left:300px;
}

ul#main_navi li.current_page_item ul li,
ul#main_navi li.current_page_parent ul li, ul#sub_navi li {
    margin:0 5px 0 0;
}

ul#main_navi li ul li a, ul#sub_navi li a {
	display:inline-block;
	padding:10px 8px 9px 8px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color:#fff;
	background:#26487b !important;
	}

ul#main_navi li ul li a:hover,
ul#main_navi li ul li.current_page_item a,
ul#main_navi li ul li.current_page_parent a,
ul#sub_navi li a:hover,
ul#sub_navi li.current_page_item a,
ul#sub_navi li.current_page_parent a
{opacity:1;background:#fff !important;color:#1C3760;}




ul#main_navi li.current_page_item ul li a i,
ul#main_navi li.current_page_parent ul li a i,
ul#sub_navi li a i{
    display:inline;
    font-size:12px;
    line-height: 14px;
    font-style: normal;
    
}

ul#main_navi li.current_page_item ul li a,
ul#main_navi li.page-item-4.current_page_item ul li a, 
ul#main_navi li.page-item-8.current_page_item ul li a,
ul#main_navi li.page-item-10.current_page_item ul li a,
ul#main_navi li.current_page_parent ul li a,
ul#main_navi li.page-item-4.current_page_parent ul li a,
ul#main_navi li.page-item-8.current_page_parent ul li a,
ul#main_navi li.page-item-10.current_page_parent ul li a,
{
    background:none;
    width:auto;
    height:auto;
}

ul#main_navi li.current_page_item ul li a:hover,
ul#main_navi li.current_page_parent ul li a:hover,
ul#sub_navi li a:hover
{
    background:none;
    color:#1C3760;
}

ul#main_navi li.current_page_item ul li a:hover i,
ul#main_navi li.current_page_parent ul li a:hover i,
ul#sub_navi li a:hover i
{
    background:none;
    color:#1C3760;
}

ul#main_navi li.current_page_parent ul li.current_page_item a i, ul#sub_navi li.current_page_item a i{
    color:#1C3760;
}


/* BLZ FORM ==================================================================== */

form#blz_form {
    float:right;
    width: 206px;
    height: 55px;
    padding:10px 0 0 9px;
    background:url('images/blz_bg.png') no-repeat;
}

#blz_form label {
    display:block;
    height:20px;
    margin:0 0 5px 0;
    clear:both;
    color:#ffffff;
    font-size:12px;
    line-height: 20px;
}

#blz_form #blz_input_div {
    width:106px;
    height: 25px;
    float:left;
    background:url('images/blz_input.png') no-repeat;
}

#blz_form #blz_input_div #blz_input {
    width:90px;
    height: 20px;
    padding:2px 0 0 5px;
    font-size:12px;
    line-height: 20px;
    border:0px;
    background:none;
}

#blz_form #blz_submit {
    float:left;
    width:93px;
    height: 25px;
    cursor:pointer;
}





/* HOME PAGE ==================================================================== */

.start_content {    
    width:950px;
    position:relative;
    background:url('images/start_pat.png') no-repeat;
    display:block;
}

#start_content_btm {
    width:950px;
    height:7px;
    background:url('images/start_pat2.png') no-repeat;
    margin:0 0 6px 0;
}

#intro {
    width:550px;
    height:170px;
    float:left;
}

#intro h1, .page_intro h1{
	font-size:26px;
	line-height: 26px;
	padding-top:2px;
	color:#FFFFFF;
	margin:0;
	width:500px;
	display:block;
}

#intro p, .page_intro p {
    margin:5px 17px 0 0;
    font-size:12px;
    line-height:18px;
    color:#C9D8E6;
    /*text-shadow: 1px 1px 0px #3C77AE;*/
}

#uspdiv {
    width:650px;
    float:left;
    padding:20px 0 0 0; 
}


#uspdiv ul li strong {
    font-size:30px;
    line-height: 26px;
    color: #2BBDFA;
    display:block;
    margin-bottom:6px;
    font-stretch: semi-expanded;
}

#uspdiv ul {
    width:650px;
    height:400px;
    clear:both;
    list-style: none;
    padding:0;
}

#uspdiv li {
    width: 285px;
    float:left;
    margin:0 40px 30px 0;
}


.meinung {
    border-top:1px solid #CCCCCC;
    padding:20px 30px 20px 30px;
}

.news {
    border-top:1px solid #CCCCCC;
    padding:20px 0 10px 0;
}

.news .newsDate{
	display:block;
	margin-bottom:5px;
	font-size:11px;
}

.news h3{
	margin:8px 0 15px 0;
	font-size:20px;
	font-weight: normal;
	color:#2BBDFA;
}

.youtube {
    /*position: absolute;
    display:none;*/
}

/* RIGHT SIDEBAR ==================================================================== */

#right_sidebar {
    width:270px;
    float:left;
    padding:330px 0 30px 0px;
}

.sidebar {
    padding:0 0 0 30px;
}

.divider_left {
    width:270px;
    height:13px;
    background:url('images/divider_left.png') no-repeat;
    margin:20px 0;
}

#left_sidebar {
    width:270px;
    float:left;
    padding:30px 0 30px 0px;
}




/* PAGE ==================================================================== */

#iphone2 {
    width:300px;
    height:463px;
    background:url('images/iphone2.png') no-repeat;
    margin:0;
    position:absolute;
}

.page_intro {
    height:140px;
    width:550px;
    overflow:hidden;
    margin:0 0 0 300px;
}


.navi2 {
    height:30px;
    padding:0 0 0 300px;
    background:#1C3760 url('images/navi2corner.png') right top no-repeat;
}

.navi2 a {
    font-size: 14px;
    line-height: 30px;
    color:#ffffff;
}

.navi2 a:hover {
    color:#2BBDFA;
}


table {
    width:100%;
    margin:30px 0 30px 0;
    border:0px;    
}

td {
    padding:5px;
    border-bottom:1px solid #cccccc;
    border-right:5px solid #ffffff;
}





/*--------------------textgestaltung--------------------*/

p {
    margin:0 0 10px 0;
}

h1,h2,h3,h4,h5,h6{
    margin:0 0 15px 0;
     }

h1.sifr{
    color: #2BBDFA;
    font-size: 26px; 
    line-height: 26px;
    margin:0 0 20px 0;
    font-stretch: semi-expanded;
}

.content_main h2{
	font-size:18px;
	color:#2BBDFA;
	font-weight:normal;
}

h2.sifr, h2.widgettitle {
    font-size:24px;
    color:#2BBDFA;
    margin:0 0 15px 0;
    font-stretch: semi-expanded;
}

h2.popupH2 {
    font-size:20px;
    font-weight: normal;
    color:#2BBDFA;
    margin:0 0 15px 0;
}

acronym, abbr, span.caps {
	cursor: help;
	}



/*--------------------linkgestaltung--------------------*/


a {
    text-decoration:none;
    color:#234E7C;
}

a:hover {
    color:#2BBDFA;
}
   
a:link { 
     }
a:visited { 
     }
a:link:focus{ 
     }
a:link:hover, 
a:visited:hover { 
    }
a:link:active, 
a:visited:active {
     }

/*--------------------bilder als links--------------------*/
a img{
    border:0px;
     }
a:link img { 
     }
a:visited img { 
     }
a:link:active img, 
a:visited:active img {
      }


/*--------------------fuer den wp kalender--------------------*/


#wp-calendar {
	empty-cells: show;
	
	}



/*-------------------- widgets---------------------*/
h2.widgettitle{
     }
.widget {
     }
     
ul.widgetlist {
    list-style: none;
    padding:0;
}

ul.widgetlist li{
	margin-bottom:20px;
}



/*------------bilder-------*/

.alignleft{ float:left; margin-right:20px;}
.alignright{ float:right; margin-right:15px;}
.aligncentered{}



.faq_q {
    margin:0 0 0px 0;
    padding:5px 0 5px 0;
    border-bottom:1px solid #CCCCCC;
    font-size: 13px;
}

.faq_q p {
    margin:0 0 0px 0;
}

.faq_a {
    display:none;
    padding:10px 30px 25px 10px;
    background:#F0F0F0;
    border-bottom:1px solid #CCCCCC;
}

#blz_rspXXX {
    display:none;
    position:absolute;
    right:center;
    z-index:99;
    width:500px;
    padding:20px;
    background:#ffffff !important;
}

.small {
    font-size:0.7em;
}

.myYoutubePlaylist_YoutubeMovie, .myYoutubePlaylist_YoutubeMovie embed, .myYoutubePlaylist_YoutubeMovie object {
    width:635px !important;
    height:360px !important;
    overflow:hidden;
    clear:both !important;
    padding:0 !important;
}

.myYoutubePlaylist_YoutubePlaylist {
    width:635px !important;
    height:140px !important;
    padding:10px 0 15px 0px !important;
    overflow:hidden;
    background:#454545 !important;
    position: relative;
}

ul.myYoutubePlaylist_Ul {
    width: 100111px;
    height:100px !important;
    /*background:#454545;*/
    position: absolute;
    margin: 0 0 0 40px !important;
    padding: 0;
}

ul.myYoutubePlaylist_Ul li {
    display: inline !important;
    float: left !important;
    padding:0px 20px 10px 0px !important;
    margin:0px;
    overflow: visible !important;
}

ul.myYoutubePlaylist_Ul li a {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    display: block;
    color:#ffffff;
    font:normal 10px/12px arial, sans-serif;
}

ul.myYoutubePlaylist_Ul li a:hover {
    color:#2BBDFA;
}

ul.myYoutubePlaylist_Ul li a img {
    height: 70px;
    -moz-box-shadow: 2px 2px 4px #000000;
    -webkit-box-shadow: 2px 2px 4px #000000;
    border: 2px solid #787878;
    margin:0 0 10px 0;
}

ul.myYoutubePlaylist_Ul li a:hover img, ul.myYoutubePlaylist_Ul li a:focus img {
    -moz-box-shadow: 0px 0px 8px #000000;
    -webkit-box-shadow: 0px 0px 8px #000000;
    border: 2px solid #2BBDFA;
}

#vor, #zruck {
    width: 25px;
    height: 165px;
    background: #535353;
    position: absolute;
    top: 0;
    z-index:100;
    cursor: pointer;
    line-height: 155px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}

#vor {
    right: 0;
}

#zruck {
    left: 0;
}

#vor:hover, #zruck:hover {
    color: #2BBDFA;
    background: #6B6B6B;
}

div#tuevlogo {
	position: absolute;
	top: 0px;
	right: -3px;
	overflow: visible;
}

.BoxSocialMedia a{display:block; width: 32px; margin-right: 10px; float:left;}

/* Subnavi */
ul#sub_navi{
	display:block;
	left:300px;
	position:absolute;
	top:237px;
	list-style:none outside none;
	padding:0;
}
ul#sub_navi li{
	margin:0 5px 0 0;
	float:left;
}
ul#sub_navi li a{
	width:auto;
	height:auto;
	color:#FFFFFF;
	display:inline-block;
	padding:10px 8px 9px 8px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color:#fff;
	background:#26487b !important;
}
ul#sub_navi li a i{
	display:inline;
	font-size:12px;
	font-style:normal;
	line-height:14px;
}