/* STADTWERKE JENA GRUPPE MASTER-CORE CSS Document 2010
------------------------------------------------------------------------------*/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { margin: 0; padding: 0;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { padding: 0; margin: 0px;}
img, a img,:link img,:visited img, fieldset { border:none; }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal; }

table {	border:none; padding:0px; margin:0px; border-spacing:0px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding: 0px 0px 2px 0px; margin:0px 0 1px 0; vertical-align:top; border-spacing:0px; }


/*	reset some basic style
------------------------------------------------------------------------------*/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin: 0px 0px 15px 0px;}

ul			{list-style: none; margin: 10px 0 0px 0px;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

#inhalt ul		{list-style-image: url(../images/ul.gif); padding-bottom: 0px; margin: 0 0 15px 0px;}
#inhalt ul li		{margin: 0 0 0 0;}
#inhalt ul li ul	{margin: 0 0 0 0; list-style: disc;}
#inhalt ul li ol	{margin: 0 0 0 0;}

#maincontent ul		{list-style-image: url(../images/dot.gif); padding-bottom: 0px; margin: 0 0 0px 15px;}
#maincontent ul li		{margin: 0 0 0 0;}
#maincontent ul li ul	{margin: 0 0 0 0; list-style-type: none;}
#maincontent ul li ol	{margin: 0 0 0 0;}

.banner ul		{list-style-image: url(../images/ul.png); padding-bottom: 0px; margin: 0 0 0 0px;}
.banner ul li		{margin: 0 0 0 0;}
.banner ul li ul	{margin: 0 0 0 0;}
.banner ul li ol	{margin: 0 0 0 0;}

#text ul		{list-style-image: url(../images/ul.png); padding-bottom: 0px; margin: 0 0 0 0px;}
#text ul li		{margin: 0 0 0 0;}
#text ul li ul	{margin: 0 0 0 0; list-style-type: none;}
#text ul li ol	{margin: 0 0 0 0;}

.content ul		{list-style-image: url(../images/ul.gif); padding-bottom: 0px; margin: 0 0 0 0px;}
.content ul li		{margin: 0 0 0 0;}
.content ul li ul	{margin: 0 0 0 0; list-style: none;}
.content ul li ol	{margin: 0 0 0 0;}

.content_2 ul		{list-style-image: url(../images/ul.gif); padding-bottom: 0px; margin: 0 0 0 0px;}
.content_2 ul li		{margin: 0 0 0 0;}
.content_2 ul li ul	{margin: 0 0 0 0; list-style: none;}
.content_2 ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/*	html
------------------------------------------------------------------------------*/
html {
	height: auto;
	margin-bottom: 1px;
}

/*	body
------------------------------------------------------------------------------*/
body {
	text-align:center;
	font-family: "Tahoma", Verdana, sans-serif;
	font-size: 12px;
	background: white;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning { color:#BB3B41; font-weight: normal;}



/*	website
------------------------------------------------------------------------------*/

#page {
	position:relative;
	margin: 0 auto 0 auto;
	padding: 0px 0 0px 0;
	height: auto;
	width: 100%;
	color: black;
	line-height: 18px;
	text-align:left;
	background: #c4e9ff url(../images/main_background.gif) left bottom repeat-x;
	}

/*	header
------------------------------------------------------------------------------*/


/*	logo
---------------------------*/
#logo {
	width: 980px;
	height: 106px;
	margin: 0px auto 20px auto;
        padding-left: 32px;
        text-align: left;
	/*background: url(../images/swj_gruppe_logo.gif) 32px top no-repeat;*/
}
/*
#logo a {
	display:block;
	width:185px;
	height:106px;
	text-indent:-2000em;
	border: none;
	margin-left: 32px;
	float: left;
}
*/

#head {
	position:relative;
    width:100%;
	height: 174px;
	float: left;
	margin: 0px auto 0px auto;
	padding: 25px 0px 0 0;
	text-align: center;
	background: white url(../images/swj_header.gif) left bottom repeat-x;
	}


/*	Hyperlinks
------------------------------------------------------------------------------*/

#main a,
#main a:link {
	font-weight:normal;
	color: #002c77;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	}

 
#main a:hover {
	color:#666666;
	text-decoration: none;
	
	
}


/*	navigation
------------------------------------------------------------------------------*/

