/*
Theme Name: SURF MAGAZIN
Theme URI: http://www.holmgrein.de
Description: Das Template für die SURF-Redaktion
Version: 0.0.1
Author: S.Kosyrev, A.Holmgrein
Author URI: http://www.holmgrein.de/
*/

/**
 * CSS document: style.css
 * www.surf-magazin.de
 * -------------------------------------------
 * Master CSS document for www.surf-magazin.de
 * -------------------------------------------
 * Author / Copyright: rensco.de
 * Version: 2010-08-24
*/ 


@import "css/lightbox.css";

/* * * Some general resets * * */

* {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a { text-decoration:none }
.feature_lexikon a {
	font-size:15px;
	font-weight:500;
	text-decoration:none;
	letter-spacing:10px;
}
a:hover { 
	text-decoration:underline;
	cursor:pointer; 
}
img { border:0 }
a:focus { outline:none }
fieldset { border:0 }
table {
	margin:0;
	padding:0;
}
ul li { list-style-type:none }
dl li {
	list-style-type:disc;
	margin-left:2em;
	line-height:1.75em;
}
dt {
	font-weight:bold;
	margin-top:1em;
}

/* * * Styling of HTML elements * * */

html, body {
	height:100%;
	min-height:100%;
}
body {
	background-color:white;
	color:black;
	font-size:1em;
}
code {
	font-family:courier, fixed;
	border:1px solid #E0E0E0;
	background-color:#F9F9F9;;
	color:#747474;
	padding:1em;
	display:block;
}
#noscript {
	width:997px;
	display:block;
	border:1px solid #a00;
	color:#a00;
	background-color:#ffc0cb;
	font-size:1.5em; /* 16 * 1.5 = 24 */
	margin-left:5px;
	padding:10px;
	text-align:center;
}
h2 {
	color:#2675b1;
	font-size:1.75em; /* 16 * 1.75 = 28 */
	margin:0 0 0.375em;
}
h3 {
	color:#2675b1;
	font-size:1.5em; /* 16 * 1.5 = 24 */
	margin:0.375em 0;
}
h4 {
	color:#2675b1;
	font-size:1.25em; /* 16 * 1.25 = 20 */
	margin:0.375em 0;
}


/* * * General class stylings * * */

