/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Citrus Island
   TEMPLATE CODE: 	S-0004
   VERSION:          1.0          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin:0px; 	padding: 0px; }

/* Scrollbalken im FF immer anzeigen */ 
html {height: 100%; margin-bottom: 0.1px;} 

HTML, BODY, TD, INPUT, SELECT { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}

body {
	margin:0px; padding: 0px;
	font: 100.1%  Verdana, Tahoma, Arial,sans-serif;
	background : #202020 url(../images/pback.gif) repeat-x;
	color: #EFEFEF;	
	text-align: center; 
}
/*Suchen styles hier definiert*/
input.button { 
	margin: 15px; 
	font: bolder 12px Verdana, Sans-serif; 
	padding: 2px 3px; 

}
/* search form */
form.search {
	position: absolute;
	float: right;
	top: 15px; right: 5px;
	margin:0px; 	padding: 0px;
	border: none;
}
form.search input {
	margin: 0px;
	padding: 2px;
	vertical-align : middle;
	background: ;	
	
}
input.search { 
	background: ;
	width: 130px;
	padding: 2px 5px;
	vertical-align: middle;
	font-size: 10px;
	color: #00CE00;
}


/**************************************
   LAYOUT   -  Border zu Testzwecken
***************************************/	
#wrap {
	margin: 0px auto; 
	padding: 0px; 
	width: 980px; /* fixe breite */
	/* width: 98%; */ /* dynamische breite */
	text-align: left;
	background: transparent;
	/* Overflow:hidden für den Opera 8.50 */
	overflow: hidden;
}

/* header */
#header { 
	position: relative;
	height: 95px; 
	background: transparent; 
	margin:0px; padding:0px;
	color: #808080; 		
}
#header h1#logo {
	position: absolute;	
	font: bold 3.9em "trebuchet MS", Arial, Tahoma, Sans-Serif;
	margin:0px; 	padding: 0px;
	color: #00CE00;
	letter-spacing: -2px;	
	border: none;	
	/* Homepagenamen. Kann frei Positioniert werden*/
	top: 0px; left: 225px;		
}
#header h1#logo span { color: #FF9966; }

#header h2#slogan { 
	position: absolute;
	margin-left: 225px; padding: 6px;	
	font: bold 12px Arial, Tahoma, Sans-Serif;	
	text-transform: none;
	/* Extra Slogan unter dem Homepagenamen. Kann frei Positioniert werden*/
	top: 43px; left: 45px;
}

#header h2#slogan a{ 
	color: #00CE00;
	text-decoration: none; 
	font-weight: bold;
		font-style : italic;
}

#logo {
	width: 700px;
	height: 40px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
	font-size: 280%;
	font-variant : small-caps;
	color: #00CE00;
}
/* menu */
#menuBar {
	clear: both;
   width: 760px !IMPORTANT;
	margin: 0;
	padding: 0;
	position: relative;
	top: 4px;
	left: 217px;
	z-index: 20;
	height: 27px;
	/* Overflow:hidden für den Opera 8.50 */
	overflow: hidden;
	text-align: left !IMPORTANT;	
}

a.menuButton, a.menuButtonActive  {
	display: block;
	float: left;
	height: 17px;
	color: #DFDFDF;
	text-decoration: none;
	padding: 5px 6px 5px 6px;
	border-right: 1px solid #000000;
}

.menu {
	background: #0B0C0B url(../images/pmenu.gif) repeat-x top left;
	border: 1px solid #000000;
	padding: 0px;
	position: absolute;
	text-align: left;
	visibility: hidden;
	left:0px;
	top:0px;
	z-index: 10;
}

a.menuItem, a.menuItemActive {
	color: #DFDFDF;
	background-color: transparent;
	display: block;
	padding: 6px 16px 6px 16px;
	text-decoration: none;
	white-space: nowrap;
}

a.menuButtonActive, a.menuButton:hover {
  background-color: #000000;
  color: #00CE00;
}

a.menuItem:hover, a.menuItemActive {
  background-color: #000000;
  color: #00CE00;
}

/* leftbar */
#leftbar  {
    position: relative;
	float: left;
	width: 22%; 
	margin-top: -110px;	
	padding: 0px; 
	display: inline;
	/* Overflow:hidden für den Opera 8.50 */
	overflow: hidden;
	clear: both;
}

/* wird für den Opera 8.50 gebraucht. */
#leftbar  ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0px 0px 7px 0px; 
	padding: 0px;
	text-decoration: none;	
}
#leftbar  ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;	
	padding: 2px 5px 2px 20px;
}
/* wird für den FF 1.5 gebraucht. */
* html body #leftbar  ul.sidemenu li { height: 1%; }

#leftbar  ul.sidemenu li a {
	font-weight: bolder;
	background-image: none;
	text-decoration: none;	
}

