/*
by Herreman David
RedBridge Free Template
http://www.free-css-templates.com
*/


body {
	margin:5px 0;
	padding:0;
	font: 94% Arial, Sans-Serif;
	color:#FFF;
	background-color:#eee;
	line-height: 1.3em;
	background : #3C3C3C url(../images/bg.jpg) repeat-x;
}

.topmenu {
	background: #1E1F21;
	height: 26px;
	list-style: none;
	font-size: 90%;
	margin: 0 auto; padding: 0;
	border-bottom: 1px solid #333;
	color: #888;
}
.topmenu .right_ {
		float: right;
		background: #1E1F21;
		text-align: right;
		margin: 0;
		padding: 5px 0 0 0;
		color: #888;
		border: 0px;
		list-style: none;
	}

	.topmenu a { color: #888; list-style: none; }
	.topmenu a:hover { color: #aaa; list-style: none; }

	.topmenu .date_ { float: left; background: #1E1F21; color: #888; padding: 5px 0 0 5px; }

#toppic {
  float : left;
}

#submenu {
	color: #aaa;
	padding: 10px 5px 5px 5px;
	height: 67px;
	background: #1E1F21;
	list-style: none;

}
	#submenu a { color: #AEB9CC; }
	#submenu a:hover { color: #EAE8E1; }
	#submenu .searchb {
		float: right;
		width: 363px;
		text-align: right;
		padding-right: 5px;
		border-left: 1px solid #333;
		list-style: none;
	}


.bridge {
	background: #4C180F url(../images/bridge.jpg) no-repeat bottom;

	height: 268px;
	margin: 0; padding: 0;

}

	.bridge .title {
		color: #783B2E;
		float: right;
		padding: 20px 20px 0 0px;
		font: bold 1.6em Arial, sans-serif;
	}

	.bridge .slogan {
		float: right;
		clear: both;
		padding: 1px 20px 0 0px;
		color: #595C5B;
		font: bold 0.8em Arial, sans-serif;
}

input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #1E1F21; padding: 3px; color: #888; }

.nav {
	clear: both;
	float: left;
	text-align: center;
/*	color: 	#BC6247;*/
    color : black;
	padding: 5px 0 0 0;
	list-style: none;
}

.nav ul {
	margin: 0 0 10px 0;
	padding : 0;
	/*list-style : none;*/
}

.nav ul li {
	list-style: none;
}

.nav li {
	float: left;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 10px 0 10px;
/*	background: #4C180F url(../images/menu-ozadje.gif) no-repeat bottom;*/
    border: thin solid white;
    background: #99abc3;
}

.nav li a { color: black; }
/*.nav li a:hover { background: url(../images/select.gif) no-repeat center top;
	background-position: 50% 30px;color: #C62C00; }*/
