/*        ______________________
        SCREENSTYLES

        www.olcw.ch

        Version: 08.01.09

        Thomas Spoerri
        _______________________ */



/*/////////////Colors/////////////*/







/*/////////////HTML-Structs/////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	font-weight:		inherit;
	font-style:			inherit;
	font-size:			100%;
	font-family:		inherit;
	vertical-align:		baseline;
}

body {
	background:			#111 url(bg.jpg) repeat center top;
	color: 				#555;
	font-family:		arial, helvetica, verdana, sans-serif;
	font-size:			13px;
	height:				100%;
	line-height:		20px;
	text-align:			center;
	width:				100%;
}

#container a, #container a:link, #container a:visited {
	color:				#ff213b;
	text-decoration:	none;
}

#container a:hover {
	border-bottom:		1px dotted;
	color:				#ff213b;
}

#container #sponsoren a:hover {
	border-bottom:		0px dotted;
	color:				#ff213b;
}

a[href^="http://"] {
	padding-right:		10px;
	background:			url(outlink.gif) right 60% no-repeat;
	margin-right:		2px;
}

#twitter a[href^="http://"] {
	padding-right:		0px;
	background:			none;
	margin-right:		0px;
}

#sponsoren a[href^="http://"] {
	padding-right:		0px;
	background:			none;
	margin-right:		0px;
}

strong {
	font-weight:		bold;
}

em {
	font-style:			italic;
}

hr {
	border:				none;
	border-top:			1px solid #333;
	margin:				1em 0;
	color:				#ff213b;
}

#container p {
	margin-bottom:		15px;
}

h1, h2, h3, h4, h5, h6 {
	color:				#333;
	font-family: 		Georgia, Garamond, "Times New Roman", serif;
	font-weight:		normal;
}



h1 {
	border-bottom:		1px solid #cccccc;
	font-size:			44px;
	line-height:		52px;
	margin-bottom:		25px;
	padding:			20px 0;
}

#startseite h1 {
	border-bottom:		1px solid #cccccc;
	font-size:			35px;
	line-height:		45px;
	margin-bottom:		25px;
	padding:			20px 0;
}

h2 {
	border-bottom:		1px dotted #cccccc;
	font-size:			19px;
	line-height:		22px;
	margin:				10px 0 10px 0;
	padding:			0 0 10px 0;
}

#contentContainer h2 {
	border-bottom:		none;
	font-size:			19px;
	line-height:		22px;
	margin:				7px 0 5px 0;
	padding:			0 0 10px 0;
}

h3 {
	font-size:			17px;
	line-height:		20px;
	margin:				18px 0 6px 0;
}

h4 {
	font-size:			11px;
	font-weight:		bold;
	line-height:		18px;
}

#sponsoren h4 {
	font-size:			14px;
	font-weight:        normal;
	line-height:		18px;
    margin:             0 0 5px 0;
}


/*/////////////Suckerfish Navigation/////////////*/


#navigation .invisible {
	display:				none;
}

#navigation {
	background:			#FFF url(bg_nav.jpg) repeat-x;
	clear:				both;
	height:				35px;
	left:				0px;
	margin:				0 auto;
	overflow:			hidden;
	padding:			0 0 0 180px;
	text-align:			center;
	width:				770px;
}

#nav, #nav ul {
	line-height:		1;
	list-style:			none; 
	margin:				0 auto;
	padding:			0;
	z-index: 			1;
}

#nav a {
	color:				#333;
	display:			block;
	font-family:		arial, helvetica, verdana, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	letter-spacing:		1.5px;
	margin:				0;
	padding:			10px 5em 13px 1.0em;
	text-decoration:	none;
	text-transform:		uppercase;
}

#nav li a.trail {
	color:				#ff213b;
	text-decoration:	none;
}

#nav li ul li a.active {
	color:				#ff213b;
	text-decoration:	none;
}

#nav li ul li a {
	color:				#fff;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
}