.white 		{ color:white }
.blue  		{ color:#2675b1 }
.darkblue { color:#0d4066 }

.block { display:block }

.fleft  { float:left }
.fright { float:right }
.call   { clear:both }

.vGutter5, .vGutter10, .vGutter15, .vGutter20, .vGutter40 { clear:both }
.vGutter5  { height:5px }
.vGutter10 { height:10px }
.vGutter15 { height:15px}
.vGutter20 { height:20px }
.vGutter40 { height:40px }
.vGutter20 hr {
	padding-top:10px;
	border:none;
	border-bottom:1px dashed #2675b1;
	height:1px;
}
.vGutter40 hr {
	padding-top:20px;
	border:none;
	border-bottom:1px dashed #2675b1;
	height:1px;
}

.hGutter5  { width:5px }
.hGutter10 { width:10px }
.hGutter15 { width:15px }
.hGutter20 { width:20px }

.topMargin5  { margin-top:5px }
.topMargin10 { margin-top:10px }
.topMargin15 { margin-top:15px }
.topMargin20 { margin-top:20px }

.tLeft   { text-align:left }
.tRight  { text-align:right }
.tCenter { text-align:center }

.bold   { font-weight:bold }
.italic { font-style:italic }

.small  { font-size:0.875em }
.normal { font-size:1em }
.bigger { font-size:1.125em }
.big    { font-size:1.25em }

div.left, span.left  { float:left }
div.right, span.right { float:right }

.frameH200, .frameH160 {
	margin:0 10px;
	overflow:hidden;
	text-align:left;
}
.frameH200 { height:200px }
.frameH160 { height:160px }

span.moreBlue {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/icons/arrow_more_blue.gif') center left no-repeat;
	padding-left:8px;
	color:#2675b1;
	float:right;
}
span.moreBlueLeft {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/icons/arrow_more_blue.gif') center right no-repeat;
	padding:0 10px 0 0;
	color:#2675b1;
}
span.moreBlue:hover, span.moreBlueLeft:hover {
	cursor:pointer;
	text-decoration:underline;
}
span.moreOrange {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/icons/arrow_more_orange.gif') center left no-repeat;
	padding-left:8px;
	color:#ea9328;
	float:right;
}
span.moreOrange:hover {
	cursor:pointer;
	text-decoration:underline;
}

h3.blueHead {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/accordion/accordion_head.gif') top left no-repeat;
	height:21px;
	padding-top:5px;
	padding-left:15px;
	font-size:1em;
	letter-spacing:0.05em;
	font-weight:normal;
	color:white;
	margin:0;
}

img.left {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
img.frame {
	padding:10px;
	border-left:1px solid #eee;
	border-top:1px solid #eee;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

ul.bullet {						     
	padding-left:2em;
}
ul.bullet li {						    
	list-style-type:square;
}

/* Content advert container */
.advertWrapper {}

/* Just a dummy, obsolete in production */
.advertDummy { 
	height:70px;
	border:1px solid #777;
	background-color:#ddd;
	color:#777;
	text-align:center;
}

/* durch SK Eingefügt */
.advertPosition {
	display:block;
	float:left;
	padding-left:30px;
	margin-top:5px;
}

div.sidebarAdvert, div.sidebarContent {
	margin:8px 0;
}
.sidebarAdvert_137_60 {
	display:block;
	float:left;
	padding-left:8px;
	margin-bottom:8px;
} 

p.first {
	margin:0;
}
p.text {
	margin:1em 0 0;
}
p.discuss {
	margin:1em 0 0;
	padding:0 10px;
}
p.discuss a {
	padding:0 10px 0 0;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/icons/arrow_more_blue_big.gif') center right no-repeat;
	color:#2675b1;
	font-size:1.2em;
}

.underline { text-decoration:underline }

/* * * Page layout * * */

#pageWrapper {
	/* left layout */
	margin-left:5px;
	
	/* centered layout 
	margin:0 auto; */
	
	width:1019px;
	float:left;
}
/* Sergej vorerst rausgenommen
#header {
	height:245px;
	background:white url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/keyvisuals/default.jpg') top left no-repeat;
}*/

#mainArea {
	margin-top:40px;
	float:left;
	width:1019px;
	/* background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_contentWrapper.gif') top left repeat-y; */
	/* border:1px solid red; * * * Debug * * */
}

#sidebar {
	width:300px;
	float:right;
	background:#e5eef5 url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_sidebar_bottom.gif') bottom center no-repeat;
	padding-bottom:20px;
}

#footer {
	clear:both;
	float:left;
	width:100%;
	margin-top:20px;
	color:#2675b1;
	text-align:left;
	border-top:1px solid #E0E0E0;
	background-color:#F9F9F9;
}


/* * * Header parts * * */

#header #logo {
	position:relative;
	top:34px;
	float:left;
}
#header #utilities {
	float:right;
	margin-top:55px;
	margin-right:5px;
	color:#2675b1;
	background-color:white;
	font-size:0.5625em;
}
#header #utilities a {
	font-size:inherit; /* 16 * 0.5625 = 9 */
	color:#2675b1; /*#0e68ac; */
	background-color:white;
}


/* * * Global navigation * * */