#breadcrumb {
	width: 726px;
	height: auto;
    font-size: 9px;
   	color: #7f7f7f;
   	float: right;
	clear: both;
	padding: 7px 0 8px 5px;
	margin: 0px 0px 0px 0px;
	background: url(../images/breadcrumb_background.gif) left bottom repeat-x;
	}
	
#breadcrumb a:link,
#breadcrumb a { color:#7f7f7f; height: 32px; background: url(../images/breadcrumb_link.gif) right top no-repeat; padding: 6px 15px 10px 5px; margin-right: 2px;}
#breadcrumb a:hover { color: #0c78ae;}

#hauptnavigation { display: block; width: 982px; height: 38px; padding: 0px 0 0 0; margin: 0 auto 0 auto; background: url(../images/main_navigation_background.gif) left bottom no-repeat;}


/*----------------------------------------------------------------------------------*/

/* DROPDOWNNAVIGATION TEST */

#nav, #nav ul {
	font-weight: normal;
	font-size: 16px;
	width: 735px;
	height: auto;
	float: left;
	padding: 1px 0 0 250px;
	margin: 0 0 0 0;
}
 
#nav a {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 32px 0px 27px;
	color: white;
    width: auto;
	height: 63px;
	line-height: 38px;
	font-weight: normal;
	text-align: center;
	float: left;
}

#nav a:hover {
	color: #003572;
	width: auto;
	background-image: none;
}
 
#nav li {
	float: left;
	padding: 0;
	width: auto;
	background: url(../images/main_button_right.gif) right top no-repeat;
	
}

#nav li a.current {
    color: white !important;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px;;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0px 0 0 0;
	padding: 0px 10px 0px 10px;
	background: #e1f4ff;
}

#nav li li {
    background-image: none;
	width: 160px;
}
 
#nav li ul a {
	width: 140px;
    display:block;
	color: #003572;
	height: auto;
	line-height: 24px;
	text-align: left;
	float: left;
	font-size: 13px;
	background-image: none !important;
	padding: 2px 0 4px 0px;
	border-bottom: 1px solid white;
}

#nav li ul a:hover {
	color: #fe6802;
	width: 150px;
}

#nav li .menuparent  {
	background: url(../images/navarrow.gif) no-repeat 96% 50%;
}
 
#nav li ul ul {
	margin: 0px 0 0 12em;
	padding-top: 0px;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color: #003572 !important;
}
 
#nav li:hover, #nav li.sfhover {
	background: url(../images/mainnavi_btn_over.gif) right top no-repeat;
	color: #003572 !important;
}

#nav li li:hover {
    background: none;
}

# nav ul:hover { color: #003572 !important;}
 	



ul.nav1st {
	font-weight: lighter;
	font-size: 15px;
	width: 735px;
	padding: 1px 0 0 249px;
	margin: 0 0 0 0; 

	}

ul.nav1st li {
	display:inline;
	}

ul.nav1st a, 
ul.nav1st a:link {
	display:block;
	
	margin: 0px 0px 0px 0px;
	color: white;
	width: 122px;
	height: 63px;
	line-height:38px;
	text-align: center;
	float: left;
	background: url(../images/main_button_right.gif) right top no-repeat;
	}

ul.nav1st a:hover,  
ul.nav1st a:link:hover,
ul.nav1st a.grau:hover {
	color: #002c77;
	background: url(../images/mainnavi_btn_over.gif) right -2px no-repeat;
	}

ul.nav1st a.current:hover {
	color: #002c77 !important;
	background: url(../images/mainnavi_btn_over.gif) right -2px no-repeat;
	}

ul.nav1st a.current, 
ul.nav1st a.current:link {
	color: #002c77;
	background: url(../images/mainnavi_btn_over.gif) right -2px no-repeat;
}


/*	nav2nd Unternavigation
------------------------------------------------------------------------------*/


#subnavigation { 
	width: 210px; 
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
	background: url(../images/containerborder.gif) left top repeat-x;
}

#subnavigation ul.nav2nd {
	padding: 0px 0 0 0px;
	margin: 0 0 0 0;
	display: block;
	width: 210px;
	font-size: 14px;
	font-weight: bold;
}

#subnavigation ul.nav2nd li { 
	padding: 0px 0 0 0;
	display: block;
	width: 210px;

}
    