#nav a:hover{
	text-decoration:	none;
}

#nav li {
	float:				left; 
	margin:				0 0 1px 0;
	text-align:			center;
}

#nav li ul {
	background:			#555;
	left:				-999em;
	position:			absolute;
	width:				12.9em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: 				auto;
}

#nav li ul li a {
	background:			#333;
	letter-spacing:		1.2px;
	line-height:		12px;
	padding:			8px 1em;
	text-align:			left;
	width:				12em;
}

#nav li ul li a:hover{
	background:			#ff213b;
	color:				#fff;
}


/* Second Level Nav */

#nav li ul ul {
	margin:				-1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left:				-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left:				auto;
}
                               

/*/////////////Footer/////////////*/

#footer {
	background:			#111;
	clear:				both;
	color:				#ccc;
	font-family:		arial, helvetica, verdana, sans-serif;
	font-size:			10px;
	padding-top:		7px;
	text-align:			left;
	text-decoration:	none;
	width:				950px;
}

#footer a, #footer a:visited {
	font-size:			10px;
}

#footer a:hover {
	font-size:			10px;
}

#footer p {
	font-size:			10px;
	margin:				0;
	padding:				0 0 10px 30px;
}


/*/////////////Content/////////////*/

.content{
	padding:			10px 30px 30px 10px;
	text-align:			left;
}


.pic_links {
	float: 				left;
	margin:				10px 10px 10px 0;
}

.pic_border {
	border:				1px solid #333;
}

#container p.info {
	color: 				#999;
	line-height:		11px;
}

#container p.more {
	border-bottom:		1px dotted #cccccc;
	color: 				#999;
	line-height:		11px;
	margin-bottom:		20px;
	padding-bottom:		30px;
}

#container ul {
	list-style-position:inside;
	list-style-type:	square;
}

#container ol {
	list-style-position:inside;
}

#container ul li, #container ol li {
	padding: 			5px 0 3px 0;
}


/*/////////////Content-Tables/////////////*/

.pdf_link {
	float: right;
	text-align: right;
}

#sponsoren td,
#sponsoren th {
	padding:			0em 5em 3em 0.4em;
	vertical-align:		middle;
}


#table_design table {
	border-collapse:	collapse;
	color: 				#555;
}

#table_design td,
#table_design th {
	border-bottom:		1px dotted #ccc;
	border-top:			1px dotted #ccc;
	padding:			0.3em 3em 0.3em 0.3em;
}

#table_design thead th,
#table_design tfoot th {
	border-bottom:		2px solid #ff213b;
	border-top: 		none;
	font-weight:		bold;
	text-align:			left;
	padding-top:		7px;
}

#table_design tfoot td {
	border-top:			2px solid #ff213b;
	padding-top:		3px;
}
  
#table_design tbody td a {
	background:			transparent;
	text-decoration: 	none;
}

#table_design tbody td {
	vertical-align:		top;
	text-align:			left;
} 

#table_design tbody tr:hover td,
#table_design tbody tr:hover td a,
#table_design tbody tr.odd:hover td {
	background:			#ff213b;
	color:				#ffffff;
}

/*/////////////Formulare///////////*/

#formular_design table {
	border-collapse:	collapse;
	color: 				#555;
}

#formular_design td,
#formular_design th {
	border-bottom:		1px dotted #ccc;
	border-top:			0px dotted #ccc;
	padding:			0.3em 3em 0.3em 0.3em;
}

#formular_design thead th,
#formular_design tfoot th {
	border-bottom:		2px solid #ff213b;
	border-top: 		none;
	font-weight:		bold;
	text-align:			left;
	padding-top:		7px;
}

#formular_design tfoot td {
	border-top:			2px solid #ff213b;
	padding-top:		3px;
}
  
#formular_design tbody td a {
	background:			transparent;
	text-decoration: 	none;
}

#formular_design tbody td {
	vertical-align:		top;
	text-align:			left;
}

#formular_design p.error {
	color:				#ff213b;
} 


