/* CSS Document */
/*===================  COLORS  =================================================
# c-white.css
# 
# part of the Triad skin for Pmwiki
#=============================================================================*/

/*=============== liight blue theme =================*/
body { 
	background:url(../images/bg_body.jpg) top left repeat-x #d2ddec; 
	margin:0px; 
}

p#mainhl{
	font-family: 'Nunito', sans-serif;
	font-size: 55px;
	line-height: 55px;
	color:#a60000;
	padding-left: 280px;
	padding-top:40px;
}
p#subheadline{
	font-family: 'Nunito', sans-serif;
	color:#486479;
	padding-left: 285px;
}

div.edit , div.upload{
	display:inline;
} 

#titlebarbox{
	display:none;
}

p .error{
	font-size:95%;
	color:red;
} 

#outer-box { float: left; }
#header-box {
	height: 179px;
	background:url(../images/header.jpg) top left no-repeat transparent;
}
#header-box .mainnav{
	width: 100%;
	text-align: center
}
#header-box .mainnav ul li a {
	font-size:14px;
}
#header-box .meldnav{
	float:right;
	margin: 70px 10px 0 0;
}

#header-box #head-right a{
	font-size:12px;
	font-weight:bold;
	color:#aa0000;
	float: right;
	margin: 10px 10px 5px 0;
}
#head-right p.pre{
	margin-top:12px;
	float: right;
	margin-right: 5px;
}
#head-right p.after{
	clear:both;
	margin-right: 10px;
}



#center-box { background:#fff; }

#content-left {
	float:left;
	width:69%;
}

#content-right {
	float:right;
	width:29%;
}


#left-box{ float:left; width: 180px;}
#mlnavi { margin-top:10px;}
#center-box{ float:left; }
#right-box{ float:left;width: 180px; }