#subnavigation ul.nav2nd li a, 
#subnavigation ul.nav2nd li a:link {
    display: block;
    font-weight: normal;
    margin: 0 0 0 0px;
	padding: 8px 0px 8px 0px;
	line-height: 16px;
	color: #002c77;
	width: 210px;
	border-bottom: 1px solid #e1e1e1;
	background: none;
}

#subnavigation ul.nav2nd li a:hover {
	color: #ff6319;
}


#subnavigation ul.nav2nd li a.current, 
#subnavigation ul.nav2nd li a.current:link {
    color: white;
	background: #0074ae;
}


/* TEASER NAVIGATION */

ul.navTeaser {
	padding: 0px 0 6px 0px;
	margin: 0 0 0 0;
	/*display: block;*/
	width: 204px;
}
.navTeaser li { position:relative; height: auto; padding: 15px 0px 0px 0px; border-bottom: 1px solid #e4e4e4;}
.navTeaser li .morebtn { margin-top:-15px; width:204px; background: url(../images/more_btn.png) right bottom no-repeat; position: relative; cursor: pointer; }
.navTeaser img { padding-right: 10px; float: left;}
.navTeaser p { font-size: 10px;}

.newsteaser { padding: 15px 12px 0px 12px; min-height: 290px;}

/*	MAIN CONTENTS
------------------------------------------------------------------------------*/

#focus {}
#image { width: 732px; margin: 0px 0 10px 0px; background: white url(../images/content_verlauf.gif) left bottom no-repeat; border-top: none; border-left: 1px solid #dcdee0; border-right: 1px solid #dcdee0; border-bottom: 1px solid #dcdee0;}

#main { display: block; width: 981px; margin: 0px auto 6px auto; padding: 0px 0 10px 0; }
#leftContent  {width:236px; height: auto; min-height: 300px; float:left; margin: 10px 0px 0 0px; padding: 0px;}
#sidebar_left { width: 204px; height: auto; min-height: 300px; float: left; margin: 0px; padding: 5px 15px 0px 15px; border-top: 1px solid #dcdee0; border-left: 1px solid #dcdee0; border-right: 1px solid #dcdee0; border-bottom: none; background: white url(../images/sidebar_left.gif) left bottom no-repeat;}
#sidebar_left2 { width: 236px; height: auto; min-height: 80px; margin: 0px; padding: 5px 0px 0px 0px; border-bottom: none;}

#contentstart { width: 100%; height: 5px; background: #fcd900; border-bottom: none; } 

#content2080 { width: 731px; float: right; margin: 11px 1px 0 10px;} 
#content206020 { width: 731px; float: right; margin: 10px 1px 0 10px; background: white url(../images/content_verlauf.gif) left bottom repeat-x; border: 1px solid #e4e4e4;}

#content2080 .text { width: 701px; padding: 14px 15px 15px 15px; float: left; background: white url(../images/content_verlauf.gif) left bottom no-repeat; border: 1px solid #e4e4e4;}
#content206020 .text { width: 530px; padding: 14px 15px 15px 15px; float: left; border-right: 1px solid #e4e4e4;}

#sidebar_right { width: 140px; height: 100%; float: right; padding: 15px 15px 10px 15px; color: #b0b1b1;}

#teasercontainer { display: block; width:993px; height: auto; /*float: left;*/ margin-right: -20px;}
.teasercontent { padding: 10px 10px 0px 10px;}
.teaser { position: relative; width: 234px; min-height: 310px; float: left; margin-right: 12px; border: 1px solid #e4e4e4; background: white url(../images/content_verlauf.gif) left bottom no-repeat;}
.teaserend { width: 234px; min-height: 200px; float: right; border: 1px solid #e4e4e4; background: white url(../images/content_verlauf.gif) left bottom no-repeat;}
.morebtn { width: 234px; height: 30px; position:absolute; bottom:0px;}
.morebtn a { text-align:right; padding-right:30px;display: block; height: 23px; padding-top: 7px; background: url(../images/more_btn.png) right bottom no-repeat;}

.item { margin: 10px 0 25px 0;}

.teaserbig { display: block; width: 234px; min-height:310px; float: left; margin: 20px 30px 10px 0; position:relative;}
.goto { width: 224px; text-align: right; float: left; margin: 0 0 0 0; padding: 5px 10px 0 0;}
.teaserbig p { margin-bottom: 5px; display: block;}

.bluestripe { display: block; height: 2px ; width: 100%; /*float: left;*/ background: #e0f4ff; margin: 5px 0 5px 0; clear: both; }

#mainblock20 { width: 30%; float: left; margin-left: 0px; padding: 0px 0 20px 0;}
#mainblock80 { width: 68.5%; float: left; margin: 0px 0 0 0px; padding: 0px 0 20px 0;}
#mainblock100 { width: 100%; float: left; margin-left: 0px; padding: 20px 0 0px 0;}



/* Headline 1 */
h1 { margin:10px 0 0 0; padding: 0px 0px 15px 0px; font-size: 20px; line-height: 24px; color:#002c77; font-weight:bold; text-transform:uppercase;}


/* Headline 2 */
h2 { margin:5px 0 15px 0; padding: 0px 0px 4px 0px;font-size: 18px; line-height: 22px; color:#002c77;font-style:normal;text-decoration:none; font-weight:normal; border-bottom: 1px solid #e1e1e1;
}

/* Headline 3 */
h3 {
	color:#002c77;
	font-size:14px;
	font-weight:bold;
	margin: 0px 0 10px 0px;
	padding: 0px 0 0px 0;
	line-height: 18px;
}

.content_2 h3 {
	color:#003355;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin: 5px 0 5px 0px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}

.terminausgabe h3 {
    color:#00448A;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	margin: 20px 0 10px 0;
	padding: 4px 0 0 0;
	border-bottom: 1px dotted #003355;
}

#termine .headline {
	color:#f4ab11;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 0 0 0 0;
	width: 87%;
	float: left;
} 

/* Headline 4 */
h4 {
	color:#FF9933;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0 3px 0px;
	padding: 0 0 0px 0;
}

/* Headline 5 */
h5 {
	display: block;
    color: black;
    width: 100%;
    font-size: 14px;
	font-weight: bold;
	padding: 0px 0 1px 0;
	margin-bottom: 10px;
}

.important h5 {
	display: block;
    color: #004588;
    width: 100%;
    font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	padding: 0px 0 0 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
}

/* Headline 6 */
h6 {
    display: block;
    color: black;
    font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px 0 0 0;
}

#sidebar h1 {
	color: white;
	font-size: 16px;
	font-weight:bold;
	line-height:18px;
	margin: 0px 0 10px 0px;
	}

#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 { padding-left: 8px;}


/*	Tables
------------------------------------------------------------------------------*/
#main-block table.tab th,
#main-block table.tab td {
	padding:0 10px 0 0;
} 


/*	footer
------------------------------------------------------------------------------*/

#footer {
    display:block;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	width: 100%;
	height: auto;
	color: #a6a6a6;
	margin: 5px auto 0 auto;
	padding: 10px 0 0 0;
	float: left;
	clear: both; 
	border-top: 1px solid #dedddd;
	background: white;
	}

#footerimage { display: block; width: 980px; height: 29px; background: #003572 url(../images/swj_footer_stripe.jpg) left top no-repeat; margin: 0 auto 0 auto;}
/* #footernavigation { display: block; width: 955px; height: 48px; margin: 8px auto 0 auto; padding-right: 25px;} */
#footernavigation { display: block; width: 955px; height: 48px; margin: 8px auto 8px auto; padding-right: 25px; background: url(../images/jena.png) 5px 5px no-repeat;}

#left { width: 75%; height: 48px; float: left; text-align: left; padding: 0 0 0 0px;}
#right { padding: 1px 0 0 0; text-align: right;}

#footer a, #footer a:link { color: #002c77; margin-right: 10px;}
#footer a:hover { color: #686768;}



/* *** FORMULAR STYLES *** */

#form-module fieldset{
	border:1px solid #333;
	margin:0;
	padding:20px;
	padding-bottom:10px;
	border:1px solid #d5eeff;
}


#form-module legend {
	margin-left:-5px;
	padding:3px 5px;
	background-color:#d5eeff;
	color:#216491;
	font-size:14px;
}

