/***************************************
****************************************
**   JuLis Bad Tölz-Wolfratshausen    **
**   edited by Robert Weinert         **
**   Alternativ Mediendesign          **
**   www.alternativ-mediendesign.de   **
****************************************
***************************************/

/*********/
/* Reset */

/*********/

* { margin:0; padding:0; text-decoration: none; }
option { padding-left: 0.4em }

fieldset, img { border:0; }

select, input, textarea { font-size: 99% }

html { height:100% }
body {
   min-height: 101%;
   font-size: x-small;
   position: relative;
   color: #000;
   background-color: #3e7ab4;
   text-align: left;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}

/***************/
/* Plattformen */

/***************/

#page_cage {
   width: 680px;
   margin: 0 auto 0 auto;
   border: 1px solid #fcd71c;
   border-top: 0;
}


#header {
   height: 200px;
   background-image: url(../_pictures/_page/top_bg.jpg);
   border-bottom: 1px solid #fcd71c;
}


#content {
   text-align: justify;
   margin-left: 154px;
   padding: 10px;
   background-color: #fff;
}


.clearer {
   clear: both;
}

#kontakt {
   width: 550px;
   height: 100px;
   margin: 80px auto 0px auto;
   background-color: #dedede;
   border: 1px solid #000;
   text-align: center;
   padding-top: 80px;
   font-size: small;
}

/**************/
/* Navigation */

/**************/


#navigation {
   font-size: small;
   width: 134px;
   float: left;
   padding: 10px;
}

#navigation ul {
   list-style-type: none;
   margin-left: 0px;
   margin-bottom: 20px;
}


#navigation a {
   display: block;
}

#navigation a {
   background-color: #fff;
   padding: 2px;
   color: #000;
   margin-bottom: 1px;
}

#navigation a:link, #navigation a:visited {
   text-decoration: none;
   color: #003c67;
}


#navigation a:hover, #navigation .active a {
   text-decoration: none;
   background-color: #ffeb00;
   background-image: url(../_pictures/_navigation/nav_active_bg.jpg);
}

#navigation .link_top a {
   background-color: #0158a8;
   background-image: url(../_pictures/_navigation/top_bg.jpg);
   padding: 2px;
   color: #fcd71c; 
   font-weight: bold;
}

/************/
/* Grafiken */

/************/

.pic_www_gruppenbild {
   margin: 0 0 5px 10px;
   float: right;
   width: 350px;
   height: 160px;
   border: 1px solid #000;
}

.pic_politik {
   margin: 0 10px 5px 0;
   float: left;
   width: 175px;
   height: 195px;
   border: 1px solid #000;
}

.pic_wwww_l, .pic_wwww_r {
	width: 150px;
	height: 225px;
	border: 1px solid #000;
	margin-bottom: 10px;
}

.pic_wwww_l{
	float: left;
	margin-right: 10px;
}

.pic_wwww_r{
	float: right;
	margin-left: 10px;
}

.gallerie {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 10px 10px 0;
	border: 1px solid black;
}

/************/
/* Kontakt  */
/************/

textarea {
   height: 135px;
}

input, textarea {
   font-size: x-small;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   border: 1px solid #004d84;
   background-color: #fff;
   padding: 1px;
   margin: 0 0 3px 5px;
}

.input {
   width: 250px;
}

.button_color {
   background-color: #f0f0f0;
}

/***********/
/* Commons */

/***********/

h1 {
   color: #003c67;
   font-size: x-large;
   font-family: Georgia, Times, "Times New Roman", serif;
   font-weight: normal;
   letter-spacing: 2px;
   text-align: left;
}

h2 {
   color: #003c67;
   font-size: large;
   font-weight: normal;
   border-bottom: 1px solid #ffeb00;
}

h3 {
   color: #000;
   font-size: small;
   font-weight: bold;
   text-decoration: underline;
}


ul {
   margin-left: 20px;
   color: #004d84;
}


#navigation, #page_cage, #footer {
   background-color: #eeeff0;
}

.no_script {
	font-style: oblique;
	font-style: italic;
	color: #ff0000;
}

.navigation_content {
   font-size: x-small;
}


.navigation_content a:link, .navigation_content a:visited {
   font-size: x-small;
   text-decoration: none;
   color: #004d84;
}


.navigation_content a:hover {
}


.footer {
   border-top: 1px solid #ffeb00;
   margin-top: 10px;
   padding-top: 10px;
   text-align: center;
   clear: both;
}

.blue {
   color: #004d84;
}

.black {
   color: #000;
}

.date {
   border-left: 3px solid #ffeb00;
   padding-left: 2px;
}

.bold {
   font-weight: bold;
}

.bordernone {
	border: none;
}

.valign_middle {
	vertical-align: middle;
}

.valign_top {
	vertical-align: top;
}

/*********/
/* Links */

/*********/

a:link, a:visited {
   text-decoration: none;
   color: #004d84;
}

a:hover {
	text-decoration: underline;
}