/*
////////////////////////////////////////////////////////////////
//
// style.css  //  Erstellt durch TIGER.DESIGN, Dreieich.
// www.tiger-design.de
// 
// Autor: Lukas Fingerle
// Datum: 02.09.2009
//
////////////////////////////////////////////////////////////////

*/

/* ALLGEMEIN
===========================*/
* {margin:0; padding:0;}
body {background: #FFF; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:18px;}
div#wrapper {width: 918px; margin: 0 auto;}
p {margin-bottom:10px;}
a img {border:0;}

/* LINKS
===========================*/
a {text-decoration: none; color: #FF0000; }
a:hover {text-decoration: none; color: #333; }

/* NAVI
===========================*/
#navi {width: 918px; height: 111px;}
#navi a {border:0;}
#logo {width: 163px; height: 43px; margin: 34px 0 0 0; float:left;}
ul#topnavigation {list-style-type: none; width:680px; float:left; margin:46px 0 0 60px;}
ul#topnavigation li {float:left;}

/* HEADER
===========================*/
#header {width:918px; height: 263px;}
#header #shadow-left {height:253px; width:9px; background: url(../img/shadow-left.jpg) no-repeat; float:left;}
#header #shadow-right {height:253px; width:9px; background: url(../img/shadow-right.jpg) no-repeat; float:left;}
#header #shadow-bottom {height:10px; width:918px; background: url(../img/shadow-bottom.jpg) no-repeat; float:left;}
#header #head-picture {height:253px; width:580px; background: url(../img/head-picture1.jpg) no-repeat; float:left;}
#header #head-text {height:193px; width:260px; background: #FF0000; float:left; padding:30px; font-size: 11px; color:#FFF;}
/* IE6 Hack */
* html #header #head-text {padding:26px 30px;}

/* CONTENT
===========================*/
#content { width:918px; overflow:hidden; margin-bottom:25px;}
#content-left {margin-left: 9px; width: 580px; float:left;}
#content-right {margin-left:30px; width:290px; float:left;}

#content ol {list-style-type: decimal; margin:0 0 20px 25px;}
#content ul {list-style-type:circle; margin:0 0 20px 25px; }
#content ul li {margin-bottom: 10px;}
#content ul.list li {margin:0}
img.slide {margin-left: 22px; border: 1px solid #999;}
img.slidesmall {margin-left: 12px; border: 1px solid #999;}
img.slidenoborder {margin-left:25px; margin-top: 10px;}

#content-right ul {list-style-type:circle; margin:0 0 5px 25px; }
#content-right ul li {margin-bottom: 5px;}

/* HEADLINE
===========================*/
.headline {width:100%; height:45px; position: relative; margin-bottom: 20px;}
.headline-bottom {width:100%; height:37px; border-bottom: 2px solid #999; z-index:1; position: absolute;}
.headline-top {height:40px; z-index:2; position: absolute; padding:22px 7px 0 0;}


/* FOOTER
===========================*/
#footer {width: 900px; height:30px; border-top: 2px solid #999; color:#666; padding-top: 5px; margin: 0 9px;}
#footer a {color: #666; border-bottom: 1px dotted #666;}
#footer a:hover {color: #FF0000; border-bottom: 1px dotted #FF0000;}

/* NEWSMELDUNGEN
===========================*/
.newsmeldung {margin-bottom:20px;}
.newsmeldung h3, .newsmeldung .date {font-weight: bold; font-size: 11px;}




/* INPUT FIELD CSS Copy this to your style sheet
------------------------------------------------------------- */

/* IE 6 */
* html .button {
   margin-left: 162px;
}
/* IE 7 */
* + html .button {
    margin-left: 162px;
}

#contactform form {
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	margin:0 0;
	padding:10px 0;
	width:100%;
}
#contactform form label {
	display:block;
	float:left;
	width:100px;
	padding:6px 10px 0 0;
	margin:0px;
}

#contactform form label.msg { 
	font-weight: bold;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:330px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
	color: #333;
}

#contactform form .required {
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('../img/required.gif') 98% 50% no-repeat;
}
#contactform input.required {
	background:#f5f5f5 url('../img/required.gif') 98% 50% no-repeat;
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		border:1px solid #d8d8d8;
	}


.button {
				font-family: Arial, Helvetica, sans-serif;
                display: inline-block;
                background: #950000 url('../img/bg-button-red.gif') top left repeat-x !important;
                border: 1px solid #940000 !important;
                padding: 2px 4px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                margin-left: 228px;
        }
                
/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				font-size:100%;
				color:#333;
				padding:10px;
				width:90%;
				margin:0 0 20px 0px;
				text-align:left
				margin-left:auto;
				margin-right:auto;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
				padding:2px 40px;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;


.notification_ok
	{
	border: 1px #567397 solid;
	height: auto;
	width: 90%;
	padding: 8px;
	background: #f5f9fd;
	text-align: center;
	-moz-border-radius: 5px;
	}