#form-module label {
	float:left;
	width:130px;
	line-height:23px;
}

#form-module select {
	border:1px solid #ccc;
	padding:2px;
	width:auto;
}

#form-module ul.form_warning {
	color:#f90;
	margin-bottom:20px;
}

#form-module ul.form_warning li{
	list-style-type: square;
	margin-left:15px;
}

p.formcaptcha input,
p.formtextarea textarea,
p.formtext input,
p.formpassword input,
input.formtext,
textarea {
	border:1px solid #DDD;
	color: #666;
	padding:2px;
	width:60%;
	font-family:"Verdana", Arial, sans-serif;
	font-size:11px;
}

p.formselect select {
	border:1px solid #DDD;
	color: #666;
	padding:2px;
	width:auto;
	font-family:"Verdana", Arial, sans-serif;
	font-size:11px;
}

p.formcaptcha input { width: 20%;}

p.formtextarea textarea { }

p.formcaptcha input,
p.formselect select,
p.formtext input,
p.formpassword input,
input.formtext {
	height:15px;
}

p.formcaptcha input:focus,
p.formtextarea textarea:focus, 
p.formselect select:focus,
p.formtext input:focus,
p.formpassword input:focus,
input.formtext:focus,
textarea:focus {
	border:1px solid #666;
	padding:2px;
}