#header #nav {
	position:relative;
	top:42px;/* 206px; */
	float:left;
	min-height:25px; 
	min-width:1019px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_nav_1x25.gif') top left repeat-x;
}
#header #nav li {
	float:left;
	display:block;
	height:25px;
	padding:0 5px;
	border-left:1px solid #0d4066;
}
#header #nav li.on {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_nav_active_1x25.gif') top left repeat-x;
}
#header #nav li.off:hover {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_nav_hover_1x24.gif') top left repeat-x;
}
#header #nav li.on a {
	color:#0d4066;
	font-weight:bold;
	letter-spacing:0.05em;
}
#header #nav li.on ul a {
	background:none;
	color:#0d4066;
	font-weight:normal;
}
#header #nav li.on ul li.on {
	background:none;
}
#header #nav li.on ul li.on a {
	font-weight:bold;
	text-decoration:underline;
}
#header #nav a {
	padding-top:6px;
	display:block;
	width:100%;
	color:white;
	text-transform:uppercase;
	font-size:11px;
	/* font-weight:bold; */
	/* letter-spacing:0.1em; */
	white-space:nowrap;
}
#header #nav a:hover {
	text-decoration:none;
}
#header #nav li.off ul, #header #nav li.on ul {
  /* put the subsections below and hide them all */
  display:none;
  position:absolute;
  top:24px; left:0;
	height:40px;
	width:1019px;
  padding-top:3px;
	color:#0d4066;
}
#header #nav li.on ul {
	background-color:#dd8b26; /* #435e6f */;
}
#header #nav li.off:hover ul {
	background-color:#3886bd; /*#47aaf0;*/
}
#header #nav li.off:hover ul li a{
	color:white;
}
#header #nav li.off:hover ul, #header #nav li.on ul {
  /* display active subsection */
  display: block;
}
#header #nav li.off:hover ul {
	z-index:1000;
}
#header #nav li.off:hover li, #header #nav li.on li {
	border:0;
}
#header #nav li.off ul a, #header #nav li.on ul a {
	padding:10px;
	color:#0d4066;
	text-transform:none;
	font-size:0.75em;
	letter-spacing:0;
}
#header #nav li.off ul a:hover, #header #nav li.on ul a:hover {
	text-decoration:underline;
}
#header #nav li.on ul a.active {
	font-weight:bold;
}


/* * * Main area (content and sidebar) * * */

#contentWrapper {
	width:711px;
	float:left;
}

#breadcrumbsWrapper {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/stripline_711x3.gif') top left no-repeat;
	margin-top:1px;
}
#breadcrumbs {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/stripline_711x3.gif') bottom left no-repeat;
	display:block;
	padding:4px 5px;
	font-size:0.625em;
}
#breadcrumbs a {
	color:black;
	background-color:white;
	font-size:inherit;
}
#breadcrumbs a:hover {
	color:black;
	background-color:white;
	text-decoration:underline;
}

h1#title {
	margin:20px 0 0;
	padding:2px 10px;
	color:#0d4066;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:1.5em;
	font-weight:bold;
	border-bottom:2px solid #0d4066;
}

#content { 
	margin-top:3em;
	width:100%;
	float:left;
	font-size:0.75em;
	line-height:1.5em; 
}
#content.homepage {
	margin-top:1px;
}
#sidebar { font-size:0.6875em }
#content a { color:#2675b1 }


/* * * Content rows * * */

.twoCols, .threeCols {
	float:left;
}

.twoColsLeft, .twoColsRight {
	width:345px;
}
.twoColsLeft {
	float:left;
}
.twoColsRight {
	float:right;
	margin-left:21px;
}


.threeColsLeft, .threeColsCenter, .threeColsRight {
	width:223px;
}
.threeColsLeft, .threeColsCenter {
	float:left;
}
.threeColsRight {
	float:right;
}
.threeColsCenter, .threeColsRight {
	margin-left:21px;
}


/* * * Content boxes * * */

.box {
	text-align:center;
}
.box span.date {
	display:block;
	font-size:0.75em;
	color:#2675b1;
	text-align:left;
}

.boxText * {
	text-align:left;
	padding:0 10px;
}
.boxText h4 {
	margin-top:1.5em;
}

.box223Top {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_223_top.gif') top center no-repeat;
	padding:15px 0 0;
}
.w223 {
	float:left;
	padding-bottom:20px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_223_bottom.gif') bottom center no-repeat;
}

.box345Top {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_345_top.gif') top center no-repeat;
	padding:15px 0 0;
}
.w345 {
	float:left;
	padding-bottom:20px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_345_bottom.gif') bottom center no-repeat;
	width:inherit;
}

.boxVideoTop {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_video_345_top.gif') top center no-repeat;
	padding:15px 0 0;
}
.video {
	float:left;
	padding-bottom:20px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_video_345_bottom.gif') bottom center no-repeat;
	width:inherit;
}

