/* css created by Webcenter http://www.webcenter.ch */

/********************************************************* _Global Styles */

* {
   margin:0;
   padding:0;
}

html, body {
   height:100%;
}

body {
   background:url(../images/layout/body_bg.jpg) fixed repeat-x #D1D0CE;
}

body, table, input, select, textarea {
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size:11px;
   color:#666;
}

a:link, a:visited { color:#000; text-decoration:underline; }
a:hover, a:active, a:focus { color: #000; text-decoration: none; }

p, ul, ol { margin-bottom: 15px; }
ul { list-style:none; }
img { border:none; }

abbr { border:none; border-bottom:1px dotted #FFF; cursor:help; }

hr {
   height:1px;
   border:none;
   border-bottom: 1px solid #DEDEDE;
   margin-bottom:15px;
}

.clearer {
   display:block;
   clear:both;
   height:1px;
   overflow:hidden;
   visibility:hidden;
}

.clearfix {
   display:inline-block;
}

.hidden {
   display: block;
   position: absolute;
   left: -1500px;
   top:  -1500px;
   overflow: hidden;
   width:0;
   height:0;
}

/********************************************************* _Structure */

#wrapper {
	width:617px;
	margin:0 auto;
}

#content_left {
	float:left;
	width:17px;
	height:600px;
	position:relative;
}

	#content_left span {
		position:absolute;
		top:288px;
		left:0px;
		width:24px;
		height:100px;
		background:url(../images/layout/content_left_bg.png) no-repeat;
	}

#content_center {
	float:left;
	width:564px;
	padding:20px 0;
	position:relative;
	z-index:2;
}

	#header_main {
		height:275px;
		width:564px;
		background:url(../images/layout/header_bg.png) no-repeat;
	}

      #header_logo {
			position:relative;
			left:7px;
			float:left;
         width:275px;
         height:275px;
         background:url(../images/layout/logo_bg.jpg) no-repeat;
      }
      
         #header_logo a {
				position:absolute;
				left:25px;
				top:25px;
            display:block;
            width:220px;
            height:90px;
         }
			
		#header_img {
			position:relative;
			left:7px;
			float:left;
         width:275px;
         height:275px;
         background:url(../images/layout/lady_bg.jpg) no-repeat;
      }
		
	#menu {
		height:29px;
		width:550px;
		position:relative;
		margin-left:7px;
	}
	
		#menu_bg {
			position:absolute;
			height:29px;
			width:550px;
			background:url(../images/layout/menu_bg.png) repeat-x;
			z-index:1;
		}
	
		#menu ul {
			position:absolute;
			left:17px;
			margin:0;
			padding-top:1px;
			z-index:2;
		}
	
	#content_main {
		width:564px;
		overflow:hidden;
		background:url(../images/layout/content_main_bg.png) repeat-y;
	}
	
		#content_pattern {
			margin:0 7px 0 7px;
			padding-top:1px;
			background:url(../images/layout/content_pattern.gif) repeat #F5F5F5;			
		}
		
		#content_top_bg {
			margin:0 1px 0 1px;
			background:url(../images/layout/content_top_bg.png) repeat-x;
		}
		
			#content_min_height {
				display:block;
				float:left;
				width:1px;
				height:300px;
				overflow:hidden;
			}
			
			#content {
				float:left;
				width:547px;
			}
			
				#content .adjust {
					padding:20px 25px 5px 25px;
				}
		

	#footer {
		height:50px;
		background:url(../images/layout/footer_top_bg.png) no-repeat;
	}
	
		#footer p {
			text-align:center;
			line-height:50px;
			color:#706862;
			font-size:11px;
		}
		
			#footer a:link,
			#footer a:visited {
				cursor:pointer;
				color:#FFF;
				text-decoration:none;
			}
			#footer a:hover {
				color:#FFF;
				text-decoration:underline;
			}

