/*
 * Cascading Style Sheets für
 * www.e-optimax.de
 */
 
/*****************************
 *ALLGEMEINE ANGABEN  
 *****************************/
html, body {
	color:#000;
	text-align:center;
	background:#fff url(../images/bg.jpg) top left repeat-x;
	height:100%;
	margin-bottom:1px;
}
body, h1, h2, h3, p, span, input, select, a, textarea, ul {
	font-family:Verdana, sans-serif;
	font-weight:normal;
}
a {
	text-decoration:none;
	color:#ee3333;
}
.linear {
	display:none;
}
.clearer {
	clear:both;
}

/*****************************
 *STRUKTUR DER SEITE  
 *****************************/
#Seite {
	position:relative;
	text-align:left;
	margin:0 auto;
	width:1000px;
}
	#Background {
		float:left;
		width:100%;
		background:#fff url(../images/bg_rahmen.jpg) top left repeat-y;
	}
		#Border {
			width:960px;
			margin:0 20px;
			background:#fff;
		}
			#Header {
				height:106px;
				background:#fff url(../images/bg_header.jpg) top left repeat-x;
			}
				#Logo {
					float:left;
					padding-left:20px;
				}
				#TopNav {
					float:right;
					margin-top:17px;
					width:300px;
				}
			#Mainnav {
				height:30px;
				padding-left:20px;
				background:#fff url(../images/bg_mainnav.gif) bottom left repeat-x;
			}
			#Subnav {
				height:35px;
				background:#fff url(../images/bg_subnav.gif) top left repeat-x;
			}
			#Eyecatcher {
				background:#fff;
				padding-bottom:5px;
				height:247px;
			}
			#Content {
				float:left;
				width:100%;
				padding-bottom:25px;
			}
				#Col {
					float:left;
					width:930px;
					padding:0 0 0 20px;
				}
				#ColLeft {
					float:left;
					width:590px;
					padding:0 15px 0 20px;
					/*border-right:1px dotted #999;*/
				}
				#ColRight {
					float:left;
					padding:25px 10px 0 10px;
				}
			#Footer {
				float:left;
				width:100%;
				height:40px;
				background:#eee;
			}

/*****************************
 *HEADERBEREICH TOPNAV  
 *****************************/
#TopNav img {
	float:left;
}
#TopNav .language_option {
	margin:5px 7px 0 0;
}
#TopNav span {
	float:left;
	line-height:29px;
	font-size:10px;
	color:#666;
	padding:0 2px 0 2px;
}
#TopNav select {
	float:left;
	font-size:10px;
	color:#666;
}
#TopNav .btn_lang {
	float:left;
	font-size:10px;
	color:#666;
	margin-left:5px;
}

/*****************************
 *MAINNAV  
 *****************************/
#Mainnav ul {
	list-style:none;
}
#Mainnav li  {
	float:left;
	width:114px;
	height:30px;
	padding-right:6px;
	background:url(../images/btn_shadow.jpg) top right no-repeat;
}
#Mainnav li a  {
	display:block;
	background:#b6b6b6 url(../images/btn_normal.jpg) top left no-repeat;
	line-height:28px;
	text-align:center;
	color:#fff;
	font-size:12px;
	padding-top:2px;
}
#Mainnav li a:hover  {
	background:#f6e500 url(../images/btn_over.jpg) top left no-repeat;
	color:#000;
}
#Mainnav li.selected a  {
	background:#f6e500 url(../images/btn_selected.jpg) top left no-repeat;
	color:#000;
	line-height:30px;
	padding:0;
}

/*****************************
 *SUBNAV  
 *****************************/
#Subnav ul {
	list-style:none;
	margin-left:12px;
}
#Subnav li  {
	float:left;
	padding:0 13px;
	background:url(../images/submenu_trenner.gif) top right no-repeat;
}
#Subnav li.last  {
	background:none;
}
#Subnav li a  {
	display:block;
	line-height:35px;
	font-size:12px;
	color:#666;
}
#Subnav li a:hover  {
	color:#000;
}
#Subnav li.selected a  {
	color:#000;
	font-weight:normal;
}

/*****************************
 *SONSTIGES  
 *****************************/
#Slogan h1{
	float:right;
	color:#fff;
	line-height:36px;
	font-size:17px;
	font-family:Lucida Sans, Verdana, sans-serif;
	margin-right:20px;
	padding:0;
}

/*****************************
 *CONTENT  
 *****************************/
h1{
	color:#000;
	font-size:18px;
	padding-bottom:10px;
}
h2{
	color:#003366;
	font-size:14px;
	padding-bottom:6px;
	line-height:20px;
}
p {
	color:#111;
	font-size:11px;
	padding-bottom:10px;
	line-height:17px;
}
#Content ul {
	list-style:disc;
	font-size:11px;
	padding:0 0 10px 12px;
	margin-left:10px;
	line-height:17px;
}
td {
	font-size:11px;
	padding:3px;
	border:1px solid #ddd;
}

/*****************************
 *CONTENT RECHTE BOX  
 *****************************/
.box {
	clear:both;
	width:300px;
	padding-bottom:20px;
}
.box_head {
	width:284px;
	height:30px;
	background:#eee url(../images/box_head.jpg) top left no-repeat;
	padding:0 8px;
	font-size:14px;
	line-height:30px;
}
.box_body {
	width:282px;
	border:1px solid #e1e1e1;
	padding:0 8px;
}
.box_body p {
	padding:4px 0;
	border-bottom:1px dotted #ddd;
}
.box_body a {
	color:#003366;
	padding-left:8px;
	background:#fff url(../images/pfeil_box.jpg) top left no-repeat;
}
.box_body a:hover {
	color:#000;
}

/*****************************
 *FOOTER  
 *****************************/
.copy {
	float:left;
	padding:0 20px;
}
.copy p {
	color:#666;
	font-size:10px;
	line-height:38px;
	padding:0;
}
.footernav {
	float:right;
}
.footernav ul {
	list-style:none;
	margin-right:10px;
}
.footernav li  {
	float:left;
	padding:0 10px;
	background:url(../images/submenu_trenner.gif) top right no-repeat;
}
.footernav li a {
	font-size:10px;
	line-height:40px;
	color:#666;
}
.footernav li a:hover {
	color:#000;
}
.footernav li.last  {
	background:none;
}


/*****************************
 *NEWS, TEMPLATE NEWSMELDUNGEN  
 *****************************/
.artikel {
	margin-bottom:15px;
}
#ditto_pages {
	clear:both;
	margin-top:30px;
	text-align:right;
	font-size:11px;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    color: #565656;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #999;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #eee;
    color: #000;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a {
    border: 1px solid #999;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color:#ee3333;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
.buttons {
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.buttons img {
	float:left;
}
hr {
	clear:both;
	margin-top:10px;
	border:1px dotted #ccc;
}
.back {
	margin-top:10px;
}
.back a {
	border-top:1px dotted #ddd;
	padding:5px 0;
}

/*****************************
 *CSS STILE  
 *****************************/
strong {
	font-weight:bold;
}
.tinymce_spalte_300px {
	float:left;
	width:282px;
	padding:3px;
	margin-right:17px;
	margin-bottom:20px;
	border:1px solid #ddd;
	background:#fff;
	height:150px;
	min-height:150px;
}
.tinymce_spalte_300px img {
	float:right;
	padding-left:5px;
}
 .tinymce_spalte_285px {
	float:left;
	width:285px;
	margin-bottom:20px;
}
.tinymce_spalte_100pr {
	float:left;
	width:100%;
	margin-bottom:20px;
}
.tinymce_red {
	color:red;
}