.box711Top {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_711_top.gif') top center no-repeat;
	padding:15px 0 0;
	text-align:left;
}
.w711 {
	clear:both;
	padding-bottom:20px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_711_bottom.gif') bottom center no-repeat;
	width:inherit;
}

.verlagBox711Top {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_verlagbox_711_top.gif') top center no-repeat;
	padding:15px 0 0;
	text-align:left;
}
.verlag {
	float:left;
	padding-bottom:20px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_verlagbox_711_bottom.gif') bottom center no-repeat;
	width:inherit;
}



/* * * Announcements container * * */

#announcements { width:223px } 
.announcementsHead {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/blue_board_223x25.gif') top left no-repeat;
	color:white;
	height:25px;
	width:223px;
	display:block;
	padding:5px 5px 0;
	letter-spacing:0.05em;
	text-transform:uppercase;
}
a.announcement {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/light_blue_strip_223x21.gif') top left no-repeat;
	color:black;
	height:21px;
	width:223px;
	display:block;
	padding:2px 5px 0;
	white-space:nowrap;
}
a.announcement:hover {
	color:#0d4066;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
}


/* * * Abos * * */

h4.abo {
	margin:10px;
	margin-top:0;
	padding:2px 5px;
	background-color:#ea9328;
	color:white;
	font-size:1.25em;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

#abos {
	float:left;
	margin-top:20px;
	text-align:center;
}
#abos img {
	margin:5px auto;
}
#abos p {
	margin-top:5px;
	text-align:left;
}
#abos p span {
	float:left;
}
#abos .abo {
	float:left;
	width:152px;
	margin-left:20px;
}
#abos .abo img {
	display:block;
}
#abos .aboHead {
	border:1px solid black;
	height:150px;
}
#abos .abo h5 {
	background-color:#737b73;
	color:white;
	padding:2px 0;
	font-size:0.875em;
	font-weight:normal;
}


/* * * Forum * * */

#forumUtils {
	text-align:left;
	margin:0 0 20px;
	color:#2675b1;
}
#forumUtils * { color:#2675b1 }
#forumLogin {
	float:right;
	padding:5px;
	width:180px;
	border:1px solid #0d4066;
}
#forumLogin * { color:#2675b1 }
#forumLogin #username, #forumLogin #password { width:175px }
#forumLogin #password { margin-top:5px }

table#forum {
	width:711px;
	border-spacing:1px 0;
	border-collapse:separate;
}
table#forum thead tr, table#forum tfoot tr, 
table#forumInfo thead tr, table#forumInfo tfoot tr {
	height:25px;
	color:white;
	letter-spacing:0.05em;
}
table#forum thead, table#forumInfo thead {
 background:url('../gfx/BG_forum_head.gif') top center no-repeat;
}
table#forumInfo thead th {
	text-align:left;
}
table#forumInfo thead h4 {
	color:white;
	padding:0 20px;
}
table#forumInfo thead th {
	
}
table#forum th, table#forumInfo th {
	font-weight:normal;
}
table#forum tfoot, table#forumInfo tfoot {
 background:url('../gfx/BG_forum_bottom.gif') bottom center no-repeat;
 text-align:center;
}
table#forum tfoot a, table#forumInfo tfoot a {
 color:white;
}
table#forum tbody td {
	background:#b1b1b1 url('../gfx/BG_forum_row2.gif') top left repeat-x;
	height:48px;
	border-bottom:1px solid #0d4066;
}
table#forum td.forum:hover {
	background:#fff url('../gfx/BG_forum_row_hover.gif') top left repeat-x;	
}
table#forum td.forum:hover a {
	color:#ea9328;
}
table#forum td.forum a {
	display:block;
	padding:10px 0;
	font-size:1.2em;
	color:#0d4066;
}
table#forum td.forum a:hover {
	text-decoration:none;
}
table#forum td.forum img {
	margin:0 10px;
	vertical-align:text-bottom;
}
table#forum td.lastPost, table#forumInfo td {
	padding:2px 5px;
}
table#forum td span.subject {
	color:#0d4066;
}
table#forum td.threads, table#forum td.posts {
	text-align:right;
	padding:2px 5px;
}

