/* ############## MAIN.css ########### */

/* ALLGEMEINE ANGABEN */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.688em;
	background: #e3e5e5 url("../i/bg.jpg") repeat-x fixed;
	color: #333;
	margin: 0px;
}

div {
	margin: 0px;
	padding: 0px;
}

/* ### ANFANG ANPASSUNGEN BAISINGER WERBUNG ##### */

#top_full{
	height:60px;
	width:100%;
	margin-bottom: 30px;
	text-align: center;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 1000px;
}
#werbung_banner{
	width:730px;
}

.baisinger_banner{
margin:25px 20px 20px 0;
padding:3px;
border:1px solid #CCCCCC;
background-color:#E3E7E8;
}
.baisinger_banner p{
font-size:12px;
font-weight:bold;
margin:0 0 2px 5px;
padding:0;
}
/* Ausserdem: Höhe des Headers (padding), in der HTML-Datei habe ich Impressum usw. raus gemacht und nach unten in die Sitemap eingebaut, Loginfeld wurde modifiziert, shoutbox-header: Schrift kleiner gemacht, top-add, header-grafik wurde kleiner gemacht, grafik im bottom von der shoutbox wurde kleiner gemacht, */

/* ### ENDE ANPASSUNGEN BAISINGER WERBUNG ### */

a {
text-decoration: none;
color: #455F6E;
}

a:hover, a:focus {
text-decoration: underline;
color: #455F6E;
}


h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
color: #020100;
margin: 0 0 10px 0;
padding: 0px;
text-shadow: 1px 1px 0px #fff;
}

h1.wiki {
font-size: 22px;
color: #333;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
margin: 0 0 10px 0;
padding: 0px;
color: #333;
text-shadow: 1px 1px 0px #fff;
}

h2.wiki {
font-size: 20px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
margin: 0 0 4px 0;
padding: 0px;
color: #333;
text-shadow: 1px 1px 0px #fff;
}

h4 {
font-size: 11px;
margin: 0px 0 8px 0;
padding: 0px;
color: #333;
line-height: 1.6;
text-shadow: 1px 1px 0px #fff;
}

p {
margin: 0px;
padding: 0 0 10px 0;
line-height: 1.6;
}

p.nopadding {
padding: 0px;
}

.clear {
font-size: 1px; 
height: 1px;
} 

ul {
list-style: none;
padding: 0px;
margin: 0px;
}

li {
padding: 0px;
margin: 0px;
} 

ul.content {
list-style: disc;
padding: 0 0 15px 15px;
margin: 0px;
line-height: 1.6;
}

ol.content {
line-height: 1.6;
margin: 0px;
padding: 20px;
}

.right {
	float: right;
}

.left {
	float: left;
}

blockquote {
font-style: italic;
background: url(../i/quote.png) 0 0 no-repeat;
margin: 5px 5px 0 5px;
padding: 10px 10px 10px 20px;
}

.image {
margin: 2px;
}

.image img {
border: #ccc solid 1px;
padding: 2px;
}

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

.image_left img {
border: #ccc solid 1px;
padding: 2px;
}

.image_right {
float: right;
margin: 0 0 10px 10px;
}

.image_right img {
border: #ccc solid 1px;
padding: 2px;
}


.image_list_schmal {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 220px;
}

.image_list_big {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 300px;
}

.image_list2 {
text-align: center;
float: left;
margin: 0 10px 10px 10px;
width: 200px;
}

.image_list_small {
text-align: center;
float: left;
margin: 0 0 20px 0;
width: 150px;
height: 150px;
overflow:hidden;
}

.image_list_small_profil {
text-align: center;
float: left;
margin: 0 16px 0 0;
width: 150px;
height: 150px;
}


.list01 {
float: left;
padding: 0 15px 10px 15px;
width: 280px;
}

.list02 {
float: left;
padding: 0 15px 10px 15px;
width: 280px;
position: relative;
z-index: 20;
}


div.rahmen {
	margin:80px 20px 20px 20px;
	width: 1000px;
	position: relative;
}

#content {
	margin: 20px 0;
	height: auto;
}

.linie {
height: 1px;
background-color: #AAA;
}

#content_left {
	float:left;
	width: 250px;
}

.box {
	border-radius: 5px;
	-moz-border-radius: 5px;
	/*border: #888 1px solid;*/
	background-color: #CCC;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	margin-bottom: 20px;
}

#content_right {
	float:right;
	width:720px;

}

.boxpadding {
	padding: 15px;
	/*height: 100%;*/
}

h3.head, h2.head {
	padding: 20px 20px 10px;;
	border-bottom: #AAA 2px solid;
}

div.profile_pic {
float: left;
width: 55px;
margin: 0 10px 0 0;
}

div.profile_name {
float: left;
width: 145px;
padding: 20px 0 0 0;
}

/* ########################## BEWERTUNGEN #################### */



/* ############## form.css ########## */

form {
margin: 0px;
padding: 0px;
}

form label {
font-weight: bold;
float: left;
margin: 6px 5px 10px 0;
}