#eyecatcher {
    float: left;
	margin-top: 0px;
	margin-left: 5px;
	width: 200px;
	height: 500px;
	padding: 1px;
	border : 1px solid #00CE00;
	background-color: #888888;
	position: relative;
	z-index: 5;
	/* Overflow:hidden für den Opera 8.50 */
	overflow: hidden;
}

#common {
    margin-left: 3px;
	margin-top: 15px;
    float: left;
	left: 9px;
	width: 200px;
	padding-bottom: 20px;
	rem border-bottom: 1px solid #555555;
	position: relative;
	z-index: 6;
	/* Overflow:hidden für den Opera 8.50 */
	overflow: hidden;
	clear: both;
}

#common a {
	color: #00CE00;
	display: block;
	text-decoration: none;
	padding: 4px 0px 4px 15px;
	background : url(../images/pbull.gif) no-repeat 0px 3px;
	font-weight: bold;
	font-style: italic;
}

#common a:hover {
	color: #ffffff;
}

/* Sidebarelemente und Sidebar selber */
#sidebar {
	float: right;
	width: 21%;
	padding: 8px 0px 0px 0px;
	margin: 3px 0px 0px 0px; 			
}

#sidebar h1 {
	font-size: 145%;	
	padding: 10px 10px 5px 0px;
	color: #00CE00;
	background-color: inherit;
	border-bottom: 1px solid #EFF0F1;	
	font-family: 'Trebuchet MS', Tahoma, Verdana, Sans-serif;
	font-weight: Bold; 		
}

#sidebar h2 {
	font-size: 125%;	
	padding: 10px 10px 2px 0px;
	color: #00CE00;
	background-color: inherit;
	border-bottom: 1px solid #EFF0F1;	
}

#sidebar h2:first-letter {
	color: 	#00CE00;
	background-color: inherit;
	font-size: 165%;
	font-weight: normal;
	font-style : italic;
	padding-right: 3px;
}

#sidebar img {
    width: 150px;
	display: block;	
	background-color: #00CE00 !important;
    border: 0px solid #EFEFEF;
	padding: 5px 5px 5px 5px;
	margin: 12px auto 0px auto;
}

#sidebar p {
    font-size: 10px;
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	line-height: 160%;
}

#sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #00CE00;
	font-style : italic;
	width: 160px !IMPORTANT;
}

#sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 10px;
}

#sidebar li {
	padding: 2px 0px 2px 16px;
	background: url(../images/pbull.gif) no-repeat top left;
}

/* wird für den Opera 8.50 gebraucht. */
* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	font-weight: bold;
	background-image: none;
	text-decoration: none;	
	color: #00CE00;
	font-style : italic;
}

/* main column */
#content {
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 8px 0px 0px 0px;
	z-index: 0;
	width: 54%;	
}
#content h1:first-letter {
	color: 	#00CE00;
	background-color: inherit;
	font-size: 165%;
	font-weight: normal;
	font-style : italic;
	padding-right: 3px;
}
#content h1 {
	font-size: 125%;	
	padding: 10px 10px 2px 0px;
	color: #00CE00;
	background-color: inherit;
	border-bottom: 1px solid #EFF0F1;
}

#content h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #00CE00;
	letter-spacing : 1px;
}

#content h2 {
	padding: 10px 0px 8px 0px;
	text-transform : uppercase;
}

#content h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	text-transform : uppercase;
}

#content p {
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	line-height: 180%;
}

#content a {
	text-decoration: none;
	font-weight : bold;
	color: #00CE00;
	font-style : italic;
}

#content a.link {
	border-bottom: 1px solid #555555;
}

#content a:hover, #sidebar a:hover {
	color: #ffffff;
}

#content .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 10px 10px;
	width: 160px;
}

#content .clearer {
	clear: both;
	/* Overflow:hidden für den Opera 8.50 */
	overflow: hidden;	
}

.pictureframe  {
	padding: 1px;
	border : 1px solid #000000;
	background-color: #888888;
}

#more {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
}

#more a {
	padding: 2px 0px 2px 16px;
	background : url(../images/pbull.gif) no-repeat;
}

#print {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
}

#print a {
	padding: 2px 0px 2px 16px;
	background : url(../images/pbull.gif) no-repeat;
}

/* Liste */

#content ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 15px;
}

#content li {
	padding: 2px 0px 2px 16px;
	background: url(../images/pbull.gif) no-repeat top left;
}

/* Tabelle */
#content td.cell{
	font-size: 			12px;
	color: 				#ffffff;
    border-top:         0.1em solid #dcdcdc;
    border-right:       0.2em solid #00CE00;
    border-bottom:      0.2em solid #00CE00;
    border-left:        0.1em solid #dcdcdc;	
	padding: 			4px;	
	margin: 			6px;
	vertical-align:		middle;	

}
#content td.headercell {
	padding:            4px;	
	margin:             0px;
	vertical-align:		middle;
	text-align: 		middle;
	font-weight:        bold;
	line-height: 		130%;
    background:         #00CE00 !important;
	font-size: 			12px;
	color: 				#ffffff;
    border-top:         0.1em solid #dcdcdc;
    border-right:       0.2em solid #00CE00;
    border-bottom:      0.2em solid #00CE00;
    border-left:        0.1em solid #dcdcdc;
}