table#forumInfo {
	width:711px;
	border-spacing:1px 0;
	border-collapse:separate;
}
table#forumInfo * {
	font-size:0.95em;
}
table#forumInfo tbody td {
	background:#ececec;
	height:48px;
	border-bottom:1px solid #0d4066;
}
table#forumInfo td.online span {
	font-weight:bold;
}
table#forumInfo tr.headline th {
	color:white;
	background-color:#177ac0;
	border-bottom:1px solid #0d4066;
}	

	
/* * * Forum statistics on homepage * * */

#surfShadow {
	width:205px; height:120px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/logos/logo_shadow.png') top center no-repeat;
}
table#forumStats {
	font-size:0.875em;
	border-spacing:20px 5px;
}
table#forumStats thead th {
	border-bottom:1px dotted black;
}

div#forumLegend {
	width:711px;
	float:left;
	text-align:center;
}
div#forumLegend img {
	margin:0 10px;
}


/* * * Single article pages * * */

div.teaserWrapper {
	float:left;
	padding-bottom:20px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_711_bottom.gif') bottom center no-repeat;
}
div.teaser {
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_box_711_top.gif') top center no-repeat;
	float:left;
	width:711px;
	text-align:left;
}
div.teaserPic {
	float:left;
	margin:15px;
	width:400px;
}
div.teaserText {
	float:left;
	width:250px;
	margin:10px 0 0;
	color:#0d4066;
}
p.caption {
	margin-top:10px;
	color:#0d4066;
	font-size:0.95em;
	font-style:italic;
}

div#articleWrapper { 
	float:left;
	width:711px;
}
div#articleWrapper .leftCol {
	float:left;
	width:450px;
	border-right:1px solid #ddd;
	padding-right:15px;
}
div#articleWrapper .leftCol h4 {
	background-color:white;
	color:black;
	margin:1.5em 0 1em;
}
div#articleWrapper .leftCol h4.first { 
	margin:0 0 1em 
}
div#articleWrapper .rightCol {
	float:right;
	width:225px;
}
div#articleWrapper .rightCol .imgLegend {
	margin-top:10px;
	font-style:italic;
}


/* SK neu hinzugefügt */
div#articleWrapper .leftCol .imgLegend {
	margin-top:10px;
	font-style:italic;
}


/* ARTICLE DOWNLOADS */
div#articleDownloads h4 {
	margin:0 0 1em;
	background-color:white;
	color:#2675b1;
}
div#articleDownloads a { 
	font-weight:bold;
	color:black;
}

/* ARTICLE DATE */
div#articlePublishedOn span {
	display:block;
	text-align:right;
	font-size:0.95em;
}

/* RELATED ARTICLES */
div#relatedArticles {
	float:left;
}
div#relatedArticles h4 {
	margin:1.5em 0 1em;
	background-color:white;
	color:#2675b1;
	border-bottom:1px solid #2675b1;
}
div#relatedArticles ul {
	float:left;
}
div#relatedArticles ul li {
	float:left;
	clear:left;
	margin-bottom:2em;
	display:block;
}
div#relatedArticles ul li img {
	float:left;
	margin-right:5px;
}
div#relatedArticles ul li span {
	display:block;
	float:left;
	font-size:1.1em;
	color:#2675b1;
	text-decoration:none;
	font-weight:bold;
}


/* * * News * * */

#news { 
	float:left; 
	width:inherit;
}
#news .newsItem {
	float:left;
}
#news .newsItem:first-child { margin-top:0 }
#news .newsItem .newsItemHead {
	float:left;
	border-left:10px solid #0d4066;
	border-bottom:1px solid #0d4066;
	width:701px;
}
#news .newsItem .newsItemHead h3 {
	font-size:0.875em;
	color:#0d4066;
	padding:0px 10px;
	margin:0px;
	float:left;
}
#news .newsItem .newsItemHead .date { 
	font-size:0.875em;
	color:#0d4066;
	float:right;
	display:block;
}
#news .newsItem h2 {
	clear:both;
	font-size:1.25em;
	padding:10px 0 5px;
}
#news .newsItem a.newsImg {
	display:block;
	float:left;
	margin:0 1.5em 0.5em 0;
}