form input, textarea, select {
 border: #999999 solid 1px;
 background-color: #FBFBFB;
 width: 150px;
 margin: 0px 2px 0px 0px;
 font-size: 11px;
 color: #666677;
 padding: 4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

form input:hover, textarea:hover, select:hover{
 background-color: #DFDFDF;
}



form input.button {
background-color: #333;
border: none;
color: #fff;
font-weight: bold;
cursor: pointer;
padding: 0px;
margin: 0px;
height: 19px;
}

div.input_button_left {
background: #333 url(../i/buttons.jpg) left -114px no-repeat scroll;
padding: 0 0 0 10px;
margin: 2px 0 0 0;
float: left;
}

div.input_button_right {
background: url(../i/buttons.jpg) right -76px no-repeat scroll;
padding: 0 10px 0 0;
}



form input.checkbox {
 width: 20px;
 border: 0px;
}

form input.radio {
 width: 20px;
 border: 0px;
}


input.chat, textarea.chat, select.chat {
border: #ccc solid 1px;
background: #FBFBFB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 150px;
margin: 0px 2px 0px 0px;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

form.mailform label {
width: 580px;
margin: 0 0 3px 0;
}

form.mailform input, textarea, select {
width: 580px;
margin: 0 0 10px 0;
}




/* ########################## BUTTONS ######################## */

.button, .button:visited {
        background: #333;
        display: inline-block;
        padding: 5px 10px 6px;
        color: #fff;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        position: relative;
        cursor: pointer;
        margin: 3px 3px 0 0;
}

.button:hover, .button.active                     { background-color: #111; color: #fff; }
.button img                                                                        { vertical-align:middle; border: 0px; }
.button:active                                                        { top: 1px; }
.button:hover                                                                { text-decoration: none; }
.small.button, .small.button:visited         { font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited         { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited         { font-size: 14px; padding: 8px 14px 9px; }
input.large.button                                                 { padding: 6px 14px 6px; }
input.middle.button                                         { padding: 2px 14px 3px; }
input.small.button                                                 { padding: 2px 14px 3px; }
.lila.button, .lila.button:visited                { background: #B31E65; border: #5B0F33 solid 2px; }
.lila.button:hover                                                { background: #87164B; }
.red.button, .red.button:visited                { background: #e33100; }
.red.button:hover                                                { background: #872300; }
.green.button, .green.button:visited                { background: #20a44e; }
.green.button:hover                                                { background: #0e7934; }
.blue.button, .blue.button:visited                { background: #3b5998; }
.blue.button:hover                                                { background: #0f147b; }

/* ########################## NAVI ########################## */

div#navi_outside {
	width: 960px;
	border-radius: 5px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	-moz-border-radius: 5px;
	height: 30px;
	background-color: #CCC;
	padding:20px;
}

#nav , #nav ul {
	list-style:none;
	position:relative;
	z-index:150;
	height: 30px; 
	width: 960px;
	/*margin: 30px 20px 20px;*/
	border-radius: 5px;
	background-color: #46888e;
}
#nav ul {
	display:none; 
	float: left;
}

#nav li:hover ul, #nav li.hover ul  {
	display:block;
}

#nav li {
	float:left; 
	position:relative; 
	margin-left: -1px;
}

#nav li a {
	text-decoration:none; 
	color: #fff; 
	white-space:nowrap; 
	font-size: 11px;
}

#nav li b {
	display:block; 
	padding:0px 26px 0 26px; 
	cursor:pointer;  
	line-height:30px; 
	float:left; 
/*	border-right: #fff solid 1px; */
}

#nav li.first b {
	padding-left:40px; 
	background-position:left top;
}

#nav li.last b {
	background-position:right top;
}

#nav li.active b {
	background: #E98A16;
}

#nav li.arrow {
	padding:0px; 
	margin-top: -3px;
}

#nav li a b.clicked, #nav li:hover a b, #nav li.hover a b {
	color:#fff;
	background: #E98A16;
}

#nav li ul {position:absolute; left:0; top:30px; height:auto; float:left; background:#f8f8f8; padding:0px; margin: 0px; border:1px solid #ccc; border-top: none;}

#nav li ul.w {width: 200px;}

#nav li ul li {float:none;}

#nav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; color:#333; font-weight: normal;}

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


/* ############ Dropdown Eventkalender ################ */

#subnav, #subnav ul {padding:0; margin:0 0 0 26px; list-style:none;cursor:pointer;}
#subnav {position:relative; z-index:150;}
#subnav ul {display:none; float: left;}
#subnav li:hover ul, #nav li.hover ul  {display:block;}

#subnav li {float:left; position:relative;}
#subnav li a {text-decoration:none; color: #fff; white-space:nowrap; font-size: 11px;}
#subnav li b {display:block; padding:0px 68px 0 26px; cursor:pointer;  line-height:30px; float:left; border-left: #fff solid 1px; border-right: #fff solid 1px;background: url(../i/nav_p.jpg) no-repeat;}
#subnav li.first b {padding-left:40px; background-position:left top;}
#subnav li.last b {background-position:right top;}
#subnav li.active b {background: #E98A16;}
#subnav li.arrow {padding:0px; margin-top: -3px;}
#subnav li a b.clicked, #subnav li:hover a b, #subnav li.hover a b {color:#fff;background: #E98A16;}

#subnav li ul {position:absolute; left:-1px; top:23px; height:auto; float:left; background:#f8f8f8; padding:0px; margin: 0px; border:1px solid #ccc; border-top: none;}
#subnav li ul.w {width: 200px; background:#333; padding-bottom:1px;}


#subnav li ul li {float:none; background:#333; text-align: left;}
#subnav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; margin-left:1px; color:#ddd; background:#333; font-weight: normal; width:188px;}
#subnav li ul li a:hover {background:#E98A16; color:#fff;}
#content #subnav li ul li a.active {background:#E98A16; color:#fff;}



/* ############## navi_right.css ########## */

div#login {
font-size: 11px;
position: absolute;
left: 1020px;
top: -70px;
width: 250px;
float:left;
z-index: 160;
}

