/**************************************************************************
 * @desc	onebigpark.at Common Stylesheet
 * @file	common.css
 * @author	Alexander Dick
 */

html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li,
dd, dl, dt {
   margin: 0;
   padding: 0;
}

body {
	behavior: url(/includes/js/csshover3.htc);
}


hr {
	border: 0;
	visibility: hidden !important;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.9em; */
	line-height: normal;
}

table tr.borderBottom td {
	border-bottom: dotted 1px #cacaca;
	padding: 3px 0 3px 0;
}

ul {
	margin-left: 20px;
}

img {
	border: 0;
}

h1 {
	font-size: 1.2em;
	font-size: 14px; /*testweise*/
}

h2 {
	font-size: 1.1em;
	font-size: 12px; /*testweise*/
}

h3 {
	font-size: 1em;
	font-size: 10px; /*testweise*/
}

.clear {
	clear: both;
}

a {
	color: #f90;
}

ul.horizontal,
ul.horizontal li {
	list-style-type: none;
	display: inline;
}

a:hover {
	color: #fff;
}

div#left-col a {
	color: #fff;
	text-decoration: none;
}

div#left-col a:hover {
	text-decoration: underline;
}

input.default,
select.default {
	border: solid 1px #fff;
	/*font-size: 1.1em !important;*/
	font-size: 11px; /*testweise*/
}

div#right-col input.default,
div#right-col select.default {
	border: solid 1px #ebebeb;
}

div#content input.button {
	border: solid 1px #f90;
	background-color: #fff;
	color: #f90;
}

div#content input.button,
div#content input.default {
	/*font-size: 1em !important;*/
	font-size: 10px; /*testweise*/
}

div#left-col input.button {
	/*font-size: 1em !important;*/
	font-size: 10px; /*testweise*/
}

select.default {
	height: auto;
}

input.default {
	padding: 4px 0 0 4px;
}

input.bgimg {
	background: url("/images/layout/boxes/common/input_bg.gif") no-repeat top left;
	height: 16px;
	border: 0;
}

textarea.default {
	border: solid 1px #dfdfdf;
	background-color: #f4f4f4;
	font-size: 1em;
	font-size: 10px; /*testweise*/
}


div.box ul.list {
	margin: 5px 0 0 20px;
}

/* w80 = width 80% */
.w80 {
	width: 80%;
}

.w85 {
	width: 85%;
}

.w90 {
	width: 90%;
}

.w100 {
	width: 100%;
}

.underline {
	text-decoration: underline;
}

.uppercase {
	text-transform: uppercase;
}

.normal {
	font-size: 12px;
}

.bold {
	font-weight: bold;
}

.plus,
.plus_o {
	background: url("/images/icons/plus_w.gif") no-repeat center left;
	padding: 0 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.plus_o {
	background-image: url("/images/icons/plus_o.gif");
}


/***************************************************************************************
 * Diverse Styles für jQuery Plugins
 */

/* This skins resizables */
.ui-resizable { position: relative; }

/* Global handle styles */
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle { display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

/*.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/resizable-n.gif) repeat scroll center top; } */
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(/images/layout/resizable/resizable-s.gif) repeat scroll center top; }

/*.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-e.gif) repeat scroll right center; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-w.gif) repeat scroll right center; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/resizable-se.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/resizable-sw.gif); }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(i/resizable-nw.gif); }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(i/resizable-ne.gif); }*/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	width: 450px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 110px;
    height: 130px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
ul#picsCarousel li,
ul#videosCarousel li {
	float: left;
}

span.redakteur {
	color:#FF9900;
}