/*_____________________________________________________________________

 * LearnVision CSS
 *
 * @filename    style.css
 * @author      Philip Mews
 * @date        01-2007
 * @copyright   LearnVision / Düsseldorf
 * @url         http://www.LearnVision.de
________________________________________________________________________*/


   * {margin : 0;padding : 0;border : 0;}
html {height : 100%;}
/*_____________________________________________________________________

BODY
________________________________________________________________________*/
body {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 0.8em;background : #cdcdcd url(../img/bg_body.jpg) repeat-x;
color : #333;text-align : center;}
a:link, a:visited, a:active {color : #006fb4;text-decoration : none;}
a:hover {color : #006fb4;text-decoration : underline;}
/*_____________________________________________________________________

HACKS
________________________________________________________________________*/
.clearfix:after {content : ".";display : block;height : 0;clear : both;visibility : hidden;}
.clearfix {display : inline-block;}
.clearfix {display : block;}
* html .clearfix {height : 1px;}
/*_____________________________________________________________________

TOP-HEADER 
________________________________________________________________________*/
#stripeontop {color : #ffffff;width : 819px;height : 25px;margin : 0px auto;} 
#stripeontop a {color : #ffffff; text-decoration : none; padding: 0px 1px 0px 0px;} 
#stripeontop a:hover {color : #cdcdcd; text-decoration: underline; } 
#stripeinhalt {float:right; margin : 0 auto; padding: 0px; color: #FFF; font-size: 11px; font-weight: normal; } 
#stripeinhalt .right {float : right; margin : 1px 6px 0 0; } 
#stripeinhalt .left {float : right; margin : 4px 0px 0 0; } 
#stripeinhalt li {display : inline;list-style: none;padding: 0px 8px 0px 8px;margin: 2px 0px 0 0px;
border-right: 1px solid #cdcdcd; border-left: 1px solid #006fb4;} 
#stripeinhalt li.last-li {	border-right: none !important;} 
#stripeinhalt li.roi {display : inline; padding: 0px 8px 0px 8px;} 
#stripeinhalt li.roi a {color: #fabb00;font-weight: bold; } 
div#search {position:relative; width:200px; padding:1px;border: 0px solid yellow;}
div#search input.txt {float:left; cursor:pointer; color:#333; padding:1px; border:1px solid #006fb4; background:#cdcdcd; width:140px;}
div#search input:hover, 
div#search input:focus { background:#fff; color:#006fb4; border:1px solid #006fb4; }
div#search input.btn {margin-left:5px; cursor:pointer; padding:1px; border:1px solid #cdcdcd; background:#006fb4;}
div#search input.btn:hover, div#search input.btn:focus {background:#ddd; color:#333; border:1px solid #fff; }
/*_____________________________________________________________________

HEAD 
________________________________________________________________________*/
#head {height : 170px;}
#head div.homepage {background : url(../img/lvglobal.jpg) no-repeat;width : 819px;height : 170px;margin : 0 auto;position : relative;}
#noflash {width : 819px;height : 170px;margin : 0;padding : 0;overflow : hidden;}
#noflash p {font-size: 1.2em;color: #fff;text-align: center;margin : 0;padding : 30px 30px 30px 300px;overflow : hidden;}

div a.lv-logo {z-index: 999;width : 272px;height : 90px;left : 5px;top : 15px;border : none;background : url(../img/Learnvision-logo.gif) no-repeat 0 0;position : absolute;}
div a:hover.lv-logo {background : url(../img/Learnvision-logo.gif) no-repeat 0 -90px;}
div a.lv-kontakt {z-index: 999;width : 143px;height : 47px;position : absolute;left : 5px;top : 111px;border : none;background : url(../img/lv-kontakt.gif) no-repeat 0 0;}
div a:hover.lv-kontakt {background : url(../img/lv-kontakt.gif) no-repeat 0 -47px;}
div.lv-puzzle {width : 170px;height : 170px;position : absolute;right : 5px;top : 0px;border : none;}
/*_____________________________________________________________________

CONTENT
________________________________________________________________________*/
#main {background : #fff;padding : 20px 0 20px 0;margin : 0 auto;}
.fix819 {width : 819px;text-align : left;margin : 0 auto;padding : 0;}
.fix559 {width : 559px;float : left;}
.fix260 {width : 260px;float : left;}
.col-right-innen {margin : 0 10px 0 10px;}
/*_____________________________________________________________________

NAVIGATION + SUB-NAVIGATION 
________________________________________________________________________*/
#nav{overflow:hidden;height: 25px;width: 819px;list-style: none;padding-left: 3px;padding-top: 5px;}
#nav li{float: left;height: 25px;width: 133px;margin-right: 2px;}
#nav li a{background: url(../img/navigation3.jpg) no-repeat 0 0;display: block;overflow:hidden;text-indent:-10000px;	height:25px;}
#nav li #nav-home {background-position:0 0;}
#nav li #nav-home:hover {background-position:0 -106px;}
#nav li.selected #nav-home, #nav li.selected #nav-home:hover  {	background-position:0 -52px;}
#nav li #nav-ueber {background-position:-136px 0;}
#nav li #nav-ueber:hover {background-position:-136px -106px;}
#nav li.selected #nav-ueber, #nav li.selected #nav-ueber:hover {background-position:-136px -52px;}
#nav li #nav-leistungen {background-position:-272px 0;}
#nav li #nav-leistungen:hover {background-position:-272px -106px;}
#nav li.selected #nav-leistungen, #nav li.selected #nav-leistungen:hover {background-position:-272px -52px;}
#nav li #nav-hit {background-position:-408px 0;}
#nav li #nav-hit:hover {background-position:-408px -106px;}
#nav li.selected #nav-hit, #nav li.selected #nav-hit:hover {background-position:-408px -52px;}
#nav li #nav-bico {background-position:-544px 0;}
#nav li #nav-bico:hover {background-position:-544px -106px;}
#nav li.selected #nav-bico,#nav li.selected #nav-bico:hover {background-position:-544px -52px;}
#nav li #nav-tools {background-position:-680px 0;}
#nav li #nav-tools:hover {background-position:-680px -106px;}
#nav li.selected #nav-tools, #nav li.selected #nav-tools:hover  {background-position:-680px -52px;}

#sub {width: 819px;height: 25px;background: #006fb4;position: relative;left: 150px;top: 0;color: #FFF;font-size: 11px;	font-weight: normal;padding: 0 10px 0 11px;}
#sub li {float: left;list-style: none;padding: 0px 3px 0px 0;margin: 6px 0 0 0px;border-right: 1px solid #cdcdcd;}
#sub li a{color: #FFF;padding: 3px 9px 5px 8px;text-decoration:none;font-weight : bold;}
#sub li a:hover {color: #cdcdcd;text-decoration:underline;}
#sub li.current {background: #ffffff;padding: 3px 3px 5px 0;border: none !important;position: relative;left: -1px;top: 0;}
#sub li.current a {color: #444;padding: 3px 10px 5px 15px;}
.last-li {border: none !important;}
/*_____________________________________________________________________

FOOTER 
________________________________________________________________________*/
#footer {color : #333;clear : both;line-height : 1.5em;margin : 0px 0px 0px 0px;padding : 0px;border-top: 1px solid #006fb4;}
#footer p {color : #e0e6ec;text-align: center;}
#footer a:link, #footer a:visited {color : #ffffff;text-decoration : none;}
#footer a:hover {color : #006fb4;text-decoration : none;}
#footer a.impress:link, #footer a.impress:visited {color:#006fb4;text-decoration:none;}
#footer a.impress:hover {color:#545454;text-decoration:none;}
/*_____________________________________________________________________

HEADLINES 
________________________________________________________________________*/
h1, h2, h3, h4, h5 {font-family :Verdana, Arial, Helvetica, sans-serif; font-weight : normal;}
h1 {margin : 0; font-size : 1.4em; color : #006fb4;}
h2 {margin : 10px 20px 10px 0px; font-size : 1.4em; color : #006fb4;}
h3 {margin : 10px 20px 10px 0px; font-size : 1.4em; color : #006fb4;}
h4 {margin : 20px 20px 10px 0px; font-size : 1.2em; color : #006fb4;}
h5 {margin : 20px 20px 20px 40px; font-size : 1.2em;line-height:140%;}
/*_____________________________________________________________________

PARAGRAPHS 
________________________________________________________________________*/
p {padding : 10px 20px 10px 0px;line-height : 1.6em;text-align: justify; }



p.info {padding : 0 10px 10px 5px;}
p.info a {background : transparent url(../img/news_pfeil.gif) no-repeat 15px 50%;color : #0099ff;border : 0;padding : 0 0 0 35px;}
p.info a:hover {background : transparent url(../img/news_pfeil2.gif) no-repeat 15px 50%;color : #ff6633;border : 0;}
/*_____________________________________________________________________

IMAGES + AUSRICHTUNG 
________________________________________________________________________*/
img {border : none;}
.imgbo {padding: 5px;margin: 2px 0px 2px 20px;border:1px solid #fff;}
.imgleft {float : left;padding: 5px;margin: 2px 20px 2px 0px;}
.imgright {float : right;padding: 10px 20px 0px 20px;}
.imgrightbo {float : right;padding: 1px;margin: 1px 0px 2px 20px;border:1px solid #fff;}
.imgleftbo {float : left;padding: 5px;margin: 2px 20px 2px 0px;border:1px solid #fff;}
.imgcenter {background-position : center 0%;}
.imgcenter2 {text-align : center;}
/*_____________________________________________________________________

LISTEN 
________________________________________________________________________*/
ul, li {list-style : none;}

/*______ News ______*/
ul.lv-nachrichten {font-size: 0.85em;clear : both;margin : 1.4em 0;line-height : 1.6em;}
ul.lv-nachrichten li {display : block;margin : 0.5em 0;padding-right : 0;}
ul.lv-nachrichten li span {color : #006fb4;padding-right : 2em;font-weight : bold;}
ul.lv-nachrichten li a {background : url(../img/pfeilmehr.gif) no-repeat 95% 90%;border : 1px solid #cdcdcd;color : #333;display : block;margin : 0;padding : 0.5em 3em 0.5em 0.5em;}
ul.lv-nachrichten li a:visited {background : url(../img/pfeilmehr.gif) no-repeat 95% 90%;color : #333;}
ul.lv-nachrichten li a:hover {background : url(../img/pfeilmehr2.gif) no-repeat 95% 90%;border : 1px solid #006fb4;display : block;
text-decoration: none;}

/*______ Content-Liste 1 ______*/
ul.lv-content {clear : both;margin : 0px 0 0px 0;}
ul.lv-content li {border : 1px solid #fff;display : block;margin : 0px 10px 0px 0px;padding : 0.5em 0.5em 0.5em 3.5em;background : url(../img/pfeilmehr.gif) no-repeat 20px 0.9em;}
ul.lv-content li span {margin : 0;}
ul.lv-content li.eck {border : 1px solid #fff;display : block;margin : 0px 10px 0px 0px;padding : 0.5em 0.5em 0.5em 3.5em;background : url(../img/eck.gif) no-repeat 20px 0.9em;}
ul.lv-content li a {color : #006fb4; margin : 0;}
ul.lv-content li a:visited {color : #006fb4;}
ul.lv-content li a:hover {border : 0;color : #006fb4; text-decoration : underline;}

/*______ Content-Liste 2 ______*/

ul.content-norm {
clear : both;
margin : 20px 0 20px 0;
}
ul.content-norm li {
display : block;
margin : 0 0 0.5em 0;
padding : 0 0 0 20px;

}
ul.content-norm li strong {
color : #2a57a5;
padding-left : 2em;
}
ul.content-norm li span {
color : #2a57a5;
padding-right : 2em;
}
ul.content-norm li a {
color : #0099ff;
font-weight : normal;
margin : 0;
padding : 0 0 0 0px;
}
ul.content-norm li a:visited {
color : #0099ff;
}
ul.content-norm li a:hover {
border : 0;
color : #ff6633;
}
/*_____________________________________________________________________

VERSCHIEDENES 
________________________________________________________________________*/
table {margin : 0 auto; padding-bottom : 20px;}
.cell {border-right:1px solid #cdcdcd; padding:0px 10px 0px 10px;vertical-align:top;}
.cell-last {padding:0px 10px 0px 10px;vertical-align:top;}

.zelle {border:1px solid #cdcdcd; padding:2px 0px;}
.tab {background : #cdcdcd; padding:0px 5px;}
.tabcon {background : #ececec; padding:0px 5px;}

hr {margin : 1em 0;display : none;}
em {vertical-align:super;font-size : 0.6em;}
.left {float : left;}
.right {float : right;}
.center {text-align : center;}
.hide {display : none;}
.clear {clear : both;}
:focus {outline: 0;}
.big {font-size : 1.2em;}
.small {font-size : 0.8em;}
.small2 {font-size : 0.8em; padding-left: 25px;}
.blue {color : #006fb4;font-weight : bold;}
/*_____________________________________________________________________

(KONTAKT)-FORMULARE
________________________________________________________________________*/
.KONTAKTFORMULAR {
width : 470px;
float : left;
margin : 24px 0 0 0px;
padding : 0;
}
.red {
color : #e2003b;
font-weight : normal;
}
fieldset#kontaktform {
padding : 0;
margin : 0 0 15px 0;
border : none;
position : relative;
}
fieldset#kontaktform input.text {
width : 250px;
border-top : 1px solid #999999;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #999999;
background : #fff;
padding : 0 5px;
margin : 0 0 15px;
font : normal 0.9em Verdana, Arial, Helvetica, sans-serif;
color : #555555;
height : 19px;
}
fieldset#kontaktform textarea {
width : 250px;
border-top : 1px solid #999999;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #999999;
background : #fff;
padding : 0 5px;
margin : 0 0 15px;
font : normal 0.9em Verdana, Arial, Helvetica, sans-serif;
color : #555555;
height : 100px;
}
fieldset#kontaktform input.text:focus {
border : 1px solid #006fb4;
background : #fff;
}
fieldset#kontaktform textarea:focus {
border : 1px solid #006fb4;
background : #fff;
}
fieldset#kontaktform select {
width : 100px;
height : 19px;
border-top : 1px solid #999999;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #999999;
background : #fff;
padding : 0;
margin : 0 0 15px;
font : normal 0.9em Verdana, Arial, Helvetica, sans-serif;
color : #555555;
}
fieldset#kontaktform input.button-kontakt {
border : none;
padding : 20px 0 0;
margin : 0 0 30px 200px;
height : 47px;
width : 201px;
overflow : hidden;
background : url(../img/button-kontaktform.gif) no-repeat left top;
cursor : pointer;
}
fieldset#kontaktform input.button-kontakt:hover {
background : url(../img/button-kontaktform.gif) no-repeat 0 -47px;
}
fieldset#kontaktform select:focus {
border : 1px solid #006fb4;
background : #fff;
}
fieldset#kontaktform label {
border-bottom : 1px solid #e0e6ec;
height : 20px;
margin : 0 0 10px;
width : 200px;
padding : 0 5px 0 0;
clear : left;
display : block;
float : left;
text-align : right;
}
fieldset#kontaktform input.checkbox {
padding : 5px;
margin : 0 100px 15px 20px;
height : 20px;
}