﻿/*
Theme Name:Inzumi
Theme URI:
Description:
Version:2.0
Author:Designaudience
Tags:
*/

/* 1. Globals
------------------------------------------------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	outline:0;
}

html { height:100%; }

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#717881;
        background:url(/images/bg.jpg) repeat-x;
	background-color:#d5e8fe;
}

h1,h2 { font-weight:normal }
h1 { margin-bottom:15px; font-size:20px; }
h2 { margin-bottom:15px; font-size:17px; }
h1 a { color:#ea9010; }
h3 { margin-bottom:10px; font-size:12px; }
h3.sub-headline { margin:-10px 0 20px 0; font-weight:normal; }

img { border:none; }

li { list-style:none; }

a { color:#638ec0; text-decoration:none; }
a:hover { color:#f18e00; text-decoration:underline; }

p { margin-bottom:10px; }

.clear {
	float:none;
	clear:both;
}

/* 2. Seitenstruktur
------------------------------------------------------------------------------------------------------------- */
#wrapper {
	width:1000px;
	margin:0 auto; }
			
	#container {
		float:left;
		width:870px; }
		 
		#banner-top {
			min-height:20px;
			height:auto !important;  /* für moderne Browser */
			height:20px;  /*für den IE */ 
                        margin-left:140px;
		}
		
		#header {
			padding:27px 30px 15px 30px;
			height:134px;
			background:url(images/bg-header.gif) repeat-x;
		}
		
		#content {
			padding:10px 30px 30px 30px;
			background:url(images/bg-content.png); }
			
			#content .left-600px {
				float:left;
				margin-right:20px;
				width:600px; }
				
			#content .right-190px {
				float:left;
				width:190px;
		}
		
		#content-footer {
			height:20px;
			overflow:hidden;
			margin-bottom:20px;
			background:url(images/bg-content-footer.png) no-repeat bottom;
		}
		
		#footer {
			margin-bottom:20px;
			padding:15px 30px;
			color:#959595;
			background-color:#fff;
			border:1px solid #dcdee0;
		}
				
		#banner-footer {
			margin-bottom:20px;
	}
			
	#banner-right {
		float:right;
		width:130px;
		height:400px;
                margin-top: 90px;
}

/* 3. Globale Elemente
------------------------------------------------------------------------------------------------------------- */
#metanavi {
	width:200px;
        height:24px;
        float:right;}
		
		#metanavi ul li {
				float:left;
				margin-left:5px;
				line-height:12px;
				color:#939eab; }
				
			#metanavi ul li.border {
				padding-right:5px;
				border-right:1px solid #939eab;  }
				
				#metanavi ul li a {
					color:#939eab;
					text-decoration:none; }
					#metanavi ul li a:hover { color:#f18e00;
				}
				
				#metanavi ul li a.active {
					font-weight:bold; }
					#metanavi ul li a:hover.active { color:#939eab;	cursor:default;
				}
					
				#metanavi ul li a.highlight {
					color:#f18e00;
					font-weight:bold;
}
	
/* Logo */	
#header .logo {
	float:left;
        padding-top:7px;
	width:260px;
	height:55px;
}

/* Kooperationspartner Header */	
#header .koop {
	float:right;
	width:110px;
	height:38px;
	text-align:right; }
	
	#header .koop .text {
		font-size:11px; 
                line-height:14px;}
		
	#header .koop .logos img {
		margin-left:5px;
}

/* Reisezielsuche */		
#header .suche {
	float:left;
	padding-top:6px;
        height:31px;
	width:440px;
	text-align:right;}
	
	#header .suche input {
		float:left;
		margin-right:5px;
		padding:6px 30px 3px 40px;
		width:200px;
		font-size:14px;
		font-weight:bold;
		color:#c8c8c8;
		background:url(images/bg-header-input-suche.gif) no-repeat;
		background-color:#fff;
		border:1px solid #d3d6d9; }
		
		#header .suche a {
			float:left;
			padding:5px 0 0 10px;
			height:23px;
			width:133px;
			text-align:left;
			font-size:13px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			background:url(images/bg-header-suche-a-finden.gif) no-repeat;
}

