/*
Theme Name: GÖK Theme
Theme URI: http://datenwerk.at/
Description: Gesellschaft Österreichischer Kinderdörfer Theme by datenwerk.
Version: 1.0
Author: Martin Spazierer
*/

/* CSS imports */
@import url("reset.css");

/* @group Basic Styling */
html{font-family: Arial, Verdana, sans-serif;}
body{
	font-size: 12px; /* Basiswert für em-Berechnung */
	background: #DBE5EA url('images/bg_gradient.jpg') repeat-x top left;
	color: #555;
}
a{text-decoration: none; color: #D53200;}
h1, h2{
	font-weight: normal;
	color: #D53200;
}
h1{
	font-size: 2.00em;
	margin-bottom: 0.83em;
}
h2{
	font-size: 1.67em;
	margin: 0 0 1.00em 0;
	padding-top: 0.75em;
}
h3{
	font-size: 1em;
	line-height: 1.17em;
	font-weight: normal;
	color: #D53200;
	padding-bottom: 0.83em;
}
#col2 ul{list-style-type: square; padding-bottom:0.5em;}
#col2 ul li{margin:0 0 1em 2.5em;}
.hide, .screen-reader-text{display: none;}
#col2 ul#nomargin_left li{margin-left: 0px;}

.alignright{float:right; margin-left:1.5em;}
.alignleft{float:left; margin-right:1.5em;}
.aligncenter{text-align: center;}
.wp-caption p{padding-top:0.5em; font-size: 0.85em}

.backlink{margin-top:1em; display: block;}

/*Skiplink */
.skiplink a,
.skiplink a:hover,
.skiplink a:visited {
	position: absolute;
	overflow: hidden;
	top: -1000px;
	left: -1000px;
}

.skiplink a:focus,
.skiplink a:active {
	position: absolute;
	top: 0;
	left: 0;
}



/* @end */

/* @group Layoutboxes */
#wrapper{
	width: 80.67em;
	margin: auto;
}
/* @end */

/* @group Header */
#header{
	padding-top: 1.67em;
	background: transparent url('images/headerpic.png') no-repeat 64.75em 4.17em;
}
#logo{
	width: 31.67em;
	height: 9.75em;
	margin-left: 2.50em;
	background: transparent url('images/logo.png') no-repeat top left;
	text-indent: -9999px;
	display: block;
	float: left;
}
#metanav{padding: 0.4em 0.4em 0 0;}
#fontresize{padding: 0.35em 0.83em 0 0;}
#metanav, #fontresize{
	display: block;
	float:right;
}
#metanav li:after{content: " |";}
ul#metanav li, ul#fontresize li{
	color: #555;
	display: inline;
}
	ul#metanav li a, ul#fontresize li a{color: #555;}
	ul#metanav li a{text-decoration: underline;}
	ul#metanav li a:hover, ul#fontresize li a:hover{text-decoration: none;}
#searchbox{
	margin-right: 0.33em;
	float: right;
}
	input#s{
		width: 12.17em;
		padding: 0.35em 0.5em 0.3em 2.00em;
		color: #666666;
		border: 1px solid #666666;
		background: white url('images/icon_search.png') no-repeat 0.50em 0.35em;
	}
	input#searchsubmit{
		width: 2.00em;
		height: 2.00em;
		font-weight: bold;
		border: none;
		background: transparent url('images/button_submit.png') no-repeat top left;
		text-indent: -9999px;
		cursor: pointer;
	}
#mainnav{
	font-size: 1.33em;
	height:2.25em;
	padding-left: 1em;
	background: transparent url('images/bg_mainnav.png') no-repeat top center;
	clear: both;
}
	#mainnav ul li{display: inline;}
	#mainnav ul li a{
		color: #333333;
		padding: 0.65em 0.83em 0.6em 0.83em;
		display: block;
		float: left;
	}
	#mainnav ul li a:hover, #mainnav ul li.current_page_item a, #mainnav ul li.current_page_parent a{
		color: #fff;
		background: #D53200 url('images/bg_mainnav_hover.png') repeat-x top left;
	}
	#mainnav ul#home_link{float:right; margin-right:0.5em;}
/* @end */

/* @group Main */

#main{
	background: transparent url('images/bg_main.png') repeat-y center top;
	padding: 3.75em 0 4.17em 2.83em;
}

#col1{
	width: 15em;
	margin-right: 2.50em;
	float: left;
	background-color: #fff;
}
	#col1 ul#subnav{margin-bottom: 1.67em;}
	#col1 ul#subnav li{
		margin-bottom: 0.6em;
	}
	#col1 ul#subnav li a{
		color: #D53200;
		font-size: 1.17em;
		text-decoration: underline;
	}
	#col1 #subnav a:hover{
		color: #5DAB38;
	}
	#col1 #subnav li.current_page_item a, #metanav li.current_page_item a{font-weight: bold;}
	#seal, #start_seal{
		width: 5.42em;
		height: 5.42em;
		background: transparent url('images/seal.png') no-repeat left top;
		text-indent: -9999px;
		display: block;
	}
	#start_seal{float: right;}
#col2{
	width: 44.17em;
	float: left;
	background-color: #fff;
}
	#col2 p, #col12 p{
		line-height: 1.5em;
		margin-bottom: 1.50em;
	}
#col1 a, #col2 a, #col12 a{text-decoration: underline;}
#col1 a:hover, #col2 a:hover, #col12 a:hover{text-decoration: none;}
	