p.formcaptcha input:hover,
p.formtextarea textarea:hover,
p.formselect select:hover,
p.formtext input:hover,
p.formpassword input:hover,
input.formtext:hover,
textarea:hover {
	border:1px solid #FF9933;
	padding:2px;
}

/* ***************************** TEXTAREA */
textarea {
	height:100px;
}

/* ***************************** TEXT */
p.formtext {
	clear:both;
	padding-bottom:0px;
	margin-bottom:5px;
}

/* ***************************** HTML */
p.formhtml {
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

/* ***************************** TEXTSELECT */
p.formselect {
	clear:both;
	padding-bottom:0px;
	margin-bottom:10px;
}

p.formselect select {
	height:20px;
	padding:1px;
	width:256px;
}

/* ***************************** CAPTCHA */

p.formcaptcha {
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;
}

p.formcaptcha label{

}

p.formcaptcha input{
	margin-top:4px;
}

p.formcaptcha span{
	display:block;
}

/* ***************************** TEXTSELECT */
p.formtextarea {
	clear:both;
	padding-bottom:0px;
	margin-bottom:10px;
}

p.formtextarea textarea {
	height:80px;
}

/* ***************************** CHECKBOX */

p.formcheckbox {
	clear:both;
	padding:0;
	margin-bottom:10px;
	height:22px;
}

p.formcheckbox input {
	float:left;
	margin:5px;
	margin-left:135px;
}

p.formcheckbox label {
	float:left;
	margin-left:10px;
	width:250px;
	line-height:23px;
}


/* ***************************** RADIO */

p.formradio {
	clear:both;
	padding:0;
	margin-bottom:10px;
	height:22px;
}

p.formradio input {
	float:left;
	margin:5px;
}

p.formradio label {
	float:right;
	width:460px;
	line-height:23px;
}

/* ***************************** LINE */

p.formline {
	height:1px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

/* ***************************** BE MEDIAPOOL */

p.formbe_mediapool {
	clear:both;
	padding:0;
	margin-bottom:10px;
	height:22px;
}

p.formbe_mediapool input {
	float:left;
	margin:0px;
}

p.formbe_mediapool label {
	float:left;
	width:160px;
}

p.formbe_mediapool span {
	margin-left:10px;
}



/* ***************************** SUBMIT */

p.formsubmit label {
	clear:both;
	width:160px;
}

p.formsubmit input{
	width:70px;
	margin:0;
	border:0;
	color:white;
	font-size:11px;
	line-height: 22px;
	padding: 2px 10px 2px 10px;
	background: #FF9933;
}

p.formsubmit input:hover{
	background: #666;
	color:white;
}

.csc-frame-frame1 DL { padding-bottom:20px; }
.news-item { margin: 20px 0 20px 0; }
.news_list_img { float:left; margin-right: 28px; }

P.bodytext A.morebtn { position: relative; display:block; margin-top: 10px; text-align: right; padding-right: 30px; background: url(../images/more_btn.png) right bottom no-repeat; width:90%;}


/***************************************
*        Friend                         *
***************************************/
.friend_tpl h1
{
     margin:0 0 2px 0;
     padding:0;
}

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

.friend_tpl label
{
    display:block;
    width: 140px;
    float:left;
    font-size:1.05em;
}

.friend_tpl label img
{
   border:1px solid gray;
}

.input_friend
{
                margin:0 0 2px 0;
                padding:0;
                height: 17px;
                border:1px solid gray;
}