.nav li a:hover { background: url(../images/select.gif) no-repeat center top;
	background-position: 50% 30px;color: #C62C00; }



.boxad {
	background: #515556;
	color: #BBB;
	border: 1px dashed #BC6247;
	padding: 5px;
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #888;
	background: inherit;
}

hr {
   border: 0;
   height: 1px;
   color: #eee;
   background-color: #eee;
}

a {
	color: #888;
	background: inherit;
	text-decoration:none;
}

a:hover {
	background: inherit;
	text-decoration: underline;

}

h1 {
	padding:0;
	margin:0;
/*	color: #BC6247; */
	color: #99abc3;
	border-bottom: 3px solid #99abc3;
	background: inherit;
	font: bold 1.6em Arial, Sans-Serif;
	letter-spacing: -1px;
}

h1 a {
	color: #BC6247;
	background: inherit;
}

h2 {
	background-color: inherit;
	color:#BC6247;
	font-size:140%;
	font-weight:bold;
	margin: 10px 0 10px 0;
	padding:0;
}

h2 a {
	background-color:#3C3C3C;
}


/*
li {
	float: left;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 0 0 5px;
}

li a { color: #FF6538; }
li a:hover { background: url(../images/select.gif) no-repeat center top;
	background-position: 50% 30px;color: #C62C00; }
*/

img {
	border: 0;
}

.content {
	color: #FFF;
	margin: 0 auto;
	padding: 0;
	width: 766px;
	background: #3C3C3C;
}

hr { background: #3C3C3C; border: 1px solid #555; margin: 10px 0 10px 0;}

.right {
	clear: both;
	font-size: 95%;
	float:right;
	width: 200px;
	padding: 15px 1em 1em 10px;
	border-left: 1px solid #555;
}

* html .right {
	margin-top: 20px;
}

.right a { color: #AEB9CC;}

.left_article {
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.center {
	float:left;
	width: 500px;
	font-size: 95%;
	margin: 15px 0 5px 5px;
	padding: 0;
	background: #3C3C3C;
	color: #FFF;
}

.center a { color: #AEB9CC;}


.footer {
	clear:both;
	width: auto;
	color:#888;
	font-size:90%;
	background: #3C3C3C;
	border-top: 1px solid #555;
	text-align:center;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 10px 10px 10px 10px;
}

.footer padding{
	text-align: center;
}


fieldset {
	border: 1px solid #eee;
}

textarea.text {
	height: 150px;
	width: 90%;
	border: 1px solid #ccc;
	background: #fff;
	color: #000;
}

textarea.text:hover {
	border: 1px solid #eee;
	background: #FFFFF4;
	color: #000;
}

input.field {
	border: 1px solid #ccc;
	background-color: #3C3C3C;
	width: 100px;
	color: #000;
}

input.field:hover {
	border: 1px solid #eee;
	background: #ccc;
	color: #000;
}

input.text {
	margin: 0;
	width: 110px;
	border: 1px solid #ccc;
	background: #3C3C3C;
	color: #A4B4C8;
}

input.text:hover {
	border: 1px solid #eee;
}

input.searchbutton {
	margin: 0;
	font-size: 100%;
	font-family: Arial, Sans-serif;
	border: none;
	background: #FFFFFF;
	color: #808080;
	padding: 1px;
	font-weight: bold;
}

.date {
	color: #ccc;
	background: #3C3C3C;
	text-align: right;
	margin: 4px 0 5px 0;
	padding: 0.4em 0 0 0;
	border-top: 1px solid #555;
}

.date a { color: #ccc; }


.time {
	color: #192D50;
	float: left;
	text-align: left;
	padding: 5px 0 0 15px;
}

input.button {
	background: #FFFFF4;
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.comments {
	padding: 10px 10px 8px 10px;
	margin: 0 0 7px 0;
	background: #3f3f3f;
	color: #000;
}

.commentsbox {
	padding: 8px 0 10px 10px;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}

/* TYPO3 */

.tx-indexedsearch-descr  {
	background: #515556;
	color: #BBB;
	border: 1px dashed #BC6247;
	padding: 5px;
}

.tx-indexedsearch-info {
	background: #515556;
	border-right: 1px dashed #BC6247;
	border-bottom: 1px dashed #BC6247;
	border-left: 1px dashed #BC6247;
	padding: 5px;
}

.tx-indexedsearch-path {
	border: none;
}

.browsebox {
	padding-bottom: 10px;
}

/*------mailformular formatieren------*/

#mailform {
	padding: 20px;
}

form input,
form textarea {
color: #FFFFFF;
}

#mailform .csc-mailform {
border: 0px;
}

.csc-mailform-field {;
margin: 2px 0 0 2px;;
padding: 5px;
}

.csc-mailform-field label {
float: left;
padding: 1px;
width: 170px;
font-size: 10px;
color: #8A8A8A;
}


.mf-input {
clear: none;
/*width: 220px;*/
padding: 1px;
border: 1px solid #888;
background-color:#000;
color: #FFFFFF;
}

.mf-pass {
width: 220px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
color: #FFFFFF;
}

.mf-text {
clear: none;
/*width: 220px;*/
padding: 1px;
border: 1px solid #888;
background-color:#000;
color: #FFFFFF;
}

.mf-check {
padding: 1px;
border: 1px solid #888;
background-color:#000;
color: #FFFFFF;
}

.csc-mailform-radio fieldset {
border: 0px;
background-color:#000;
color: #FFFFFF;
}

.csc-mailform-radio legend {
display: none;
border: 0px;
color: #FFFFFF;
}

.mf-radio {
margin-left: 0px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
color: #FFFFFF;
}

.mf-select {
width: 220px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
color: #FFFFFF;
}

.mf-file {
width: 220px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.mf-reset {
border: 1px solid #888;
background-color:#000;
}

.mf-submit {
margin-left: 82px;
border: 1px solid #888;
background-color:#000;
}


.tx-newloginbox-pi1 label {
	float: left;
}

.tx-newloginbox-pi1 input,
input,
textarea {
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.csc-textpic-image,
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	padding-top: 8px;
}

.csc-textpic-caption {
  font-size:10px; line-height: 1.1em;
}


/*------tabelle formatieren------*/
/* RTE / Table styling */
TABLE { padding-left:15px; }
TABLE.contenttable { border:none; margin:10px 0px 10px 0px; width:90%; }
TABLE.contenttable TR TD { padding:2px 5px 2px 5px; margin:0px; border:0px; }
TABLE.contenttable TR TD P.bodytext { font-size:10px; }
TABLE.contenttable TR { margin:none; background-color:#1E1F21; } /*Orange***fe4e00**/
TABLE .bodytext { margin: 0px; }


/* RTE / Bulletlists */
UL { margin-top:0px;  }
UL UL LI { font-size:11px; }
OL { margin-top:0px; }
/*LI { font-size:10px; line-height: 1.3em; margin:0 0 0 5px; padding-top:0px; }  */
LI { line-height: 1.3em; margin:0 0 0 5px; padding-top:0px; }
LI {list-style-image:url(../images/li.gif); }

/* Bulletlists, general */
UL.csc-bulletlist { color:#fff; list-style-image:url(../images/li.gif); }


.csc-sitemap ul li { color:#fff; list-style-image:url(../images/li.gif); }
.csc-sitemap ul ul li { color:#fff; list-style-image:url(../images/li.gif); }
.csc-sitemap ul ul { padding-top:5px; padding-bottom:5px; }
.csc-sitemap ul ul ul li { color:#fff; list-style-image:url(../images/li.gif); }