@import url(http://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic);// Lato importieren*{//Alle Autoformatierungen loeschenpadding:0;margin:0;}
input:-webkit-autofill{color:#fff !important;}
body{font-family:"Lato";font-weight:300;font-size:14px;line-height:1.2em;color:#333;padding:0;margin:0;overflow:auto;background-color:#333333;background-image:url('../layout/backgrounds/ruler.png');background-repeat:no-repeat;background-attachment:fixed;}
a{display:inline;font-weight:400;text-decoration:none;}
a:link,a:visited{color:#ff9900;}
#middle a:hover{background-color:#ff9900;color:#fff;}
#ajax{display:none;}
p{display:block;font-family:'Georgia',serif;font-size:10pt;line-height:1.5em;text-align:justify;width:100%;}
h1,h2,h3{font-family:"Lato","Helvetica Neue",sans-serif;color:#333;font-weight:bold;padding:0;}
h3{clear:both;font-size:17px;margin:0 0 20px 0;background:url('../layout/header_bg.png') #668ca2;
/* #668ca2 */
color:#fff;padding:7px 30px 7px 30px;margin:10px -30px 20px -30px;}
h2{font-size:14px;margin:0 0 10px 0;}
h1{font-size:19px;margin:0 0 5px 0;}
b,strong{font-weight:700;}
td{font-family:'Georgia',serif;padding:5px;}
tr.border td{border-top:1px #333 dotted;}
#bot_main{margin-bottom:10px;}
#u2navi{height:55px;}
#middle ul li{list-style-image:url('../layout/arrow.png');line-height:1.5em;font-family:"Lato","Helvetica Neue",sans-serif;}
#middle ul li.none{list-style-image:url('../layout/folderblank.gif');}
#middle ul li.link{list-style-image:url('../layout/arrow_45_up.png');}
#middle ul li.topitem{margin:10px 0 10px 0;}
#middle ul li.topitem_active{list-style-image:url('../layout/arrow_45_down.png');border-bottom:1px #999 dotted;}
.space{width:100%;height:20px;}
.clear{clear:both;}
quote{font-family:"Lato","Helvetica Neue",sans-serif;font-weight:400;display:block;width:700px;min-height:30px;padding:20px 0 20px 50px;background:url('../layout/quote.png') no-repeat;line-height:1.5em;}
p.quotesource{font-family:"Lato","Helvetica Neue",sans-serif;margin:-10px 0 0 0;text-align:right;font-style:italic;font-weight:300;}
#main img{border:1px #333 solid;padding:5px;}
#main{position:relative;margin:20px auto 0 auto;width:1000px;}
/* Menu */
a#stickie{display:block;position:absolute;top:-90px;left:-60px;width:150px;height:70px;padding:50px 5px 0 5px;text-align:center;color:#333;-moz-transform:translate(100px) rotate(-5deg);-moz-transform-origin:0% 0%;-webkit-transform:translate(100px) rotate(-5deg);-webkit-transform-origin:0% 0%;-moz-box-shadow:4px 4px 5px #333;-webkit-box-shadow:4px 4px 5px #333;box-shadow:4px 4px 5px #333;background-color:#FC6;opacity:0.95;z-index:1;}
a#stickie:hover{
/*top:-50px;left:12px;*/
}
#login_menu{width:140px;height:20px;display:block;
/*background:url('../layout/login_bg.png');*/
float:right;padding:5px;margin-top:-125px;border-radius:2px;text-align:right;border-radius:2px;}
#login_menu a{color:#fff;}
#logo{display:block;width:250px;height:75px;margin:0 auto 0 auto;background:url('../layout/logo.png');z-index:-2;}
#menu{background:url('../layout/menu_bg.png');height:70px;border-radius:4px;}
#topleiste{width:100%;background:#fff;height:25px;background:url('../layout/topleiste_bg.png');z-index:10;text-align:center;color:#fff;padding-top:5px;}
#topmenu,#submenu{width:980px;padding:10px;height:20px;}
#submenu{margin-top:-14px;padding:5px;}
ul#topmenu,ul#submenu{list-style-type:none;text-align:center;}
ul#topmenu li,ul#submenu li{display:inline;margin-left:10px;text-transform:none;}
/* Topmenu */
ul#topmenu li a:link,ul#topmenu li a:visited{color:#333;font-size:17px;}
ul#topmenu li a:hover,ul#topmenu li a.active{color:#FFF;}
/* Submenu */
ul#submenu li a:link,ul#submenu li a:visited{color:#333;font-size:15px;}
ul#submenu li a:hover,ul#submenu li a.active,ul#submenu li.havechildactive a{color:#333;border-bottom:1px dotted #333;}
#content ul.child{width:1000px;text-align:center;margin:0 0 20px -30px;padding:0 0 10px 0;}
#content ul.child li{display:inline;font-size:15px;margin:0;}
#content ul.child li a{color:#333;padding:5px 5px 9px 5px;margin:0 10px 0 10px;}
#content ul.child li a.active{background:#668ca2;padding:5px 5px 20px 5px;color:#fff;}
#content ul.child li a:hover{background:#668ca2;padding:5px 5px 20px 5px;color:#fff;}
ul.teacher{width:120px;float:left;margin:15px 0 0 -10px;height:370px;}
#content ul.teacher li{list-style:none;padding:0 0 0 -20px;margin:0 0 0 -50px;}
#content ul.teacher li a{font-weight:400;color:#fff;}
#content ul.teacher li a:hover{font-weight:400;background-color:#fff;color:#668ca2;padding:5px;}
#allteacher{position:absolute;width:790px;display:block;background:#fff;}
#middle{margin-top:5px;background:#FFF;overflow:auto;border-top-left-radius:4px;border-top-right-radius:4px;}
#sidebar.active{display:block;width:150px;min-height:500px;padding:10px;float:left;}
#sidebar.inactive{display:none;}
.social_btn{display:inline-block;width:30px;height:30px;margin:-5px 4px 5px 4px;background-image:url('../layout/social_icons.png');}
a#fb{background-position:0 0;}
a:hover#fb{background-position:0 -30px;}
a#twitter{background-position:-30px 0;}
a:hover#twitter{background-position:-30px -30px;}
a#vimeo{background-position:-60px 0;}
a:hover#vimeo{background-position:-60px -30px;}
/* login menu*/
#login_form{position:absolute;display:none;width:200px;height:140px;background:#333;left:770px;top:-20px;padding:15px;border-radius:2px;-moz-box-shadow:0px 0px 10px #333;-webkit-box-shadow:0px 0px 10px #333;}
#login_form input{font-size:12px;font-family:'Lato','Arial',sans-serif;border:1px solid #666;padding:5px;width:170px;color:#aaa;border-radius:5px;background:url('../layout/topleiste_bg.png');}
#login_form input:hover{border:1px solid #aaa;background:url('../layout/btn_hover.png');}
/* Sidebar */
.sidebar_box{display:block;width:140px;min-height:20px;margin:20px auto 20px auto;font-family:"Lato","Helvetica Neue",sans-serif;font-size:11px;}
#goldi{background:url('../layout/bot_space.gif');background-repeat:no-repeat;background-position:center;height:140px;}
#suche{height:20px;}
#suche input{width:100px;border:1px #ff9900 solid;padding:5px;color:#333;font-family:"Lato";height:15px;}
#suche input.go{width:15px;height:15px;border:none;display:inline;position:absolute;}
/* Content */
#content{background:url('../layout/shadow_sidebar.png') repeat-y;display:block;width:790px;min-height:400px;padding:40px;margin:20px 150px 0;}
#content.sidebarinactive{width:940px;margin:20px 0 0 10px;padding:20px;background:#FFF;}
#content p li{font-family:'Georgia',serif;font-size:10pt;line-height:1.5em;}
/* Templates */
/* Template:Blog */
#blog h3.blog{background:#fff;}
#blog h3.blog_detail{background:#f90;color:#fff;}
#blog h3 a{font-weight:700;background:#fff;}
#blog h3 a,#blog p.info a{color:#333;}
#blog h3 a:hover,#blog p.info a:hover{background-color:#ff9900;color:#fff;}
.blog_nav{display:block;margin:auto;text-align:center;font-size:14px;}
.blog_nav a{font-family:"Lato","Helvetica Neue",sans-serif;display:inline-block;border:1px #f90 solid;padding:2px;width:20px;height:20px;}
#blog p.blog_nav img{padding:0;}
.date{margin:40px 0 10px 0;border-bottom:1px #333 dotted;}
p.info{font-size:12px;font-family:"Lato","Helvetica Neue",sans-serif;color:#666;}
.preview p.teaser{font-size:13px;font-family:"Georgia","Times",serif;}
span.info{float:right;margin:-80px 0 0 0;text-align:right;font-size:12px;color:#aaa;}
p.teaser{font-size:15px;font-family:"Lato","Helvetica Neue",sans-serif;font-weight:400;}
p.leftcol,p.rightcol{width:385px;}
p.leftcol{float:left;padding-right:10px;}
p.rightcol{float:right;padding-left:10px;}
/* Template Shop */
a.shop_item{position:relative;display:block;width:200px;height:180px;float:left;background-position:0 40px;background-repeat:no-repeat;color:#f90;margin:10px;}
#shop_list a:hover{color:#333;}
.shop_item span.title{display:block;font-weight:400;font-size:18px;text-align:center;}
a.shop_item span.price{margin:130px 0 0 95px;padding:8px 0 0 25px;display:block;width:80px;height:40px;color:#333;background:url('../layout/price_tag.png') no-repeat;}
#shop_detail #gallery{padding:10px;margin:10px 0 0 0;border:1px #333 solid;float:left;}
#shop_detail #gallery #big{display:block;width:250px;height:334px;}
#shop_detail span.size,#shop_detail #colors a{display:block;position:relative;float:left;padding:5px 0 5px 0;width:25px;height:15px;text-align:center;margin:5px;border:1px #333 solid;}
#shop_detail #colors,#shop_detail #sizes,#shop_detail #price,#shop_detail #title{margin-top:50px;position:relative;display:block;}
#shop_detail #colors,#shop_detail #sizes,#shop_detail #title{margin-left:300px;}
#shop_detail #title{font-size:20px;margin-top:10px;}
#shop_detail #price{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);font-size:20px;font-weight:700;color:#fff;width:85px;height:39px;padding:10px 0 0 15px;margin-left:250px;background:url('../layout/price_detail_tag.png');}
#shop_detail #colors a.schwarz{background:#333;}
#shop_detail #colors a.hellblau{background-color:#9CF;}
#shop_detail #colors a.rot{background-color:#C30;}
#shop_detail #colors a.weiss{background-color:#fff;}
#shop_detail #colors a.kaki{background-color:#CC6;}
#shop_detail #colors a.dunkelblau{background-color:#009;}
#shop_detail #colors a.diverse{background-color:#9CF;}
#shop_detail #colors a.grau{background-color:#999;}
#shop_detail #colors a.rosa{background-color:#F6C;}
/* Kacheln */
div.kachel{display:block;width:150px;height:150px;float:left;margin:15px;border:1px #f90 solid;}
a.kachel{background:url('../../gold/service/grafik/profil.png');}
a.kachel:hover{background-position:0 -150px;}
/* Footer */
#bottom{display:block;height:200px;clear:both;width:100%;background:#333;}
#footer{width:960px;height:160px;margin:0 auto 0 auto;padding:20px 20px 0 20px;background:#CCC url('../layout/shadow.png') repeat-x;}
#footer a{color:#333;font-weight:300;}
#footer a:hover{text-decoration:underline;}
.footercol{width:110px;padding:10px;height:140px;float:left;}
#footer h1{margin-bottom:20px;font-size:12pt;font-weight:300;}
#footer ul{padding:0;margin:0;}
#footer ul li{list-style-type:none;margin-top:5px;font-size:9pt;}
#footerbuttons ul li{font-size:12pt;text-align:right;width:150px;margin-left:20px;}
#fullscreen{position:absolute;display:none;margin-top:-50px;padding:50px;background-color:#FFF;opacity:0.8;z-index:9;}
#socialshareprivacy{width:560px;margin:0 10px -20px 280px;}
#socialshareprivacy img{border:0;padding:0;}
#socialshareprivacy ul li{list-style:none;}