/* * * Hauptrubrik Artikel-Teaser * * */

#articles .teaser {
	background:none;
}
#articles .teaser h2 {
	font-size:1.25em;
	padding:10px 0 5px;
} 
#articles .teaser .date {
	display:block;
	font-size:0.875em;
	color:#0d4066;
	border-bottom:1px dotted #0d4066;
}
#articles .teaser a.teaserImg {
	display:block;
	float:left;
	margin:0 1.5em 0.5em 0;
}


/* * * Footer parts * * */

#footer { 
	font-size:0.6875em; 
	padding-bottom:10px;
}
#footer a { color:#2675b1 }
#footer p.publisher { padding:10px }
#footer table#links { 
	margin-left:10px;
	font-size:0.875em;
	border-top:1px dotted #2675b1;
}
#footer table#links td {
	vertical-align:top;
	line-height:1.75em;
	padding-right:25px;
}


/* * * Search & webcode forms * * */

#search, #webcode {
	width:300px;
	height:30px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/BG_search_300x30.gif') top left no-repeat;
}
#search *, #webcode * { color:#2675b1 }
#search table, #webcode table {
	padding-left:1px;
	padding-top:4px;
	border-spacing:3px 0;
}
#search table td.c1 input {
	width:243px; 
	height:15px;
}
#webcode table td.c1 input { 
	width:120px; 
	height:15px; 
}
#webcode table td.c2 input { 
	width:120px; 
}
#search table td.c2 input,
#webcode table td.c3 input { 
	width:40px 
}

/* * * SROW Button * * */

#srow-button {
	padding:5px;
	border-top:1px solid white;
	border-right:1px solid #61A5D5;
	border-bottom:1px solid #61A5D5;
	border-left:1px solid white;
	
	-moz-border-radius:5px; /* FF1+ */
	-webkit-border-radius:5px; /* Saf3+, Chrome */
	border-radius:5px; /* Opera 10.5, IE 9 */
	
	background-image: -moz-linear-gradient(top, #E5EEF5, #81C5F5); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E5EEF5),color-stop(1, #81C5F5)); /* Saf4+, Chrome */
	          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#E5EEF5', EndColorStr='#81C5F5'); /* IE6,IE7 */
	      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E5EEF5', EndColorStr='#81C5F5')"; /* IE8 */
}
#srow-button:hover {
	border-top:1px solid #61A5D5;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-left:1px solid #61A5D5;
}

/* * * Accordion * * */

.accordionHeader {
	/** Total height: 26px = height px + padding-top px */
	display:block;
	height:21px;
	padding-top:5px;
	padding-left:15px;
	background:url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/accordion/accordion_center.gif') top center no-repeat;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:white;
}
.accordionElement {
	width:300px;
	overflow:hidden;
	clear:both;
}
.accordionHeader:hover {
	cursor:pointer;
}
.accordionContent {
	background-color:#e5eef5; /* darkblue: #0d4066; */
	color:black;
	/* border:1px solid #0d4066; */
}
.accordionContent.anzeigen {
	background:#e5eef5 url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/accordion/BG_anzeigen.jpg') no-repeat center center;
}
.accordionContent.events {
	background:#e5eef5 url('http://www.surf-magazin.de/wp-content/themes/index_theme/gfx/accordion/BG_events.jpg') no-repeat center center;
}
.accordionContent .content {
	padding:10px;
	float:left;
}
.accordionContent .content h4 { color:#2675b1 }
.accordionContent .content a {
	color:#2675b1;
	text-decoration:underline;
}
.accordionContent .content a:hover {
	text-decoration:none;
}
.accordionContent .content ul li {
	line-height:2em;
} 

/* Dummy */
div.accordionDummy {
	height:130px;
	background-color:#0d4066;
	border:1px solid black;
	color:white;
	font-size:1.25em;
	padding:10px;
	text-align:center;
}


/* * * Windtabelle, Unis am Wasser, Auslandsunis, Events * * */

#windtable, #unis, #auslandsunis, #events {
	width:100%;
	border-collapse:separate;
	border-spacing:1px 1px;
	border:1px solid #2675b1;
	background-color:#dde6ed;
}
#windtable caption, #unis caption, #auslandsunis caption, #events caption {
	color:#2675b1;
	font-size:1.25em;
	padding:0.5em;
}
#windtable td, #unis td, #auslandsunis td, #events tr.odd td{
	padding:5px;
	background-color:#e5eef5;
}
#events tr.even td {
	padding:5px;
	background-color:#d5dee5;
}
#windtable thead th, #unis thead th, #auslandsunis thead th, #events thead th {
	padding:1px 5px;
	background-color:#2675b1;
	color:white;
	font-weight:normal;
}
#events thead th.date {
	width:150px;
}
#windtable td.nowrap {
	white-space:nowrap;
}
#windtable tfoot td, #unis tfoot td , #auslandsunis tfoot td, #events tfoot td {
	font-style:italic;
	text-align:center;
}
#auslandsunis tr.partner td {
	background-color:#2675b1;
}