#content_right {
	float:left;
	width:32px;
	height:300px;
	position:relative;
}

	#content_right #links {
		position:absolute;
		top:135px;
		right:0;
		width:39px;
		height:159px;
		z-index:2;
	}
	
	#content_right span {
		position:absolute;
		top:172px;
		right:0;
		width:39px;
		height:159px;
		background:url(../images/layout/content_right_bg.png) no-repeat;
		z-index:1;
	}
	
	#striker-add {
		position:absolute;
		width:185px;
		height:146px;
		top:380px;
		margin-left:-142px;
		background:yellow;
		border:1px solid #444;
		
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		
		-moz-box-shadow:1px 1px 6px #000;
		-webkit-box-shadow:1px 1px 6px #000;
		box-shadow:1px 1px 6px #000;
		
		
		
		background:url(../images/layout/striker-add.jpg) #000;
		}
	#striker-add:hover,
	#striker-add:focus,
	#striker-add:active{
		margin-left:-10px;
		-moz-transition: margin-left 0.5s ease-in;
		-webkit-transition: margin-left 0.5s ease-in;
		transition: margin-left 0.5s ease-in;
		}
	
		/*
		#link_1 {
			position:absolute;
			top:66px;
			left:4px;
			display:block;
			width:29px;
			height:25px;
			background:url(../images/layout/myspace.gif) no-repeat;
		}
			#link_1:hover {
				background:url(../images/layout/myspace_hover.gif) no-repeat;
			}
		*/
		
		#links a {
			text-indent:-9999px;
			overflow:hidden;
		}
			
		#link_2 {
			position:absolute;
			top:103px;
			left:4px;
			display:block;
			width:29px;
			height:25px;
			background:url(../images/layout/rss.gif) no-repeat;
		}
			#link_2:hover {
				background:url(../images/layout/rss.gif) 0 -25px no-repeat;
			}
			
		#link_3 {
			position:absolute;
			top:135px;
			left:4px;
			display:block;
			width:29px;
			height:25px;
			background:url(../images/layout/facebook.gif) no-repeat;
		}
			#link_3:hover {
				background:url(../images/layout/facebook.gif) 0 -25px no-repeat;
			}
   


/********************************************************* _Content Styles */

/********* Aufzählung */

#content ul li {
   list-style-type:none;
   background:url(../images/layout/content_li.gif) 0 7px no-repeat;

   padding-left: 12px;
   margin-left:5px;
   
   margin-bottom:7px;
}

/********* Content Text */

#content {
   line-height:18px;
}

.link_icon {
	position:relative;
	top:2px;
}

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

#content a:link,
#content a:visited {
	color:#706862;
}
#content a:hover {
	color:#534B45;
	text-decoration:none;
}

/********* Rahmen bei Bildern in Links */

#content a img.img_border {
   padding:2px;
   border:1px solid #AAA;
}
#content a:hover img.img_border {
   border:1px solid #5E7144;
}

#content .img_border {
   padding:2px;
   border:1px solid #CCC;
}

/********* Basic Tabellenformatierung */

#content .content_table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:15px;
}

#content .content_table td {
	padding:0 5px 2px 1px;
   vertical-align:top;
}

/********************************************************* _Headings */

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#746B64;
	line-height:56px;
	text-transform:uppercase;
	padding-left:25px;
	font-weight:normal;
	background:url(../images/layout/title_bg.gif) bottom left no-repeat;
}

h4 {
   font-size:11px;
   margin-bottom:10px;
   color:#746B64;
}

/********************************************************* _Text Styles */

.required_color {
	color:#990000;
}

.msg_box {
   margin-bottom:15px;
   padding:10px 10px 10px 36px;
   border:1px solid #DDD;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.msg_error {
	background:url(/images/icons/error.gif) 6px center no-repeat #FFF;
   color:#A13F3F;
}

.msg_success {
   background:url(/images/icons/ok.gif) 6px center no-repeat #FFF;
   color:#336633;
}

/********************************************************* _Menu */

#menu li {
	display:inline;
}

	#menu a {
		float:left;
		display:block;
		padding:0 6px !important;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		line-height:28px !important;
		text-transform:uppercase;
		background:none transparent;
		font-size:11px !important;
	}
	
	#menu a:hover {
		color:#E4DFD9;
		background:url(../images/layout/menu_item_hover.gif) repeat-x;
	}

	#menu .current a,
	#menu .current a:hover {
		color:#FFF;
		background:url(../images/layout/menu_item_current.gif) repeat-x;
	}


/********************************************************* _Forms */

input,
textarea,
select {
   color:#000;
   line-height:16px;
}

textarea,
.input_text,
.input_captcha {
   cursor:text;
   height:16px;
   width:200px;
   border:1px solid #AAA59F;
   padding-left:1px;
   padding-top:1px;
}

textarea {
	width:200px;
   height:150px;
}

option {
	padding:0 2px;
}
	

.input_radio {
   background:none;
   border:none;
}

.input_checkbox {
   background:none;
   border:none;
}

.input_captcha {
   width:77px;
}

.input_submit {
   padding:0 5px;
   border:1px solid #000;
   background:#696969;
   cursor:default;
   color:#FFFFFF;
}

.input_required_highlight {
	border:1px solid red;
}


/********************************************************* _Extras */

/*
 * Tabellenformatierung
 * * * * * * * * * * * * * * * * * * * * * * * */
#tableHeader{ color:#006666; font-weight:bold; border-bottom:1px solid #666666; }
#odd{ background-color:#DDDDDD; border-bottom:1px solid #999999; }
#even{ background-color:#EEEEEE; border-bottom:1px solid #999999; }

/*
 * Meldungen
 * * * * * * * * * * * * * * * * * * * * * * * */
#meldungDiv { 
	margin:0 0 20px 0px; 
	padding:3px 5px 3px 5px; 
	border:1px solid #D1A000; 
	text-align:center; 
}

#content p, 
#content ul {
	margin-bottom: 15px;
}