.login_head {
background: #333;
color: #fff;
padding: 6px 10px 4px 12px;
font-weight: bold;
cursor:pointer;
}

.logged {
background: #D97E04;
/*color: #C40000;*/
}

.logged a {
color: #fff;
}

.login_contentout, .login_content{
border-left: #ccc solid 1px;
border-right: #ccc solid 1px;
border-bottom: #ccc solid 1px;
padding: 10px 10px 0 10px;
background: #F9F9F9 url(../i/webx0a.png) 100% 0 no-repeat;
}

.login_content h1 {
font-size: 11px;
margin: 0px;
}

.login_content div#navi {
width: 78px;
height: 15px;
background-color:#FFFFFF;
border: #999 solid 1px;
float:left;
color: #666677;
font-size: 10px;
text-align: center;
padding-top: 2px;
margin-right: 5px;
}


.login_content ul {
margin: 0;
padding: 0 0 16px 0;
list-style: none;
}

.login_content li {
background-image:url(../i/arrow01.gif);
background-repeat:no-repeat;
background-position: 0px 4px;
margin: 0 0 0 0px;
padding: 5px 0 5px 20px;
}

.login_content li.edit {
background-image:url(../i/edit.gif);
background-repeat:no-repeat;
background-position: 5px 5px;
margin: 0 0 0 15px;
}

.newitem {
background: url(../i/icon_new.png) 100% 3px no-repeat;
padding: 5px 35px 5px 0;
}





/* ############## pushup.css ########## */


#pushup {
  position: fixed;
  top: 10px;
  left: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 5000;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }


.link_infobox {
        position:relative;
        cursor:help;
}

.link_infobox:hover .infobox {
        display:block;
}

.infobox {
        -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
        background:none repeat scroll 0 0 white;
        border:1px solid #CCCCCC;
        color:#333333;
        display:none;
        height:auto;
        left:0px;
        padding:5px 10px;
        position:absolute;
        top:20px;
        width:240px;
        z-index:10000;
}

a.lupe{
        background:url("../i/lupe_anschauen.png") no-repeat;
        padding:2px 0 2px 25px;
        margin:5px 0 5px 5px;
        display:block;
        font-size:12px;
        color:#000;
}
.change-background-color{
background-color:#E3E7E8;
}

#overlayGrey {
background-color:#000000;
position:absolute;
left:0px;
top:0px;
opacity:0.7;
filter: alpha(opacity = 50);
width:100%;
height:100%;
z-index: 200;
}

#messageContent {
padding:16px;
width:300px;
height:250px;
position:absolute;
left:50%;
top:5%;
margin-left:-166px;
margin-top:-91px;
background-color:#ffffff;
z-index: 300;
}

#content ul {
	padding-left: 25px;
}

#content li {
	list-style-type: disc;
	padding-left: 5px;
}

li.e2 {
	margin-left: 20px;
}

.head_trenner {
    background-color: #E3E7E8;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-top-width: 1px;
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
}

h2.header_trenner1  {
	margin:0;
}

/* ################################ WEBX0 Icon ###################################### */
.divbox {float:left;height:480px;padding:10px;background-color:#eaeaea;width:300px}

.link_infoboxWebx {
	position:relative;
	cursor:help;
}

.link_infoboxWebx:hover .infoboxWebx {
	display:block;
}

.infoboxWebx {
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
/*	background:none repeat scroll 0 0 white;
	border:1px solid #CCCCCC;*/
	background: none;
	color:#333333;
	display:none;
	height:auto;
	left:0px;
	padding:5px 10px;
	position:absolute;
	bottom:28px;
	width:1000px;
	z-index:10000;
}

.infoboxWebx ul {
	padding-left: 20px;
	list-style-type: disc;
}

.infoboxWebx ul li {
	margin-bottom: 5px;
}

div#bottom .divbox a {
	color: #D97E04;
	font-size: 12px;
}
.mce-fullscreen {
	z-index: 1000 !important;	
}