#footnavbox { background:#fff; } /* main background color */

 
a:link   { color:#009;}
a:visited{ color:#009;}
a:active { color:#009;}
a:hover  { color:#006;}


#header-box a, #header-box ul li { color:#666; }		
#header-box li a:hover, #header-box li a:active  { color: #009; background: #eee; } /* hover colors */

#xcontentbox { xbackground:#ff0 ; background:transparent }

#pagetitle { margin: 0.3em 1em 0em;
	padding: .2em .3em .3em; color: #000; 
	font: lighter  "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;  
	border-top: 3px double #ccc; border-bottom: 3px double #ccc; background: transparent;
	}
#titlebar a { color:#006; }
#titlebar a:hover { text-decoration:none; color:#009; }

#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 { color:#aa0000; }

#content hr { background:#aa0000; }

.quickref { background:#eef }	 



#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 { color:#666 }
#sidebar .sidehead, #sidebar p.sidehead a.wikilink { color:#666, } /*#5F5F30*/
#sidebar h1 a:link, #sidebar h1 a:visited { xcolor:#FFC27F; }
#sidebar h1 a:hover, #sidebar h1 a:active,
#sidebar a:link, #sidebar a:visited { color:#000;  border-bottom:1px solid #999; }
#sidebar a:hover, #sidebar a:active { color:#fff; background: #aa0000; text-decoration:none; }
#sidebar p.sidehead a.wikilink:hover  { background: #aa0000; color:#fff; } /* hover colors */
#sidebar p.sidehead a.wikilink:active { background: #aa0000; color:#fff; }

#sidebar ul ul li  { border-top:0px solid #999; border-bottom:0;}

#sidebar a.selflink { background: #aa0000; color:#fff; }
#sidebar a:hover.selflink { background: #aa0000;; color:#fff; }

.inputbox, .inputtext { color:#666; background: #fff;
			border-top:1px solid #99c; 
			border-left:1px solid #99c;
			border-right:1px solid #eee;
			border-bottom:1px solid #eee; }
.inputbox:hover, .inputbox:focus { color:#009; background:#eee; }
/* comment next six lines to get a standard button */
.inputbutton {color:#003c6a; background:#eee; 
			border-top:1px solid #eef; 
			border-left:1px solid #eef;
			border-right:1px solid #99c;
			border-bottom:1px solid #99c;}
.inputbutton:hover { color:#006; background:#ffe }

.nav li a:link, .nav li a:visited { color:#009}
.nav li a:hover, .nav li a:active {  color:#006; background:#fff }

.navbuttons li a { color:#006; background:#eee; }
.navbuttons li a:hover, .navbuttons li a:active { color:#006; background:#fff }
.navbuttons li a { 
			border-top:1px solid #eee; 
			border-left:1px solid #eee;
			border-right:1px solid #99c;
			border-bottom:1px solid #99c;}
			
#footer-box { 
	height:60px;
	background:url(../images/footer.png) bottom left no-repeat transparent;
	text-align: center; 
}
#skinconfig, #commons,#skinconfig p, #commons p{
	display:inline-block;
}

#thirdlevelnavi { margin-top: 10px;}

#thirdlevelnavi ul , #thirdlevelnavi ul li{
	list-style-type: none;
	display:inline;
}


#content ul { list-style-image: url(../images/bullet7.gif); }
#rightbar ul { list-style:none; }

#rightbar a.fontsizer, #header a.fontsizer  { 
		color:#006;
		background:#eee; /*BED0E4;*/ 
		border-top:0;
		border-left:0;
		border-bottom:1px solid #1D5183;
		border-right:1px solid #1D5183;}
#content a.fontsizer { background:#eee; }
#sidebar a.fontsizer { background:#eee; }
#header a.fontsizer:hover { color:#006; background:#fff; }
#rightbar a.fontsizer:hover { color:#006; background:#fff; }
#sidebar a.fontsizer:hover { color:#006; background:#fff; }
#content a.fontsizer:hover { color:#006; background:#fff; }

#toggleright input, #toggleleft input{ 
		color:#666; 
		background:#fff;
		border:none; }
#toggleleft input { border-right:1px solid #666 }
#toggleright input { border-left:1px solid #666 }
#toggleright input:hover, #toggleleft input:hover { color:#009; background:#eee; }

#rightbar { 
	margin:0;
	padding:0; 
}

.clip, .news { border:1px solid #999;
		background:#fff url(x../images/silver-left.jpg) repeat-y;
		padding:3px 8px;
		margin-top:5px; }
		
#sidebar .sideclip { border:1px solid #999;
		color:#000;
		background:#fff;
		padding:2px 0px;
		margin:5px 5px 0 5px; }
#sidebar .sideclip p, #sidebar .sideclip h4 { 
		color:#000;
		line-height:1.2em;}
#sidebar .sideclip a { color:blue }		

.clip2 { width: 158px; border:1px solid #999;
		padding:0 0 0 0;
		margin:0 auto 5px auto;
		clear:both;
}

.hl_aw_box{
	background:#003c6a; 
	text-align:left; 
	color: #FFF;
	font-weight:bold;
	font-size:115%;
	margin: 0px 5px 0px 0px; 
	padding: 3px 3px 3px 10px;
}

.aw_box{
	margin: 0 5px 5px 0; 
	padding: 1em; 
	border: 1px solid #003c6a; 
	background-color:#fff;
}

.hl_aw_box_hell{
	background:#e8eeef; 
	text-align:left; 
	color: #006;
	font-weight:bold;
	font-size:110%;
	margin: 0px 5px 0px 0px; 
	padding: 3px 3px 3px 10px;
}
.aw_box_hell{
	margin: 0 5px 5px 0; 
	padding: 1em; 
	border: 1px solid #e8eeef; 
	background-color:#fff;
}

.hl_aw_box_rot{
	background:#aa0000; 
	text-align:left; 
	color: #fff;
	font-weight:bold;
	font-size:110%;
	margin: 0px 5px 0px 0px; 
	padding: 3px 3px 3px 10px;
}

.aw_box_rot{
    clear: both;
	margin: 0 5px 5px 0; 
	padding: 1em; 
	border: 1px solid #aa0000; 
	background-color:#fff;
}

.aw_box_center{
	margin: 0 5px 5px 0; 
	padding: 1em; 
	border: 1px solid #003c6a; 
	background-color:#fff;
	text-align:center;
}

.vspace {
    clear: both;
}

/* commentbox styled */
.messagehead { background:#eee; }
.messageitem { background:#fff; }

/* new styles */

#commerce {
	width:160px;
	margin:0 auto 0 auto;
	padding:0;
}

.rechtespalte{
	width:150px;
	margin:0 auto 0 auto;
	padding:0;	
}

#commerce a {
	color:#006;
	font-weight:bold;
	text-decoration:underline;
}

#commerce a:hover {
	color:#006;
	font-weight:bold;
	text-decoration:underline;
}

#commerce .error {
	color:#e50020;
	font-weight:bold;	
}

#commerce .line{
	margin:0;
	padding:0;
	width:160px;
	height:2px;
	background:#fff;
}

.rightbox{
	width:150px;
	margin:20px auto 20px auto;
	padding:0;	
}

#sidebar { 
	margin:0;
	padding:0;
	width:179px; 
}

#sidebartop {
	width:170px;
	background:#fff;
	padding-bottom:10px;
	float:right;
}

.search {
	width:100%;
	height:43px;
	background-image:url(../images/bg_search.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.innersearch{
	padding: 10px;
}

#tableTOC{
	border: 1px solid #003C6A;
	padding: 4px;
	background-color: #E8EEEF;
}

#headerTOC b{
	color:#003C6A;
}

#scroller{
	position: fixed;
	width: 46px;
	height:359px;
	background: url(../images/bg_scroller_right.png) top left no-repeat transparent;
	top:145px;
	right:0;
}
#searchlayer{
	margin:6px 0 50px 6px;
	height:46px;
}
#sociallayer {
	margin: 0 0 53px 6px;
	height:116px;
}
#rsslayer{
	height:95px;
	margin: 0 0 0 6px;
}
img.socialbookmarks_grid{
	margin-bottom:3px;
}
a.pin-it-button img{
	clear:both;
	margin-top:3px;
}
img.feeds{
	margin-bottom:5px;
}


