@import url("iconize.css") screen;

/* Dokumentweit gültige Elemente */
#next_event,#sub_navigation,#quick_links,#cse-search-box {border:1px solid #A3A3A3; margin:0 0 40px; padding:4px}
p,td.spieler,td.text,th.spieler,th.text {text-align:left}
/*clearing all floats and fix Firefox and IE backgroundcolor-bug */
div.clearer {clear:both; font-size:1px; line-height:1px; display:block; height:1px}
img {float:left; margin:0 15px 0 0; padding:0;border:0}

/* Layoutstruktur */
body {font-family: Gentium, Verdana, Tahoma, Helvetica, Arial, Sans-Serif; font-size:76%;
      background:#fff; line-height:140%; margin:0; padding:0}
#container {min-width:500px; max-width:1400px; background:url(../images/container_bg.png) repeat-y 75% 0}
#content {float:left; width:75%; font-size:1em}
	#content .gutter {width:92%; padding:25px 5% 25px 3%}
#sidebar {float:right; width:25%; color:#FFF}
#footer {clear:both; background:#FFF; padding:5px 0 0 25px}

/* Sidebar */
#sidebar .gutter {color:#FFF; padding:15px}
	#sidebar .gutter h2 {font:italic normal 125% "Century Gothic", Georgia; margin:0 0 10px; padding:0}
	#sidebar .gutter a {color:#FFF}
		#sidebar .gutter a:hover {color:#00CCFF}
		#sidebar .gutter div.index a:link
		#sidebar .gutter div.index a:visited {color:#036}

/* Header */
#header {padding-top:0; background:#0CF url(../images/header_bg.png) repeat-x top left}
	#header h1 {height:74px; font-family:Comic Sans MS, Chalkboard, Sans-Serif; font-size:300%;
	            letter-spacing:2px; line-height:200%; color:#FCFEC4; margin:0; padding:0 0 0 130px;
	            background:url(../images/title_logo.png) no-repeat top left}
		#header h1 a {text-decoration:none;color:#FCFEC4}

/* Main Navigation */
#nav_container {float:left; width:100%; background:#0CF}
#nav {float:left; list-style:none; background:#0CF url(../images/nav_bg.png) repeat-x bottom left;
      margin:0; padding:5px 0 0 25px}
	#nav li {float:left; font-family:"Lucida Grande", Sans-Serif; margin:0; padding:0}
	#nav a {float:left; display:block; color:#333; text-decoration:none; border:1px solid #4F6B72;
	        border-bottom:none; background:#fff url(../images/off_bg.png) repeat-x top left;
	        margin:0 1px 0 0; padding:4px 8px}
		#nav a:hover,body #active a {color:#333; padding-bottom:5px; border-color:#727377;
			                         background:#fff url(../images/on_bg.png) repeat-x top left;}

/* Secondary Navigation */
#sub_navigation ul,#quick_links ul {margin:5px 0 5px 0; padding:0}
	#sub_navigation ul li,#quick_links ul li {margin:5px 0; padding-left:20px;background:url(../images/pfeil.png) no-repeat left center;}
#content .content_nav{margin:0 0 1em 0;}

/* Titles */
#content h2 {font:italic normal 150% "Century Gothic", Georgia; letter-spacing:2px; color:#036;
             border-bottom:1px dotted #CCC; margin:1em 0 15px; padding:0}
	#content h2 a:hover,h3 a {color:#A00104}
#content h3 {font:normal normal bold 125% "Century Gothic", Georgia; color:#036; letter-spacing:1px;
	         margin:1em 0 0.5em; padding:0}