/* Startseite Teaser */
#start_teaser{
	margin-bottom: 0.42em;
}
#col12 #start_teaser p{
	margin-bottom: 0;
}
#start_teaser_col1{
	width: 44.17em;
	float: left;
}
#start_teaser_col2{float: right;}
#teaserpic{
	width: 29.42em;
	height: 16.17em;
	margin-right: 2.83em;
	background: transparent url('images/bg_teaserpic.png') no-repeat left top;
}
#teaserpic img, .start_newsthumb img{
	margin: 0.42em;
}
/*Startseite News*/
#start_news h2{margin-bottom: 1.25em;}
.start_news_list li{
	width: 13.33em;
	margin-right: 2.1em;
	display:block; float: left;
}
	.start_news_list h3, .start_news_list p, .start_news_list a.morelink{margin: 0 0.42em;}
	.start_news_list a.morelink{
	padding: 0.25em 0 0.2em 1.8em;
		background: transparent url('images/icon_morelink.png') no-repeat left top;
	}
.start_newsthumb{
	width: 13.33em;
	height: 13.33em;
	margin-bottom: 1.25em;
	background: transparent url('images/bg_newsthumb.png') no-repeat left top;
	display: block;
}

/* Category Stream */
#col2 ul li.category_stream_newsitem{margin: 0 0 1.67em 0;}
#col2 .category_stream_newsitem p{margin-bottom: 0;}
.category_stream_newsthumb{
	width: 10.00em;
	height: 10.00em;
	margin-right: 0.83em;
	background: transparent url('images/bg_categorythumb.png') no-repeat left top;
	display: block;
	float: left;
}
.category_stream_all_entries{
	display: block;
	width: 100%;
	text-align: right;
}
#col2 ul#category_list{padding:0; list-style-type: none;}


/* Archive */
#col2.archive h2{
	width:22.5em;
	padding-top: 0;
	margin-bottom: 0.50em; 
	float: left;
}
#col2.archive span{
	font-size: 0.83em;
	float: right;
}
#col2.archive p{clear: both; margin-bottom:0.5em;}
#col2.archive ul li{margin-bottom: 2.5em;}
#col2.archive a{color:#D53200;}

/* Single Entry */
.single_footer{
	font-size: 0.83em;
	padding-top: 0.50em;
	border-top: 1px solid #ccc;
}
.single_{float: left;}
.single_date{float: right;}
.single_tags ul, .single_tags ul li{display: inline;}
.single_tags{float:left}
.single_tags a{text-decoration: underline;}
.single_tags a:hover{text-decoration: none;}

/* Shop */
#sliding_cart{line-height: 1.2em;}
.shoppingcart_headline{
	padding-left:1.5em;
	color:#D53200;
	background: transparent url('images/icon_cart.png') no-repeat left top;	
}
#col1 span.items{margin-bottom:0;}
.cartcount{float:right;}
#col1 span.pricedisplay{text-align: right;}
#col1 #sliding_cart{margin-bottom:1.67em;}
.items, .total{width:11em;}
#col1 .shoppingcart_headline{margin-bottom: 0.5em;}

#col2 table.productcart tr.firstrow td {background-color:#fff;}
#col2 .wpsc_checkout_table{margin-top:1em;}
#col2 .wpsc_checkout_forms .text{
	font-size: 1em;
	border:1px solid #ccc;
	color:#666666;
	padding:0.35em 0.5em 0.3em 0.5em;	
}
#col2 .wpsc_checkout_forms td{padding-bottom:0.5em;}
#col2 .prodtitles{padding-bottom:1.5em; font-size:1.17em;}
#col2 .wpsc_product_price{padding-bottom:1em;}
#col2 a.wpsc_edit_product{float:right;}
#col2 .additional_description_link{margin-bottom:1.5em; display:block;}
#col2 .productdisplay{margin-bottom:2em; border-bottom: 1px solid #ccc;}
#col2 div.textcol{padding-bottom: 2em;}
#col2 .wpsc_categories{list-style-type:none;}
#col2 .wpsc_categories li{margin-left:0; float:left; margin-right:2em; text-align: center;}
#col2 .wpsc_category_link{display:block; padding-top:1em; font-size: 1.2em;}

#col1 span.pricedisplay {width:70px;}
#col2 table.productcart tr td{padding:0.5em;}

.wpsc_product_price{margin-top:1em;}

#col2 table.productcart .firstrow th{font-weight:bold; padding-left: 5px;}

/* Font Resize */
.fontResizer a{cursor:pointer !important;}
a.fontresize_minus{font-size:0.8em;}
a.fontresize_plus{font-size:1.2em;}


/* @end */

/* @group Footer */

#footer{
	font-size: 0.83em;
	height: 3.80em;
	padding: 1.10em 1.40em 1.00em 1.40em;
	margin-bottom: 4.17em;
	text-align: right;
	background: transparent url('images/bg_footer.png') no-repeat center top;
}
#imprint, #waibutton{float: right; display: block;}
#imprint{
	line-height: 1.3em;
	margin: 0.3em 1em;
}

/* @end */

/* @group WAI Stuff */

div.skiplink, #logo, div#searchbox, #col1{background-color: #fff;}
#col2 table tr th{text-align: left; font-weight: normal; line-height: 1.5em; width:300px;}
#col2 table tr td{line-height: 1.5em;}

/* @end */