#googlelayer{
	display:none;
	position: relative;
	width:697px;
	height:74px;
	padding:10px;
	background: url(../images/bg_search.png) top left no-repeat transparent;
	top: -365px;
	left: -710px;
}
#gsearch{
	border:1px solid #A00; 
	padding:10px; 
	margin:0px 20px;
}
div.cse-branding-form{
	width:480px;
	float:left;
}
input#qquery{
	width:380px;
	font-size:14px;
	padding:3px;
	border: 1px solid #A00;
}
input#qsubmit{
	border:0;
	background-color:#A00;
	color:white;
	font-size:14px;
	padding:3px;
	font-weight:bold;
}

div.cse-branding-logo{
	width:125px;
	float:left;
	font: 10px Arial;
}

.responsive-nav{
	background-image: url(../images/responsive-nav-bg.png);
	background-position: center right;
	background-repeat: no-repeat;
	display: none;
	width: 360px;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */


select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #003C6A;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #003C6A;
	font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	padding: 5px 10px;
	border-radius: 0;
}

select {
	height: 30px;
}


select:hover { border-color: #dedede; }
	
select:focus { border-color: #ccc; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

.io_articleteaser_widget{
	width:140px;
	padding:5px;
	border: 1px solid #003C6A;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	margin: 0 auto;
}

span.price{
	color: #A60000;
	font-weight: bold;
}
#bottombanner{
	display: block;
	margin: 10px 0;
}

img.thumbs {
    border:1px solid #dddddd; margin:2px; padding:4px; vertical-align: middle; float: left; margin: 0 20px 20px 0; }
img.thumbs:hover, table.thumbtable td.thumbtd div.img:hover {
    border:1px solid red; }
table.thumbtable img.thumbs { border: 0; padding:0; }
table.thumbtable td.thumbtd { margin:4px; padding:2px; }
table.thumbtable td.thumbtd:hover { border-color:red; }
table.thumbtable { border:1px solid #cccccc; }
table.thumbtable td.thumbtd div.img {
    border: 1px solid #dddddd; text-align: center; }
.caption {
    font-size:.8em; overflow:hidden; padding:0px; line-height:1.1em; }
img.current, table.thumbtable td.thumbtd div.current {
    border-color: red; }