/*
	Bildschirm-CSS
	Toggenburg Medien AG - www.toggenburgmedien.ch
	
	Internet Tagblatt Medien - www.tagblattmedien.ch
	Ibrahim Yildiz
*/

/* ### GLOBAL ########################################################################## */
body  {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #fff;
}
img {
	border: 0;
}

a:link {
	font-size: 12px;
	color: #005E9E;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #005E9E;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	font-size: 12px;
	color: #333;
}
/*****************************************************************************************/
/* ### LAYOUT ########################################################################## */
#outer-wrapper {
	width: 756px;
	margin: 0 auto 0 auto; /* zentriert die gesamte Site */
}
#header {
	width: 100%;
	height: 130px;
	clear:both;
	border-bottom: 1px solid #cecece; /* untere Linien */

}
#left-menu {
	float: left;
	width: 139px;
}
#right-box {
	float: left;
	width: 150px;
}
#content {
	float: left;
	width: 467px;
	min-height:350px;
}
#content-2 {
	float: left;
	width: 617px;
}
#footer {
	clear: both;
	width: 100%;
	border-top: 1px solid #cecece;
	border-bottom: 3px solid #cecece;
	background: #f1f1f1;
}
/**************************************************************************************************/
/* ### NAVIGATION LEFT ########################################################################## */
#left-menu ul {
	width:100%;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style: none;

}
#left-menu ul li {
	font-size: 10px;
	line-height: 19px;
	border-bottom: 1px solid #cecece; /* untere Linien */
}
#left-menu li a:link, #left-menu li a:visited  {
	font-size: 10px;
	display: block; /* gesamte Zeile eines Navigationspunktes reagiert auf Mausbewegungen */
	width: 100%; /* "display: block;"-Bugfix für Microsoft Internet Explorer 6 unter Windows */
	color: #333;
}
#left-menu ul li a:hover {
	font-size: 10px;
	color: #005E9E;
}

#left-menu ul li span {
	background-image: url(../images/navileft_bg.gif);
	color: #FFFFFF;
	display:block;

}
/* ### NAVIGATION LEFT 2 EBENE #################################################################### */
#left-menu ul li ul {
	list-style: none;
	font-size: 10px;
	line-height: 19px;
}
#left-menu ul li ul li {
border:none;
}
#left-menu ul li ul li a:link, #left-menu ul li ul li a:visited  {
	font-size: 10px;
	color: #9c9c9c;
}
#left-menu ul li ul li a:hover, #left-menu ul li ul li a:active  {
	font-size: 10px;
	color: #005E9E;
}
#left-menu ul li ul li span {
	background-image: none;
	color: #005E9E;
}
/***************************************************************************************************/
/* ### NAVIGATION RIGHT ########################################################################## */
#right-menu ul {
	width:100%;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style: none;

}
#right-menu li {
	font-size: 10px;
	line-height: 19px;
	border-bottom: 1px solid #cecece; /* untere Linien */
}
#right-menu li a:link, #right-menu li a:visited  {
	font-size: 10px;
	display: block; /* gesamte Zeile eines Navigationspunktes reagiert auf Mausbewegungen */
	width: 100%; /* "display: block;"-Bugfix für Microsoft Internet Explorer 6 unter Windows */
	color: #9c9c9c;
}
#right-menu li a:hover, #right-menu ul li ul li a:active {
	font-size: 10px;
	color: #005E9E;
}
/***************************************************************************************************/
#search-box {
	margin: 4px 0 20px 0;
	border-bottom: 1px solid #cecece; /* untere Linien */
}

.search-text {
	font-size: 10px;
	margin-bottom:2px;
	font-weight: bold; 
	color: #636363; 
}
/*****************************************************************************************/
/* ### FOOTER ########################################################################## */
#footer-text{
	font-size: 10px;
	padding: 0 0 0 8px;
	line-height: 19px;
	color: #9c9c9c;
	width:100%;
}

#footer-text a:link, #footer-text a:visited {
	font-size: 10px;
	font-weight: normal;
	color: #9c9c9c;
	text-decoration:none;
}
#footer-text a:hover {
	font-size: 10px;
	color: #005E9E;
}

/******************************************************************************************/
/* ### CONTENT ########################################################################## */
#content-text {
	margin: 6px 10px 6px 10px;

}

#content-text h1 { /* Rubriktitel */
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#content-text h2 { /* Ausgaben-Titel*/
	font-size: 12px;
	line-height: 21px;
	color: #636363;
	text-transform: uppercase;
    margin-bottom: 14px;
	padding: 0 0 0 0px;
	border-top: 1px dotted #9c9c9c;
	border-bottom: 1px dotted #9c9c9c;
}
#content-text h3 { /* Haupttitel */
	font-size: 12px;
	color:#666666;
    margin-bottom: 14px;
}
#content-text h4 { /* Zwischentitel */
	font-size: 12px;
    margin-bottom: 14px;
}
#content-text p {
	line-height: 18px;
	font-size: 12px;
    margin-bottom: 14px;
}

#inhalt-spalte-links {
	float: left;
	width: 173px;
}
#inhalt-spalte-rechts {
	float: left;
	width: 260px;
}
.inhalt-bild-links { /* linksbündig */
	float: left;
}

.trenn-linie {
	border-bottom: 1px dotted #9c9c9c;

}



.lead { 
	font-size: 11px;
	font-weight: bold;
	line-height:16px;
	color: #333;
	margin:10px 6px 10px 0px;
}

.image_flLeft {
	float:left;
	clear: none;
	margin:8px 10px 6px 0px;	
}
.image_flRight {
	float:right;
	clear:none;
	margin:8px 0px 6px 10px;	
}
.legende {
	font-size:10px;
	text-align:left;
	color: #333;
	margin:0px 0px 0px 0px;	
	padding:4px 0px 0px 0px;
}
/*******************************************************************************************/
/* ### FORMULAR ########################################################################## */

fieldset {
	width:460px;
	font-size: 12px;
	border:0px;
	margin: 0px 0px 18px 0px;
	padding: 4px 0px 13px 0px;
}
legend {
	font-weight: bold;
	color: #333;
	align:left;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 8px 0px;
}

* html legend {                          /* Workaround fuer iE 5.x und 6.x */
            margin-left:-7px;
}

*+html legend {                         /* Workaround fuer iE 7.0 */
            margin-left:-7px;
}


label {
	clear:both;
	float: left;
	width:130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
}
fieldset input, select, textarea {
	width: 234px;
	font: 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	border: 1px solid #cecece;
	vertical-align: 7px;
	margin: 0px 3px 4px 0;;
	padding: 3px;}

fieldset textarea {
	height: 178px;
}
fieldset .checkbox {
	margin: 0px 0px 0px 9px;
	vertical-algin:middle;
}
fieldset .formular-eingabefeld-erforderlich {
	background: #d0ecfa;
}
fieldset .formular-schaltflaeche {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #fff;
	background: #2b6fb4;
	width: 210px;
	height: 23px;
	padding:0px 0px 0px 0px;
	margin:15px 0px 0px 128px;
}
fieldset .formular-hinweis {
	margin: 2px 0 0 144px; /* Total aus "label-width" und "input, textarea-margin" */
}
fieldset .formular-grundschrift { /* p */
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
fieldset .formular-warnung { /* p */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #9e0b00;
	margin: 15px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
}
#standardForm {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#standardForm p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
/*********************ENDE FORMULARE************************************/





/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}