/*/////////////Sitemap/////////////*/


#sitemap ul {
	list-style-position:inside;
	list-style-type:	square;
}

#sitemap ul.level_1{
	padding-left: 			5px;
}

#sitemap ul.level_2{
	padding-left: 			30px;
}

#sitemap ul.level_3{
	padding-left: 			30px;
}

#sitemap ul.level_2 li.last{
	padding-bottom: 		15px;
}

#sitemap ul.level_3 li.last{
	padding-bottom: 		0px;
}


/*/////////////NEWS/////////////*/

.layout_latest .more{
	text-align:			right;
}

.pagination ul li span.current{font-weight:bold;}
.pagination ul li{display:inline;}
.pagination{margin-top:0px;text-align:left;}

.mod_article img {
background: url(shadow.gif) no-repeat right bottom;
padding: 4px 10px 10px 4px;
border: #eee 1px solid;
border-right:none;
border-bottom:none;
margin-right:10px;
margin-bottom:2px;
display:inline-block;

}

#sponsoren img {
background: none;
padding: 0 0 0 0;
border: #eee 0px solid;
border-right:none;
margin-right:0px;
margin-bottom:15px;
display:inline-block;

}


#container .layout_latest p.more {
	border-bottom:		0px;
	margin-bottom:		20px;
	padding-bottom:		10px;
	padding-top: 		10px;
}

.layout_latest {
	border-bottom:		1px dotted #cccccc;
	color: 				#999;
	margin-bottom:		10px;
	padding-bottom:		0px;
}



/*/////////////Gästebuch/////////////*/

.comment_default  {padding:1em 2em;border:3px #f5f5f5 solid;margin:2em 0;}
.comment_default p.info {font-style:italic;margin:0 0 1em 0;}



/*/////////////Calendar/////////////*/
	table.calendar table
	{
		width:100%;
		margin-right:auto;
		margin-left:auto;
		background-color:#fcfcfc;
	}
	
	table.calendar .head
	{
		padding:4px 1px 3px 1px;
		text-align:center;
		background-color:#dae1e8;
	}
	
	table.calendar .head.current{background-color:#fef200;}
	table.calendar .head.previous
	{
		padding-left:12px;
		text-align:left;
		background-color:#ccc;
	}
	
	table.calendar .head.next
	{
		padding-right:12px;
		text-align:right;
		background-color:#ccc;
	}
	
	table.calendar .label
	{
		padding:3px 1px 4px 1px;
		text-align:center;
		background-color:#303030;
		font-weight:bold;
		font-size:11px;
		color:#ffffff;
	}
	
	table.calendar .label.weekend
	{
		padding:3px 1px 4px 1px;
		text-align:center;
		background-color:#303030;
		font-weight:bold;
		font-size:11px;
		color:#ffffff;
	}
	
	table.calendar .intern{font-weight:bold;}
	
	table.calendar td
	{
		width:14%;
		height:72px;
		vertical-align:top;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
	}
	
	table.calendar .col_first{border-left:1px solid #cccccc;}
	
	table.calendar .weekend{background-color:#f7f9fa;}
	
	table.calendar .active{background-color:#fef200;}
	table.calendar .active a{
		display:block;
		text-decoration:underline;
		color:#000;
	}	

	table.calendar .active a:hover{text-decoration:none; background-color:#E8DC00;}	
	table.calendar .active .header{background-color:#E8DC00;	color:#292929;}	
	
	table.calendar .header
	{
		margin:1px;
		padding:1px;
		background-color:#e6e6e6;
	}

		
	table.calendar .event
	{
		line-height: 1.2em;
		margin:0 0 2px 0;
	}	
	
	table.calendar div,
	table.calendar div a
	{
		margin:1px;
		font-size:10px;
		color:#666666;
	}
	
	table.calendar .today .header{
		background-color:#303030;
		font-weight:bold;
		font-size:11px;
		color:#ffffff;
	}