/* Navigation Header */		
#header .navigation {
	clear:both;
	height:46px;
	width:810px;
	background:url(images/bg-header-navigation.gif) }
	
	#header .navigation ul li {
		float:left;
		padding-top:17px;
		height:29px;
		font-size:14px;
	}
		
	#header .navigation ul li.neu {
		background:url(images/bg-header-navigation-li-neu.gif) no-repeat top right; }
		
		#header .navigation ul li a {
			float:left;
			padding:6px 17px 0 17px;
			height:23px;
			color:#fff;
			text-decoration:none;
			background:url(images/bg-header-navigation-a.gif) no-repeat right;  }
			#header .navigation ul li a:hover { background:url(images/bg-header-navigation-a-active.gif) right; }
			
			#header .navigation ul li a.active {
				background:url(images/bg-header-navigation-a-active.gif) right;
}

/* Sidebar */
ul.sidebar {
	float:right;
	margin-bottom:10px; }
	
	ul.sidebar li { float:left; margin-left:10px; }
	ul.sidebar li.rss { padding-left:17px; background:url(images/rss.gif) no-repeat; }
	ul.sidebar li.login { padding-left:17px; background:url(images/login.gif) no-repeat;
}
	
#sidebar {
	clear:both;
	padding:10px 10px 0 10px;
	background-color:#f9f9f9;
	border:1px solid #dddddd; }

	#sidebar h2 { 
		margin-bottom:10px ;
		font-size:17px; }
	
	#sidebar ul {
		margin-bottom:20px; } 
	
		#sidebar li { 
			margin:5px 0;
			padding-bottom:3px;
			border-bottom:1px dotted #b0b0b0;
}

/* Eintrag */
.entry img {
	border:2px solid #dddddd;
}

/* Info */
.info {
	margin:10px 0 20px 0;
	padding:3px 5px;
	background-color:#f9f9f9;
	border:1px solid #dddddd;
}

/* Footer Copyright */	
#footer .copyright {
	float:left;
	padding-top:15px;
	width:729px;
	height:25px;
	font-size:11px; }
	
	#footer .copyright ul li {
		float:left;
		margin-right:5px;
		padding-right:5px;
		line-height:11px; }
		
		#footer .copyright ul li.border {
			border-right:1px solid #959595; }
	
	#footer .copyright a {
		color:#959595; }
		#footer .copyright a:hover { color:#f18e00; text-decoration:underline;
}
	
/* Footer Bookmark */	
#footer .bookmark {
	float:right;
	width:279px;
	height:40px;
	font-size:11px; }
	
	#footer .bookmark .logos {
		float:right; }
	
	#footer .bookmark .logos img {
		float:left;
		margin-left:3px;
}

#seo-links {
	text-align:right;
	font-size:11px; }
	
	#seo-links a {
		color:#959595;
}

/* Kommentare & Formulare
------------------------------------------------------------------------------------------------------------- */
/* Kommentare */
.kommentare {
	margin-bottom:20px;
	padding-top:10px;
	border-top:1px dotted #b0b0b0; }
	
	.kommentare .kommentar {
		margin-bottom:10px;
		border-bottom:1px dotted #b0b0b0; }
		
		.kommentare .kommentar p.infos {
			margin:-10px 0 5px 0;
			font-size:11px;
}

fieldset { border:none; }
input { padding:4px 5px 1px 5px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#aaaeb4; border:1px solid #e1e1e1; }
input.button-orange { display:block; padding:4px 10px; width:auto; height:auto; color:#fff; font-weight:bold; background:url(images/bg-button-orange.jpg) repeat-x;	border:1px solid #f18f06; cursor:pointer; }
textarea { overflow:auto; padding:4px 5px 1px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#aaaeb4; border:1px solid #e1e1e1; }

input, select, textarea {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

fieldset {
	margin-bottom:10px; }
	
fieldset.hinweis {
	margin-bottom:10px;
	padding-left:150px;
	font-size:11px; }

	fieldset label {
		float:left;
		padding-top:5px;
		width:150px; }
		
	 fieldset input, fieldset textarea {
		margin-bottom:5px;
		width:323px;
}