/*
Theme Name: Rokatech 
Theme URI: 
Description: Theme for ROKATECH
Version: 1.0
Author: Christian Stanner
Author URI:
Tags: 

	
*/
@charset "utf-8";
/* CSS Document */

html {overflow-y:scroll;}
a:active { outline: none;}

/* -------------------------------------------------------------- 
typography.css 
* Sets up some sensible default typography. 
* Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/ -------------------------------------------------------------- 
*/ 
/* Default font settings. The font-size percentage is of 16px. (1 * 16px ~ 16px) */
//body { font-size: 63.5%; color: #646464; background:#fff url(images/rokatech_bg.jpg) center top repeat-x; font-family: Arial, Helvetica, sans-serif;} 
body { font-size: 63.5%; color: #646464; background:#fff url(images/RO-KA-TECH-Welle-Small.jpg) center top repeat-x; font-family: Arial, Helvetica, sans-serif;line-height:1.8em;} 
body.home {background:#fff url(images/RO-KA-TECH-Welle-XLarge.jpg) center top repeat-x;}
/* Headings -------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 
h2 { font-size: 2em; margin-bottom: 0.75em; } 
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } 
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 
/* Text elements -------------------------------------------------------------- */ 
p { margin: 0 0 1.5em; } 
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 
a:focus, a:hover { color: #0099ff; } 
a { color: #666666; text-decoration: none; } 
blockquote { margin: 1.5em; color: #666; font-style: italic; } 
strong { font-weight: bold; }
em,dfn { font-style: italic; } 
dfn { font-weight: bold; }
sup, sub { line-height: 0; } 
abbr, acronym { border-bottom: 1px dotted #666; } 
address { margin: 0 0 1.5em; font-style: italic; } 
del { color:#666; } 
pre { margin: 1.5em 0; white-space: pre; } 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* Lists -------------------------------------------------------------- */ 
/* li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; } 
ol { list-style-type: decimal; } 
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.5em;} */
/* Tables -------------------------------------------------------------- */ 
table { margin-bottom: 1.4em; width:100%; } 
th { font-weight: bold; }
thead th { background: #c3d9ff; } 
th,td,caption { padding: 4px 10px 4px 5px; } 
tr.even td { background: #e5ecf9; } 
tfoot { font-style: italic; } 
caption { background: #eee; } 
/* Misc classes -------------------------------------------------------------- */ 
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } 
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } 
.hide { display: none; } 
.quiet { color: #666; }
.loud { color: #000; } 
.highlight { background:#ff0; } 
.added { background:#060; color: #fff; } 
.removed { background:#900; color: #fff; } 
.first { margin-left:0; padding-left:0; } 
.last { margin-right:0; padding-right:0; } 
.top { margin-top:0; padding-top:0; } 
.bottom { margin-bottom:0; padding-bottom:0; }

/* Begin Images */
p img {	padding: 0;	max-width: 100%;	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}

img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}

img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}

.alignright {	float: right;	}

.alignleft {	float: left;	}
/* End Images */

#menu li,#menu li a {display:block-inline;float:left;width:184px;height:50px;line-height:50px;}
#menu li a span, #menu li a em {display:none;}
#menu li a {background:transparent url(images/rokatech-menu_blau.jpg)}
#menu li.page-item-6 a  {background-position:0 0;}
#menu li.page-item-9 a  {background-position:-184px 0;}
#menu li.page-item-22 a {background-position:-368px 0;}
#menu li.page-item-11 a {background-position:-552px 0;}
#menu li.page-item-12 a {background-position:-736px 0;}

#menu li.page-item-6 a:hover{background-position:0 -100px;}
#menu li.page-item-9 a:hover{background-position:-184px -100px;}
#menu li.page-item-22 a:hover{background-position:-368px -100px;}
#menu li.page-item-11 a:hover{background-position:-552px -100px;}
#menu li.page-item-12 a:hover{background-position:-736px -100px;}


#menu li.page-item-6.current_page_item a,	#menu li.page-item-6.current_page_parent a		{background-position:0 -50px;}
#menu li.page-item-9.current_page_item a,	#menu li.page-item-9.current_page_parent a 		{background-position:-184px -50px;}
#menu li.page-item-22.current_page_item a,	#menu li.page-item-22.current_page_parent a 	{background-position:-368px -50px;}
#menu li.page-item-11.current_page_item a,	#menu li.page-item-11.current_page_parent a 	{background-position:-552px -50px;}
#menu li.page-item-12.current_page_item a, 	#menu li.page-item-12.current_page_parent a		{background-position:-736px -50px;}

.footermenu {display:block-inline;}
.footermenu li, .footermenu li a {display:block-inline;float:left;padding:0 10px 0 10px;}

#footer {margin:0 0 20px 0;}

#header_home div.logo {height:242px;width:920px;background:transparent url(images/rokatech_staudner_logo_home.png) 0 20px no-repeat;}
#header_home {height:292px;margin:0;}
#header div.logo {height:155px;width:920px;background:transparent url(images/rokatech_staudner_logo.png) 0 0 no-repeat;}
#header {height:205px;margin:0;}
#header_temp {height:205px;margin:65px 0 52px 0;}
#sidebar, #content, #emptysidebar {padding-top:50px;}
.nosidebar {margin-left:35px;width:880px !important;}
#sidebar {background:#fff url(images/1px_verlauf.png) repeat-y;}
.sidebarnav li {background:transparent url(images/pfeil_neu_blau.png) 8px 4px no-repeat;margin-bottom:2px;padding:8px 0 4px 35px;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:14px;}
ul.sidebarnav {margin-bottom:20px;}
//.sidebarnav li a:link {}
//.sidebarnav li a:visited{}
.sidebarnav li.current_page_item a,.sidebarnav li a:hover{color:#0099ff}
//.sidebarnav li a:active{}
ul.pagemenu  {height:242px;}
.pagemenu li {display:block-inline;float:left;width:264px;height:108px;background:#efefef url(images/pfeil_neu_blau.png) 7px 11px no-repeat;margin:0 4px 4px 0;padding:10px 8px 10px 32px;font-family:Arial,sans;font-size:15px !important;text-transform:uppercase;}
.pagemenu h2,.pagemenu p,.post h2 {margin:0;}
.pagemenu p { font-family: Arial, Helvetica, sans-serif; font-size:12px !important;letter-spacing:0;text-transform:none;margin-top:-4px;}
.lcp_catlist h2,.lcp_catlist p {margin:0;}
.post h1 { font-family: Arial, Helvetica, sans-serif; font-size:18px;letter-spacing:-1;text-transform:uppercase;color:#646464;}
.pagemenu h2 {  font-family:  Arial, Helvetica, sans-serif; font-size:18px;letter-spacing:-1;text-transform:uppercase;margin-top:4px;}
.post h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px;letter-spacing:-1;text-transform:uppercase;color:#646464; border-bottom:1px dotted #646464; margin-bottom:10px;}
.post p {font-size:1.2em}
.entry ul {margin-bottom:40px;}
.lcp_catlist h2{line-height:5px;}
.dotted, hr {height:0;border: none;border-top:1px dotted #a8a8a8;margin-bottom:15px;}
.hrfooter {height:0;border: none;border-top:1px solid #a8a8a8;margin-top:20px;}
.hidden {height:0;text-indent:-9999px;position:absolute;top:0;}
.none {display:none;}
.noprint {display:none;}
.sIFR-flash {display:inline;vertical-align:middle;}
.sitemap em{font-style:normal;font-size:16px;}
.sitemap li em{font-weight:bold;}
.sitemap li li em{font-weight:normal;}
.sitemap li {margin:0 15px 15px 0;}
.sitemap li ul{margin:0 0 15px 15px;}
.sitemap li ul li{margin:0 0 2px 0;}
//.biber {background:transparent url(images/Rokatech-Staudner-Biber.png) 0 0 no-repeat;height:240px;left:-192px;position:relative;top:27px;width:178px;}
//.home div.biber {top:85px;}
.banner_sidebar {text-align:right;}

form.quiz-form {
	text-align:left;
}

.single-page-quiz .quizzin-question, .single-page-quiz #action-button {
	display:block;
}

.question-content {
	margin-top:20px;
	font-size:1.2em;
	margin-bottom:2px;
}

.show-question {
	border-bottom:1px solid #000;
}
.answer span {
	padding-right:20px;
}
.user-answer span {
	font-weight:bold;
	background:url(wrong.png) no-repeat right top;
}
.correct-answer span {
	background:url(correct.png) no-repeat right top;
}

.frage{ font-weight:bold;font-style:italic;font-size:1.25em;margin-bottom:5px;}
.antwort{ border-bottom:1px dotted #a8a8a8; padding-bottom:15px; }
.rating{color:red;font-weight:bold;}
ul.lists  {margin-left:20px;font-size:1.2em}
.lists li {list-style-type:disc;}
.glossaryList {float:left; margin-right:15px; width:150px;}

.lcp_catlist a {
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-bottom: 10px;}
.lcp_catlist a img {
    float:right}
.lcp_catlist li {
  float:left;}
  li::marker {content:'';}