/* * * Paginator * * */

#paginator {
	float:left;
	width:100%;
	padding:0.25em 0;
	border-bottom:2px solid #0d4066;
	background-color:white;
	color:#2675b1;
	font-size:0.75em;
}
#paginator a {
	background-color:white;
	color:#0d4066;
}
#paginator span.left, #paginator span.right { 
	display:block;
	width:49% 
}
#paginator span.left { text-align:left }
#paginator span.right { text-align:right }


/* * * Search results * * */

#searchResults ul li {
	margin-left:50px;
	list-style-type:square;
}

#searchAgain form,
#searchSpot form,
#searchEquipment form {
	text-align:center;
}
#searchAgain fieldset,
#searchSpot fieldset,
#searchEquipment fieldset {
	padding:1em;
	border:1px solid #2675b1;
	background-color:#e5eef5;
}
#searchAgain input,
#searchSpot input,
#searchEquipment input {
	font-size:1.2em;
	padding:2px 5px;
}
.result {
	float:left;
	width:100%;
}
.resultThumb {
	float:left;
	margin:0 20px 0 0;
}
.resultThumb a {
	display:block;
}
.resultHit {
	float:left;
	width:530px;
}
.resultHit h4 {
	margin-top:0;
}
.resultHit .info {
	float:left;
	width:100%;
}
.resultHit .info .category {
	float:left;
}
.resultHit .info .date {
	float:right;
	font-size:0.9em;
}
.resultHit p {
	clear:both;
	display:block;
	border-top:1px solid #ddd;
}


/* * * 'Static' section start page * * */

div.sectionTeaser {
	float:left;
}
div.sectionTeaser a.block {
	float:left;
	display:block;
	width:260px;
	margin:0 1em 0 0;
}
div.sectionTeaser div {
	float:left;
	width:420px;
}


/* * * 'Static' pages * * */

#content.static h2, 
#content.static h3,
#content.static h4 {
	margin-bottom:0.75em;
}
#content.static p {
	text-align:justify;
}
#content.static .section {
	float:left;
}
#content.static .intro p,
#content.static .text p {
	margin-top:1.5em;
}
#content.static .intro p.first,
#content.static .text p.first {
	margin-top:0;
}
#content.static .section a.block {
	float:left;
	display:block;
	width:260px;
	margin:0 1em 0 0;
}
#content.static .section div {
	float:left;
	width:420px;
}
#content.static .section div ol {
	padding-left:2em;
}
#content.static ol.text-list {
	padding-left:4em;
	max-width:600px;
	margin-top:2em;
}
#content.static ol.text-list li {
 	margin-top:1.5em;
	font-weight:bold;
	text-align:justify;
}
#content.static ol.text-list li span {
	font-weight:normal
}
#content.static ol.text-list li:first-child {
	margin-top:0;
}
#content.static .courtesy {
	font-style:italic;
}