blockquote {display:block !important;padding:10px 20px;text-align:justify}
	blockquote p {font-style:italic;color:#2F0000;display:inline}
		blockquote p:before,blockquote p:after {color:#036;line-height:0;font-size:5em;
			                                    font-family:Georgia, Times, "Times New Roman", serif}
		blockquote p:before {content: open-quote;padding-right:10px;vertical-align:-27px}
		blockquote p:after {content: close-quote;font-size:5em;line-height:.3;vertical-align:-37px}

/* Abbreviations, Acronyms */
abbr,acronym {border-bottom-style:dotted; border-bottom-width:1px}
h1 abbr,h1 acronym,h2 abbr,h2 acronym,h3 abbr,h3 acronym {border:none}

/* Links */
a[href^="mailto"]:hover:after {content:" > " attr(title)}
a:link,a:visited {color:#036; text-decoration:none}
a:hover,a:active {color:#A00104; text-decoration:none}


/* Table */
caption {font:italic 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
         text-align:right; padding:0 0 5px}
th {font:bold 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#4f6b72;
    border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; border-top:1px solid #C1DAD7;
    letter-spacing:2px; text-transform:uppercase; text-align:left; padding:6px;
    background:#CAE8EA url(/images/bg_header.jpg) no-repeat}
td {border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; background:#fff; color:#4f6b72; padding:6px}
td.gesperrt {background:black; width: 3em;}
tr.even td {background:#F5FAFA; color:#797268}
table {border-collapse:collapse; margin:0; padding:0}

/* Definition List */
dl {margin-top:10px; padding:0}
	dl dt {float:left; font-weight:700; letter-spacing:1px; padding-right:1em}

	/* Horizontal List*/
	dl.horizontal_list dt {width:14em; float:left; font-weight:700; text-align:right; margin:0; padding:.5em}
	dl.horizontal_list dd {margin-left:15em; padding:.5em .5em .8em}
	dl.horizontal_list p {margin:0; padding:0 0 .2em}

	dl dd,ul.einfach {margin:0; padding:0}
/* Unordered List */
ul {margin:0; padding:.1em 0 0 25px; float:none}
ul li {display: block; float:none}
ul.einfach li {list-style-type:none; margin-bottom:6px}

/* Rails output */
#notice {background-color:#0c3; border:3px solid #7FE699; color:#FFF; margin:0 20px 20px 0; padding:10px}

/* Character formats */
span.underline {text-decoration:underline}
span.durchgestrichen {text-decoration:line-through}
span.highlight {background-color:#FF0}
div.veranstaltung_titel {margin-bottom:6px}

/* Artikel */
#content .article {position:relative; margin-top:2em; float:left}
#content #first {margin-top:0}
#content .nachricht {margin:0; padding:0 0 10px}
#content .odd img{float:right; margin:0 0 0 15px; padding:0;border:0}
#content p:first-letter {font-family:Georgia,Verdana,Helvetica,Arial,sans-serif; color:#036;float:left;padding-top:0.05em;
	                     font-size: 20px; line-height: 0.85em;margin-right: 0.1em; margin-bottom:-0.2em;}
#content p + p:first-letter , #content p.ohne_initiale:first-letter ,
#content blockquote + p:first-letter {color:#000;font-size: 1em;font-family:Verdana, Tahoma, Helvetica, Arial, Sans-Serif;
	                                  line-height: 1.6em;float: none;margin: 0;}

#content .nachricht div.mehr {font-style:italic; margin:0; padding:0}
#content div.datum {position:absolute; top:2.5em; right:0; font-size:90%}

/* Formulare*/
form {border:0px;margin:0px;padding:0px}
input {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:12px}
div.box {border:solid 1px #c6cfe1;background:#dfe4ee;padding:10px;color:#333333;margin-bottom:20px}
div.box h1 {font-size:14px;color:#000000;padding-bottom:4px;}
div.box p{padding-bottom:14px;}
div.box input .input-text{border:1px solid #3b6e22;color:#666666;width:180px}
div.box label{display:block;margin-bottom:10px;margin-top:10px;color:#555555}
div.box label span{	display:block;float:left;padding-right:6px;width:100px;text-align:right;font-weight:bold}
.spacer{margin-left:106px;margin-bottom:10px;}
.green{background:url(/images/green.gif);padding:0px 6px;border:1px solid #3b6e22;height:24px;line-height:24px;
	   color:#FFFFFF;font-size:12px;margin-right:10px;text-decoration:none}
div.box .fieldWithErrors{background-color:#FFCCCC}
div.box .formError{margin-left:110px;margin-bottom:10px;font-weight: bold}
div.box .required{background-color:#FFFF99
}