#content tr.header {
    background:         #00CE00 !important;
	color:              #ffffff;
	font-weight:        bold;
    font-size:          13px;	
	clear: 				both;
    border-top:         0.1em solid #dcdcdc;
    border-right:       0.2em solid #00CE00;
    border-bottom:      0.2em solid #00CE00;
    border-left:        0.1em solid #dcdcdc;
}

p.cell  { 
	font-size: 			12px;
text-align: left !IMPORTANT; 
padding: 0px 0px 0px 5px !IMPORTANT;}

.cell a { 
	color: #00CE00;
text-align: left !IMPORTANT; 
padding: 0px !IMPORTANT;}

.cell img { margin: 3px auto; padding: 2px auto; text-align: center !important; }
tr.header img { margin: 3px auto; padding: 2px auto; text-align: center !important; }
td.headercell img { margin: 3px auto; padding: 2px auto; text-align: center !important; }

p.header  { 
text-align: left !IMPORTANT; 
padding: 0px 0px 0px 5px !IMPORTANT;}

p.headercell  { 
text-align: left !IMPORTANT; 
padding: 0px 0px 0px 5px !IMPORTANT;}

/* Absatztype Formular */
#formular{
	font-size:			1.0em !important; 
	float:				left;
	width:				95%;  
	margin-left: 		0px; 
	margin-right: 		10px; 
	margin-bottom: 		20px; 
}

.textarea {
	background :        ;
	border :            1px solid #888888;
	width:              400px;
	height:             200px;
	vertical-align:     top;
	padding:            1px;
	margin:             0px 0px 10px 0px;
	color:              #ffffff;
	line-height:        180%;
}

.field {
	background :        ;
	border :            1px solid #888888;
	width:              385px;
	height:             12px;
	vertical-align:     left;
	padding:            5px;
	margin:             5px 0px 5px 0px;
	color:              #ff0022;
}

label { 
	float:				left; 
	width:				75px; 
	font-size:			12px !important; 
	padding-left: 		0px; 
	padding-top: 		0.3em; 
	padding-bottom: 	0.3em; 
	padding-right: 		0.3em; 
	clear:				both;
	color:              #ffffff;
	line-height:        180%;
}

#buttons {
    line-height:        160%;
	padding:            2px 0px 10px 75px !important;
}

.submit{ 
	clear:				both; 
	margin-left:		20px; 
	height:				35px; 
	font-size:			0.9em; 
	font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				#fffffff; 
	background:			url(../images/send.gif) center no-repeat;
	width:				92px;
	padding: 			0.4em; 
}

.reset{ 
	clear:				both; 
	margin-left:		15px; 
	height:				35px; 
	font-size:			1.0em; 
	font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				#fffffff; 
	background:			url(../images/send.gif) center no-repeat;
	width:				92px;
	padding: 			0.4em; 
}

.submit:hover, .reset:hover {
	color:				#fff; 
	cursor: 			pointer; 
	background:			transparent url(../images/hoversend.gif) center no-repeat;
}

/* Teaser */

div.teaserelement {
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	rem background-color: #F2F2F2;	
}

div.teaser {
	margin-bottom: 			10px !important;
	padding: 2px 0px 2px 0px;	
}

div.teaserpicture {
	float: right;
	rem background: #F2F2F2;
	padding: 8px 5px 5px 5px;
	margin: 5px -10px 5px 0px;	
	text-align: center;
}

p.teasertext {
	margin: 0px 3px 0px 5px;
	padding: 4px 4px 4px 4px;
}


.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}




/* footer */
#footer { 
	rem border-top: 1px solid #555555;
	background-color: ;
	clear: both;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 3px;
	color: #EFEFEF;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	height: 60px
	/* Overflow:hidden für den Opera 8.50 */
	overflow: hidden;

}
#footer a { 
	color: #00CE00;
	text-decoration: none; 
	font-weight: bold;
	font-style : italic;
}
#footer a:hover {
	color: #FFFFFF; 
	text-decoration: underline;
}

#footer-content {
    display: block;
	/* Overflow:hidden für den Opera 8.50 */
	overflow: hidden;
    z-index:50;
    border-top: 1px solid #555555;
	margin: 5px auto;
	width: 980px;
	rem background-color: #777;	
	line-height: 18px;
	height: 60x
}
#footer-content #footer-left {
	padding: 2px;
	width: 70%;
	float: left;
	text-align: left;
}
#footer-content #footer-right {
	padding: 2px;
	width: 28%;
	float: right;
	text-align: right;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear  { clear: both; }

/* Plugin-Styles */

P.s2d  {
	font-size: 180%;
	color: #00CE00;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}

P.s2dsmall  {
	font-size: 80%;
}

a.s2dsmall, a.s2dinfo  {
	border-bottom: 1px solid #555555 !important;
}